Site Premium em 5 Min com Claude Code
Este é o passo a passo cronometrado para sair do zero e colocar um site profissional no ar usando o Claude Code — a CLI da Anthropic que roda direto no seu
O que é
Site Premium em 5 Min com Claude Code
Este é o passo a passo cronometrado para sair do zero e colocar um site profissional no ar usando o Claude Code — a CLI da Anthropic que roda direto no seu terminal. Diferente de um construtor no-code, aqui você descreve o site em português e o Claude escreve o código real (React, componentes, animações), que fica seu e versionável no Git.
O fluxo combina quatro peças que se encaixam: o Claude Code para orquestrar tudo, uma skill de design para o output não sair genérico, componentes prontos do 21st.dev para acelerar as seções, e o Framer Motion para as animações. Cada etapa abaixo tem um marco de tempo realista para você acompanhar.
É para quem nunca programou e quer um site bom de verdade sem contratar designer nem agência, e também para o dev que quer encurtar o tempo entre ideia e deploy. Ao final, o site vai estar publicado na Vercel com domínio próprio.
Como funciona
Principais recursos
Instalação em 1 minuto
Um único comando npm instala o Claude Code global. Feito uma vez, serve para todos os projetos.
Skill de design
Uma skill de UI ensina o Claude a aplicar hierarquia, espaçamento e proporção de produto real.
Componentes do 21st.dev
Hero, pricing e features prontos para colar. O Claude adapta cores, textos e fontes ao seu contexto automaticamente.
Animações com Framer Motion
Cada seção ganha transições suaves sem você escrever código de animação manualmente.
Iteração por conversa
Ajustes em linguagem natural — "aumenta o espaçamento", "muda a cor do botão" — aplicados na hora, sem refazer do zero.
Deploy na Vercel
Publicação em menos de 2 minutos com domínio próprio. Sem servidor para gerenciar.
Comece agora
Explore o repositório, contribua ou integre na sua operação.
Vá além do tutorial
Quer dominar isso na prática?
Aprofunde com acompanhamento direto na mentoria ou siga o passo a passo completo, do zero ao avançado, no curso online.