⚡ Aula Prática

Usando skills na prática

▶ Video: 5 min

🎧 Audio: 3 min

📋 5 passos

⏱ ~20 min total

🎙

Resumo em audio — com a voz da Alessandra Camilo

Prefere ouvir enquanto faz? Aperte o play. Mesma explicação do video, só audio.

ℹ Nesta aula você vai combinar tudo que aprendeu para criar uma mini página de vendas do ZERO — usando skills. E o seu primeiro projeto real.

📋
Passo a passo

Passo 1

Criar a persona

Abra o terminal, va para a pasta do seu negocio e abra o Claude Code:

Terminal

$ cd ~/meu-negocio

$ claude

Use /skill-persona-profunda para criar a persona do seu produto. Descreva seu produto e seu público com detalhes.

Comando no Claude Code

/skill-persona-profunda

Cria a persona da cliente ideal para [SEU PRODUTO]. Público: [DESCREVA SEU Público]. Salva em personas/minha-persona.md.

✓ Se a persona foi criada e salva na pasta personas/, avance para o próximo passo.

Passo 2

Criar a copy

Agora use /copywriting para criar a copy da página de vendas, usando a persona como base:

Comando no Claude Code

/copywriting

Usa a persona em personas/minha-persona.md e cria uma página de vendas completa para [SEU PRODUTO]. Inclui: headline, sub-headline, 5 beneficios, depoimentos ficticios e CTA.

A copy vai sair direcionada porque o Claude já conhece sua cliente. Headline, sub-headline, beneficios, CTA — tudo focado nas dores e desejos dela.

✓ Se você recebeu uma copy completa com headline, beneficios e CTA, avance.

Passo 3

Criar a página

Agora vem a parte visual. Use /frontend-design para transformar a copy em uma página real:

Comando no Claude Code

/frontend-design

Cria uma landing page de vendas com a copy que acabamos de criar. Design profissional, moderno, responsivo. Cores quentes e acolhedoras. Botao de CTA grande e visivel.

O Claude vai gerar o HTML e CSS completo — uma página profissional que funciona no celular e no computador.

✓ Se o Claude gerou código HTML/CSS, sua página esta quase pronta.

Passo 4

Salvar o resultado

Peca para o Claude salvar a página na pasta certa:

Comando no Claude Code

Salva essa página em páginas-de-venda/minha-primeira-página.html

O Claude vai criar o arquivo completo na pasta. Você pode verificar:

Terminal

$ ls páginas-de-venda/

✓ Se o arquivo minha-primeira-pagina.html apareceu na lista, esta salvo.

Passo 5

Ver no navegador

Abra o arquivo no navegador para ver o resultado final:

No Mac:

Terminal — Mac

$ open páginas-de-venda/minha-primeira-página.html

No Windows:

Terminal — Windows

$ start páginas-de-venda/minha-primeira-página.html

O navegador vai abrir com a sua página de vendas. Você criou uma página profissional!

🎉 PARABENS!

Você acabou de criar sua primeira página de vendas usando IA. Sem designer. Sem programador. Sem semanas de trabalho. Isso e o poder do Claude Code com skills.

💡 Metafora da Alessandra Camilo:

Semente no bolso não vira flor. Tem que ir pro solo. Você acabou de plantar a sua primeira semente digital. Agora e regar — ajustar, melhorar e colocar no ar.

⚠ Para publicar no seu servidor (VPS), nas proximas aulas você vai aprender a fazer deploy. Por enquanto, sua página esta salva no computador — pronta para quando você quiser colocar no ar.

⚠ Deu erro? Veja como resolver

"A página ficou feia"
Peca ajustes: Melhora o design, usa cores mais profissionais e modernas. Aumenta o tamanho da fonte e o espaco entre os blocos. O Claude vai refazer o visual sem perder o conteudo.

"Quero mudar a copy"
Peca: Reescreve a headline focando mais na dor X ou Troca os beneficios por esses: [liste os novos]. Você pode ajustar quantas vezes quiser.