elayadesign ensina editores de IA a desenhar e atinge 8.400 estrelas

Instruções locais guiam o modelo sem exigir pacotes extras

A arquitetura do ai-design-skills dispensa servidores remotos e dependências pesadas de software. Tudo roda no próprio computador. Cada habilidade ocupa uma pasta isolada com um arquivo SKILL.md que o assistente lê como instrução de contexto. O módulo landing-page-design faz perguntas iniciais, define a estrutura da página, cria textos de conversão e padroniza tipografia, espaçamento, raio de borda e movimento, baseando-se no repositório taste-skill de Leon Lin.

Para movimentar componentes, o módulo design-to-motion transforma telas estáticas em vitrines animadas que mostram do estado vazio ao carregado sem alterar o fundo da página. O sistema exporta essas animações em vídeo MP4 para a rede X ou em arquivos GIF no formato 800×500 pixels. As regras visuais adaptam conceitos de Emil Kowalski, Dylan Tarre e do projeto designer-skills. Valores visuais ficam no fim do arquivo.

Instalação copia regras para as pastas internas dos editores

A instalação dispensa gerenciadores de pacotes e depende da inclusão de arquivos de texto nas pastas de configuração de cada editor. No Claude Code, quem programa cria a pasta .claude/skills, clona o projeto em /tmp/ai-design-skills e copia a pasta da habilidade com o comando cp. No Cursor, o usuário baixa o arquivo com curl para .cursor/rules ou cola o texto no painel Settings dentro de Rules for AI. O processo termina de forma silenciosa.

Ambientes alternativos direcionam o arquivo SKILL.md para .windsurfrules no Windsurf, AGENTS.md no Codex e .clinerules no Cline, enquanto no Claude.ai basta carregar o documento em um projeto. Na primeira execução prática, o desenvolvedor só precisa pedir a tarefa em linguagem natural, pois o assistente absorve o contexto sem etapas extras de compilação. O modelo responde imediatamente às instruções. Quem prefere alterar fontes e espaçamento edita a seção de valores visuais no rodapé do documento para que o assistente recalcule todo o leiaute automaticamente.

Com 90 dias de existência, o repositório criado em 29 de julho de 2026 exibe números que chamam a atenção pela velocidade de crescimento no Trendshift. A ferramenta acumula 8.400 estrelas, 602 forks e apenas 2 issues abertas no GitHub, com o último commit registrado em 26 de outubro de 2026. Volumes altos de estrelas em projetos tão jovens exigem cautela técnica, até porque o repositório não publica números de versão estável nem pacotes versionados. O código ainda amadurece.

Distribuído sob licença MIT, o material autoriza qualquer pessoa a usar, bifurcar, distribuir e vender comercialmente o que construir a partir dos arquivos. A coleção não serve para quem precisa reformular um site já existente, tarefa que a própria elayadesign isolou no repositório externo redesign-skill. A ferramenta também não atende quem busca bibliotecas de código executável ou automações de infraestrutura, limitando-se a orientar a estética de interfaces visuais. O foco segue estritamente no desenho.