Huashu Design: obtenha um design HTML entregável com uma frase

Para quem é

Para quem quer, no assistente, obter um design entregável com uma frase. Texto oficial: escreva uma frase no seu agent e receba um design que possa entregar. O título do repositório posiciona-o como um skill de design nativo em HTML, cobrindo protótipos de alta fidelidade, slides e animação, mais vinte filosofias de design, uma verificação em cinco dimensões e exportação MP4.

Encaixa melhor quem já tem um pedido de uma frase (fazer um protótipo clicável ou um conjunto de slides apresentável) e consegue executar npx skills add nesta máquina. Não serve se só quiser conversar e não for verificar se o diretório de instalação está completo.

Antes de começar, precisa de conseguir executar o comando oficial de instalação. O texto oficial diz que é comum entre agents e que vários ambientes conseguem instalar; não leia essa lista como um âmbito mutuamente exclusivo.

Conclua a primeira tentativa em 3 minutos

Siga só o caminho principal do npx. Na primeira vez, verifique se a instalação está completa antes de decidir gerar ficheiros.

Pré-requisitos: esta máquina já tem npm/npx. Na primeira tentativa, não exporte MP4 nem escreva ficheiros num caminho não confirmado.

Local de instalação: execute no espaço de trabalho:

npx skills add alchaincyf/huashu-design

Depois de instalar, olhe o diretório de instalação como diz o texto original, por exemplo ~/.claude/skills/huashu-design/. Se só existir SKILL.md e faltarem esses subdiretórios, o CLI skills está demasiado antigo (≤1.5.15 tem o defeito de sincronizar só um ficheiro; corrigido em 1.5.19). Atualize o CLI primeiro e depois continue. Não complete os subdiretórios à mão.

Repositório oficial:

https://github.com/alchaincyf/huashu-design

Gatilho de baixo risco: quando o diretório estiver completo, peça ao assistente com uma frase que prepare uma verificação de protótipo interativo, em vez de exportar vídeo primeiro. A entrega original de um protótipo interativo é: HTML de um só ficheiro, iPhone bezel real, clicável, verificado com Playwright, cerca de 10–15 minutos. Antes de gerar, confirme em que caminho o HTML vai cair; depois, abra localmente e termine a verificação com Playwright antes de tratar como entregável.

Sinal de sucesso: o diretório de instalação não tem só SKILL.md e ainda não escreveu ficheiros de exportação não confirmados.

Casos de uso

Caso 1: protótipo interativo App / Web clicável. Entrega em HTML de um só ficheiro, com iPhone bezel real, clicável e verificado com Playwright. Para quem já tem um fluxo de um ecrã e quer ver primeiro um protótipo de alta fidelidade. Confirme o caminho de saída e depois gere; não envie a ninguém antes de a verificação passar.

Caso 2: slides de apresentação. Texto original: HTML deck (apresentar no browser) mais PPTX editável (caixas de texto preservadas), cerca de 15–25 minutos. Para quem já tem um esquema e precisa de algo que se possa apresentar e ainda editar. O PPTX escreve um ficheiro; confirme o local de gravação antes de gerar; depois abra localmente, confira as caixas de texto e só então distribua.

Limites de uso

A animação de linha do tempo exporta MP4 (25fps / 60fps interpolação), GIF (palette otimizado) e BGM, cerca de 8–12 minutos. Os ficheiros são maiores; não use isto como primeira tentativa.

O único comando de instalação é npx skills add alchaincyf/huashu-design. Quando o diretório está incompleto, o texto original só aponta um problema de versão do CLI; não invente outros instaladores.

As vinte filosofias de design e a verificação em cinco dimensões só aparecem no título do repositório; o corpo citado nesta página não lista os itens. Não invente nomes de filosofias nem uma lista de verificação.

Não invente caminhos de skill que não aparecem, e não leia «dá para instalar em todo o lado» como se os passos de cada ambiente já estivessem escritos.