Claude Cookbook para Landing Pages Reais
Vais instalar o Anthropic Cookbook como skill do teu Claude Code e deixar de entregar landing pages que parecem feitas por ChatGPT. Designs com cara humana, em 3 minutos de prompt.
🎯 O que vais aprender
Vais instalar o Anthropic Cookbook como skill do teu Claude Code e deixar de entregar landing pages que parecem feitas por ChatGPT. Designs com cara humana, em 3 minutos de prompt.
🔥 O problema
Todas as landing pages geradas com Claude em 2026 têm o mesmo ADN. Gradiente roxo. Cards arredondados. Tipografia sans genérica. Botão Get Started Now ao fundo.
O utilizador reconhece em 3 segundos que é AI. E fecha. Perdeste a conversão logo ali.
💡 A solução
O Claude por default não tem referências visuais fortes. Dá-lhe o Anthropic Cookbook como skill, e ele passa a buscar exemplos reais de design antes de gerar. Não inventa, referencia.
📋 Pré-requisitos
- Claude Code instalado (v1.5+)
- Conta GitHub
- Node.js 20+
- 20 minutos de setup, zero mais
- Dificuldade: Iniciante
🛠️ Implementação
Primeiro, clonar o Cookbook
Abres terminal em ~/.claude/skills e corres git clone https://github.com/anthropics/anthropic-cookbook.git cookbook.
Depois, criar o SKILL.md
Dentro da pasta cookbook, cria um ficheiro SKILL.md com frontmatter claro: usa esta skill sempre que construires landing pages, design systems ou assets front-end.
E só aí, referenciar no prompt
Quando pedes um site, abres o prompt com:
Usa a skill cookbook e dá-me 3 referências concretas antes de gerar.
O Claude responde com padrões reais do cookbook e só depois escreve o código. Zero defaults genéricos.
Iterar com referências específicas
Se quiseres um look específico, diz: usa o padrão do hero da página Stripe do cookbook. Ele vai buscar e adapta.
🔧 Ferramentas
- Anthropic Cookbook: https://github.com/anthropics/anthropic-cookbook
- Claude Code: https://www.anthropic.com/claude-code
- Tailwind CSS: https://tailwindcss.com
- shadcn/ui: https://ui.shadcn.com
💼 Caso prático
Estúdio de design com 3 pessoas. Entregavam 4 landings por mês, cada uma 8 horas de ajuste manual.
Com o cookbook como skill, passaram a 4 landings por semana. Primeiro draft sai com identidade, ajuste caiu de 8 horas para 90 minutos.
⚠️ Erros comuns
✅ Checklist
- Cookbook clonado em ~/.claude/skills
- SKILL.md criado com frontmatter correcto
- Primeiro prompt de teste comparado (com/sem skill)
- Prompt base padronizado para todos os projectos
Preferes que isto seja feito por nós? Conhece o nosso serviço de inteligência artificial para empresas.