Seus Sites com Claude Parecem Genéricos

Quando um site gerado pelo Claude Code parece genérico, na maioria das vezes o problema não é o modelo — é o setup. Sem skills de design, o Claude trabalha com o conhecimento padrão e o resultado tende ao template sem personalidade. A virada vem de três frentes de design que você adiciona ao Claude Code: motion real, refino visual disciplinado e referência de gosto.

A frente de motion é onde o repositório de skills do Emil Kowalski (emilkowalski/skills, "Skills for Design Engineers") entra de forma concreta e verificável: a skill emil-design-eng cobre animação e conselhos de design, e a review-animations revisa suas animações com critérios rígidos. O refino visual — espaçamento, tipografia, layout e alinhamento consistentes — e a referência de gosto (alimentar o Claude com exemplos de design de alto padrão) são capacidades que você obtém via skills de design e regras de revisão; os nomes exatos de skill para cada uma variam no ecossistema, então este tutorial as trata como frentes, não como repositórios fixos.

A mesma IA, com um setup diferente, produz um resultado diferente. Este tutorial mostra o que cada frente faz, como instalar a skill verificada do Emil Kowalski no Claude Code e como combinar motion, refino e gosto num fluxo único de design.