Este repositório open source acabou de clonar o Claude Design (é BOM)

하이라이트

• O repositório open source Huashu Design clona as funcionalidades e system prompts do Claude Design para uso em agentes de codificação como o Claude Code.

• O Huashu Design permite a criação de protótipos interativos, apresentações, motion design e infográficos sem os limites arbitrários de uso semanal do Claude Design.

• O uso de uma única sessão no Huashu Design consumiu apenas 130 mil tokens, menos de 1% do limite semanal do plano 20x, contra 15% consumidos pelo Claude Design na mesma tarefa.

• O Huashu Design utiliza 20 arquivos Markdown integrados como 'mini skills' e possui uma cadeia de ferramentas executável que inclui Playwright para validação de código.

• Apesar da ausência de uma interface gráfica dedicada para edição manual, o Huashu Design oferece um sistema de ajustes de estilo, tipografia e layout via prompt comparável ao do Claude Design.

타임라인

1. 00:00 - 03:07

   Limitações do Claude Design e introdução ao Huashu Design

   O Claude Design, embora poderoso para criação de ativos e protótipos, impõe restrições severas de uso semanal que impossibilitam o fluxo de trabalho contínuo. O Huashu Design surge como uma alternativa técnica baseada nos mesmos prompts do sistema original, mas operando dentro da janela de contexto do usuário no Claude Code. O sistema conta com 20 arquivos Markdown explicativos e ferramentas integradas para transformar HTML em ativos como MP4.

   • O Claude Design atinge limites de uso em menos de uma hora mesmo em planos de alta capacidade.
   • O Huashu Design replica a filosofia de design e os system prompts do Claude Design como um repositório open source.
   • A ferramenta opera como uma skill integrada ao Claude Code ou outros agentes de codificação.
2. 03:08 - 09:01

   Comparativo de design: Landing Page Lighthouse

   Ao projetar uma landing page, o Huashu Design e o Claude Design apresentaram resultados visuais comparáveis em termos de estrutura e layout. Enquanto o Claude Design permite ajustes manuais via interface gráfica, o Huashu Design possibilita a mesma iteração através de comandos de prompt agressivos, mantendo o usuário dentro de limites de consumo muito mais eficientes.

   • O Huashu Design cria múltiplas variantes visuais em uma única visualização comparativa.
   • A saída gráfica do Huashu Design é espacialmente muito similar à do Claude Design.
   • O consumo de tokens para criar a landing page foi de 130 mil tokens no Huashu contra 15% do limite semanal no Claude Design.
3. 09:02 - 15:00

   Sistemas de design e apresentações de slides

   A capacidade do Huashu Design em manter a estética de um sistema de design de referência foi validada, com resultados alinhados em cores e fontes, embora com pequenas falhas gráficas pontuais em sprites. O Claude Design mantém a vantagem prática da interface visual interativa. Contudo, a flexibilidade do Huashu Design em atuar em diversos tipos de entregáveis o torna uma ferramenta complementar valiosa para reduzir a dependência das restrições da plataforma Anthropic.

   • O Huashu Design recria sistemas de design a partir de referências sem a necessidade de pré-carregamento complexo.
   • O Claude Design é superior em cenários que exigem edição visual direta, comentários específicos ou trabalho colaborativo em equipe.
   • A skill Huashu Design estende o escopo de uso para infográficos e motion design além de web apps.