Este repositorio de código abierto acaba de clonar el diseño de Claude (¡y es BUENO!)

하이라이트

• Huashu Design es un repositorio de código abierto que replica las funcionalidades de diseño de Claude Design para su uso en agentes como Claude Code.

• Claude Design alcanza sus límites de uso semanales en menos de una hora incluso con planes de pago de alto nivel.

• La habilidad Huashu Design permite crear prototipos interactivos, presentaciones y activos visuales sin consumir los límites de uso de la plataforma nativa de Anthropic.

• Huashu Design incluye una cadena de herramientas que permite convertir archivos HTML a MP4 y validar diseños mediante Playwright.

• Las pruebas comparativas demuestran que Huashu Design ofrece una calidad de salida competitiva frente a Claude Design utilizando una fracción mínima de la ventana de contexto.

• Claude Design mantiene una ventaja operativa gracias a su interfaz gráfica que permite edición manual directa, dibujo y comentarios sobre elementos visuales.

타임라인

1. 00:00 - 02:13

   Limitaciones de Claude Design y alternativa de código abierto

   El alto costo mensual y los límites de uso arbitrarios de Claude Design impiden un flujo de trabajo productivo a largo plazo. Huashu Design soluciona esto convirtiendo las capacidades de diseño en una habilidad modular que aprovecha 20 archivos de análisis profundo y activos integrados. Al operar como una habilidad externa, el usuario no queda sujeto a las restricciones de la plataforma nativa.

   • Claude Design impone límites de uso semanales restrictivos que se agotan en menos de una hora.
   • Huashu Design es un repositorio de GitHub que empaqueta las filosofías y mensajes del sistema de Claude Design como una habilidad ejecutable.
   • Esta habilidad funciona dentro de Claude Code, Codex y otros agentes, aprovechando herramientas como Playwright y convertidores de HTML a MP4.
2. 02:13 - 08:56

   Pruebas de rendimiento en páginas de destino

   En una prueba directa, Huashu Design logró generar múltiples variantes editoriales de alta calidad sin intervención externa. Aunque Claude Design facilita la iteración mediante una interfaz visual donde se pueden ajustar colores y tipos de letra, Huashu Design demostró que es posible obtener resultados de diseño similares mediante instrucciones precisas y de bajo costo de tokens.

   • Huashu Design y Claude Design generaron variantes visuales comparables para un producto SaaS ficticio llamado Lighthouse.
   • Claude Design consumió el 15% del límite de uso semanal, mientras que Huashu Design utilizó menos del 1% del contexto en una sesión.
   • La interfaz gráfica nativa de Claude Design ofrece mejores capacidades para ajustes manuales y edición tipográfica en tiempo real.
3. 08:56 - 15:00

   Sistemas de diseño y presentaciones

   Al probar la creación de presentaciones, ambas herramientas mantuvieron la consistencia estética del sistema de diseño base. A pesar de los problemas menores de superposición en los prototipos de Huashu, estos son fácilmente corregibles con un mensaje adicional. Se concluye que Huashu Design compite eficazmente con la herramienta nativa, siendo una opción superior para la eficiencia del desarrollador promedio.

   • Huashu Design recrea sistemas de diseño complejos a partir de referencias proporcionadas sin necesidad de precarga.
   • Claude Design es más rápido en la generación de presentaciones, pero consume hasta el 30% del uso semanal en tareas complejas.
   • Huashu Design es la herramienta recomendada para usuarios que priorizan el costo y la escalabilidad sobre la edición gráfica manual.