firstprompt
Entrar
Todos os pacotes
Sites19 prompts incluídos

Crie Seu Próprio Site

Coloque Seu Site no Ar

Qualquer pessoa consegue fazer uma IA montar uma página. Quase ninguém consegue uma que pareça ter sido projetada, ou que saia da janela do chat e vá parar em algum lugar de verdade. Aqui está o caminho inteiro: decidir o que o site precisa fazer, escrever o texto primeiro, definir um visual antes de construir, montar no Claude Code, no claude.ai ou no Cowork, passar o pente-fino que mata as marcas de 'feito por IA' e publicar num domínio seu. Escolha sua trilha — portfólio, negócio local, produto ou serviços — e as quatro são suas.

$5

O que você vai conseguir fazer

Um site pronto e no ar que você não tem vergonha de mandar — feito em uma tarde, no Claude que você já usa.

Compre uma vez. Copie cada prompt sempre que precisar.

  • Acesso imediato

Resultado real

Quatro sites prontos, feitos com estes prompts

Não são mockups. Cada um saiu dos seis passos abaixo — abra qualquer um em tela cheia.

Trilha PortfólioPortfólioMostrar trabalho, ser contratadoAbrir o siteTrilha Negócio localNegócio localTrazer gente até a portaAbrir o siteTrilha ProdutoProdutoExplicar e vender

Este pacote combina com

Publique com o Claude Code

Os pacotes são a vitória rápida. Os cursos completos ensinam você a fazer isso — e todo o resto — sozinho.

Abra um terminal.
Publique algo hoje.

O dia mais difícil é o primeiro, e você pode fazer o primeiro dia dentro desta aba. Agora mesmo.

bash
~$
Seu para sempre — sem assinatura
  • Reembolso em 30 dias
  • Montando um combo? Adicione mais pacotes e economize até 15%.

    Abrir o site
    Trilha ServiçosServiçosConquistar clientes melhoresAbrir o site

    Um caminho, não um monte de prompts

    Seis passos, em ordem

    Escolha onde vai usar e o que vai construir. Você tem as quatro trilhas e pode trocar quando quiser — nada fica bloqueado por essa escolha.

    Onde você vai usar

    O que você vai construir

    1. Passo 01

      Muda conforme a trilha

      Decida o que seu portfólio precisa fazer

      Rode isto primeiro, antes de deixar o Claude chegar perto de qualquer tela. Dez minutos aqui são o que evita refazer o site três vezes.

      Exemplo · Entrada

      Sou motion designer, 3 anos, quase tudo freela. Quero que estúdios me contratem para aberturas.

      Exemplo · Saída

      Uma frase dizendo para quem é o site e a única ação que ele precisa gerar, as 4 a 6 seções em ordem, quais 3 trabalhos abrem e o que você está deixando de fora de propósito.

      Compre o pacote para revelar o prompt completo.
    2. Passo 02

      Muda conforme a trilha

      Escreva o texto primeiro

      Cole o briefing da etapa 1. Faça isto ANTES de qualquer design — um layout construído em cima de texto real encaixa; texto despejado num layout pronto nunca encaixa.

      Exemplo · Entrada

      O briefing de uma frase da etapa 1 e anotações soltas sobre cada projeto.

      Exemplo · Saída

      Cada linha de texto que o site precisa — título, descrição dos projetos, o parágrafo sobre você, a linha de contato — escrita no tamanho certo e pronta para colar.

      Compre o pacote para revelar o prompt completo.
    3. Passo 03

      Muda conforme a trilha

      Defina o visual antes de construir

      A etapa que todo mundo pula, e o motivo de os sites ficarem com cara de gerado. Rode com seu texto em mãos e guarde a saída — é o briefing que você cola em toda construção.

      Exemplo · Entrada

      Seu texto da etapa 2 e dois ou três sites cujo visual você admira.

      Exemplo · Saída

      Uma direção escrita e curta — fontes, paleta de cinco cores com códigos hex, espaçamento, como o trabalho é enquadrado — e o que está explicitamente proibido.

      Compre o pacote para revelar o prompt completo.
    4. Passo 04

      Muda conforme onde você usa

      Construa no Claude Code

      Rode isto dentro de uma pasta vazia no Claude Code. Ele monta um projeto de verdade que é seu, com os arquivos na sua máquina e histórico desde o primeiro commit.

      Exemplo · Entrada

      Seu texto da etapa 2 e sua direção de design da etapa 3.

      Exemplo · Saída

      Um projeto real na sua máquina — index.html, styles.css, um repositório git com commits limpos — construído por partes e visualizável no navegador.

      Compre o pacote para revelar o prompt completo.
    5. Passo 05

      Igual para todo mundo

      O pente-fino de bom gosto

      Rode isto na construção pronta, no mesmo chat ou sessão. É a etapa que separa seu site de todas as outras páginas feitas por IA — não pule só porque já 'ficou bom'.

      Exemplo · Entrada

      Seu site construído e, se o seu Claude enxerga imagens, um screenshot dele.

      Exemplo · Saída

      Uma lista ordenada do que faz a página parecer gerada, cada item com a correção específica — e depois as correções aplicadas uma a uma.

      Compre o pacote para revelar o prompt completo.
    6. Passo 06

      Muda conforme onde você usa

      Coloque no ar

      Rode no Claude Code quando o site estiver pronto. Ele faz a checagem final, sobe para uma hospedagem de verdade com deploy automático e depois conecta seu domínio.

      Exemplo · Entrada

      Seu projeto pronto e se você já tem um domínio.

      Exemplo · Saída

      O site no ar numa hospedagem real, com deploy automático a cada push, os registros de domínio detalhados e as checagens finais registradas.

      Compre o pacote para revelar o prompt completo.