Cria Sites Completos Só Descrevendo
A diferença entre um site genérico e um site profissional saindo do Claude Code não está no prompt — está no setup.
O que é
Cria Sites Completos Só Descrevendo
A diferença entre um site genérico e um site profissional saindo do Claude Code não está no prompt — está no setup. Por padrão, o Claude gera interfaces a partir de tudo que aprendeu, o que inclui muito site mediano. Com as skills e ferramentas de design certas instaladas, ele passa a aplicar estrutura, espaçamento, hierarquia e padrões de UI que funcionam em produção.
Este tutorial mostra como montar um setup de skills de UI no Claude Code para criar sites descrevendo o que você quer em português. São dois ajustes: instalar skills de design de qualidade e conectar uma fonte de componentes modernos. Feitos uma vez, valem para todos os projetos seguintes.
Não é "nocode mágico". É dar ao Claude o contexto de design que ele não tem por padrão, para que o output deixe de parecer template de 2019 e passe a parecer trabalho de produção.
Descreva em português
Você escreve o que quer — público, tom, seções, sensação — e o Claude monta layout, animação e tipografia a partir disso.
Skills de UI de qualidade
Skills de design ensinam ao Claude espaçamento, hierarquia visual e padrões reais de interface.
Componentes modernos
Conectar uma fonte de componentes (como o 21st.dev) dá ao Claude blocos de UI atuais para compor seções completas.
Setup feito uma vez
As skills ficam instaladas no seu Claude Code. O ganho de qualidade se aplica a todos os projetos seguintes, sem reconfigurar.
Iteração rápida
Peça variações, ajuste seção por seção e refine animações conversando — o ciclo de revisão acontece no próprio terminal.
Do briefing ao deploy
O mesmo fluxo leva da descrição inicial ao site no ar, com deploy em Vercel a partir do mesmo projeto.
Próximo passo
Veja os outros recursos do catálogo
Dezenas de recursos entre squads, skills, apps e integrações — todos usados em produção pelo João.
Voltar ao catálogo