Skills@joaoguirunas

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.

Como funciona

Principais recursos

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.

Comece agora

Explore o repositório, contribua ou integre na sua operação.

Vá além do tutorial

Quer dominar isso na prática?

Na Formação Gestor de IA você vai do zero ao site no ar comandando equipes de agentes, sem escrever uma linha de código.