Passo a passo · sem saber programar

SEU JOGO
QUE VENDE
SOZINHO.

Você jogou o meu e sentiu ele te prender. Agora vou te ensinar a criar o seu. Do zero, sem escrever código. Você manda o Claude Code construir e no fim tem um funil em forma de jogo vendendo o seu produto, com desconto que a pessoa desbloqueia jogando.

00

A IDEIA
ANTES DE TUDO

Pega a jogada primeiro. Se você entender isso aqui, o resto é só ir colando prompt e seguindo a receita.

O pulo do gato
A pessoa entra pra jogar, se prende, e sem perceber já está na sua oferta. Quanto mais ela joga, maior o desconto que ela desbloqueia pra comprar.

É isso que faz o GamePlug vender: ninguém sai de um jogo no meio. Você não vai programar isso na mão. Você vai descrever o que quer e o Claude Code constrói, do jogo até a tela de compra. Este guia é só a ordem certa dos pedidos, com os prompts prontos pra colar.

01

O QUE VOCÊ
PRECISA

Pouca coisa. Se você ainda não tem o Claude Code instalado, faz o meu guia gratuito Do Zero ao App no Ar primeiro. Ele te deixa pronto em 15 minutos.

Você instala
CLAUDE CODE

Quem constrói tudo. Você conversa em português, ele escreve o jogo e o funil.

guia appzero
Grátis
VERCEL

Onde o seu jogo fica no ar pra qualquer um acessar e comprar.

vercel.com
Conta
HOTMART

Onde a pessoa paga e onde você entrega o produto (área de membros dela).

hotmart.com
Só seu
SEU PRODUTO

O que você vende. Pode ser o que já tem hoje. O jogo é só a porta de entrada.

o que você vende
Não precisa de banco de dados

Diferente de um app completo, esse funil é simples: ele roda no navegador e manda a pessoa direto pro checkout da Hotmart. Sem Supabase, sem login, sem servidor. Menos coisa pra dar errado.

02

ESCOLHA
SEU JOGO

Qualquer jogo simples que prenda serve. Escolhe um destes seis. Cada card tem a receita pronta: quando o Claude te perguntar qual jogo você quer, é só copiar e colar a descrição.

Cobrinha · o clássico que prende
Quero uma cobrinha. A cobra anda numa grade, cresce quando come os pontos e acelera com o tempo. A pessoa perde se bater na parede ou no próprio corpo. Em cada fase a velocidade sobe e tem mais pontos pra coletar antes de concluir.
Flappy · toque pra voar
Quero um jogo estilo flappy. A pessoa toca a tela pra o personagem subir e solta pra descer, desviando dos canos. Perde se bater. Em cada fase os canos ficam mais juntos e mais rápidos, e ela precisa passar por uma quantidade deles pra concluir.
Quiz relâmpago · acerta e avança
Quero um quiz relâmpago. Mostro perguntas de múltipla escolha com um tempo correndo. Acertou, ganha ponto e avança; errou ou o tempo acabou, perde uma vida. Em cada fase as perguntas ficam mais difíceis e o tempo menor. As perguntas podem ser sobre o meu nicho.
Clicker · toque rápido, viciante
Quero um jogo de clicker. A pessoa toca o mais rápido possível pra encher uma barra antes do tempo acabar. Encheu, passa de fase. Em cada fase a barra fica maior e o tempo menor. Simples e viciante.
Memória · vira e acha os pares
Quero um jogo da memória. Mostro cartas viradas pra baixo e a pessoa vira duas de cada vez pra achar os pares iguais. Achou todos, passa de fase. Em cada fase tem mais cartas e menos tempo. As figuras das cartas podem ter a ver com o meu produto.
Raspadinha · raspa e revela
Quero uma raspadinha. A pessoa raspa o card com o dedo e revela símbolos escondidos; juntar três iguais desbloqueia a fase e o desconto. Em cada fase fica um pouco mais difícil de casar os três. Dá aquela sensação de sorte e recompensa.
Dica de escolha

Na dúvida, comece pela cobrinha ou pelo clicker: são os mais fáceis de acertar de primeira. Quiz é o que mais combina com quem vende conhecimento, porque já entrega valor enquanto a pessoa joga.

03

CRIE A BASE
DO PROJETO

Todo projeto mora numa pasta. Você cria ela, entra dentro e abre o Claude ali. Aí manda ele preparar o terreno.

3a
Terminal
Cria a pasta e abre o Claude dentro dela

No terminal, cola as três linhas, uma de cada vez. Troca meu-jogo pelo nome que quiser, sem espaço e sem acento.

PowerShell
PS> mkdir meu-jogo   # cria a pasta
PS> cd meu-jogo      # entra nela
PS> claude          # abre o Claude aqui
3b
Prompt
Manda montar o esqueleto

Com o Claude aberto na pasta, cola o pedido abaixo. Ele monta a base leve que o jogo precisa.

Prompt pra colar no Claude
Cria um projeto do zero nesta pasta usando Vite com React e TypeScript, bem leve, pensado pra publicar na Vercel depois. Não instala biblioteca de jogo nenhuma, o jogo vai ser feito na mão em canvas. Quando terminar, roda aqui no meu computador e me passa o endereço pra abrir no navegador.
04

O PROMPT
MESTRE

Este é o coração de tudo. Cola no Claude e ele vai te entrevistar pra entender seu negócio, te mostrar um plano, e só então construir o jogo, as fases e a tela de oferta. É guiado do começo ao fim.

04
Prompt
Cola e deixa ele te guiar

Quando ele perguntar qual jogo você quer, responde com a receita que você copiou lá no passo 02. O resto é só ir respondendo.

Prompt mestre · cola no Claude
Você é engenheiro de jogos web e especialista em funis de venda. Vou criar um funil gamificado nesta pasta: um jogo simples onde, quanto mais a pessoa avança, maior o desconto que ela desbloqueia pra comprar o meu produto no final. NÃO comece a programar ainda. Primeiro me entreviste, UMA pergunta por vez, e espere minha resposta antes da próxima: 1. Qual é o meu produto e pra quem ele é? 2. Qual o preço cheio e qual o desconto máximo que a pessoa pode desbloquear jogando? 3. Qual jogo eu quero? (vou te colar a descrição) 4. Qual o clima visual: cores e sensação (energético, sério, divertido)? Quando eu responder tudo, me mostre um PLANO antes de escrever qualquer código: - as 4 fases do jogo, da mais fácil pra mais difícil, e o que muda em cada uma - quanto de desconto cada fase desbloqueia, somando até o desconto máximo - como vai ser a tela de oferta no final Espere eu aprovar o plano. Depois de aprovado, construa um site em Vite + React + TypeScript, mobile-first, com: - tela inicial que vende a promessa e um botão Jogar - o jogo em canvas, com 4 fases de dificuldade crescente - a cada fase concluída, desbloqueia mais desconto e mostra o quanto já juntou - depois de cada fase, a pessoa escolhe: COMPRAR com o desconto atual ou CONTINUAR - tela final de oferta com o preço já com o desconto aplicado e um botão de compra Regras que não pode quebrar: - o desconto é SEMPRE calculado a partir das fases concluídas, nunca um número solto - funciona no celular (controle por toque) e no computador (teclado) - nada de biblioteca de jogo pesada: faz o motor na mão, em canvas - deixa todos os textos, cores, preço e desconto num único arquivo de config, fácil de eu editar Trabalhe por partes, me mostrando o resultado a cada etapa. No final, roda o site aqui e me passa o endereço pra eu abrir no navegador.
Por que ele entrevista antes de fazer

Porque IA que já sai codando erra o alvo. Fazendo ele perguntar e planejar primeiro, você corrige o rumo antes de gastar tempo, e o resultado sai a sua cara. Se o plano não te agradar, é só pedir pra ajustar antes de aprovar.

05

DÊ A
SUA CARA

Com o jogo rodando, você refina conversando. Vai pedindo um ajuste de cada vez e olhando o resultado no navegador.

Ajustar a dificuldade
Está fácil demais nas primeiras fases e difícil demais na última. Reequilibra pra qualquer pessoa passar da fase 1 de primeira e a fase 4 dar aquele friozinho, mas ainda ser possível. Me mostra como ficou.
Trocar cores e textos
Abre o arquivo de config e troca as cores pra combinar com a minha marca (vou te passar as cores), e reescreve os textos da tela inicial e da oferta com um tom mais direto e vendedor. Não mexe na lógica do jogo, só no visual e nos textos.
Deixar redondo no celular
Testa como está no celular e conserta o que estiver ruim: botão cortado, texto pequeno, jogo que não cabe na tela. Quero que role liso no celular, que é onde a maioria vai jogar. Me diz o que você ajustou.
06

CONECTE
O PAGAMENTO

O jogo dá o desconto, a Hotmart recebe o dinheiro. Você cria um preço pra cada nível de desconto e o jogo manda a pessoa pro link certo.

6a
Na Hotmart
Cria uma oferta pra cada preço

No seu produto da Hotmart, cria uma oferta pra cada nível de desconto: o preço cheio (quem não jogou) e um pra cada fase concluída, até o desconto máximo. Cada oferta te dá um link de checkout. Guarda os cinco.

6b
Prompt
Manda o Claude plugar os links

Cola o prompt trocando os campos em laranja pelos seus links da Hotmart. Ele faz cada botão de compra abrir o link certo conforme a fase.

Prompt pra colar no Claude
Vou te passar os links de checkout do meu produto na Hotmart, um pra cada nível de desconto. Faz os botões de compra do funil abrirem o link certo conforme a fase que a pessoa concluiu: quem não jogou vai pro preço cheio, quem fez a fase 1 vai pro primeiro desconto, e assim por diante até o desconto máximo. Guarda os links no arquivo de config. Preço cheio: COLA_O_LINK_AQUI Fase 1: COLA_O_LINK_AQUI Fase 2: COLA_O_LINK_AQUI Fase 3: COLA_O_LINK_AQUI Fase 4 (desconto máximo): COLA_O_LINK_AQUI
A entrega é a Hotmart

Depois da compra, a pessoa cai na área de membros da própria Hotmart, onde você colocou seu produto. Você não precisa construir área de login nenhuma. Na página de obrigado da Hotmart, manda ela pra lá.

07

PÕE
NO AR

Última etapa. Você sobe o jogo pra internet e pega o link pra divulgar. Um prompt resolve.

07
Prompt
Sobe pra Vercel e me dá o link

Na primeira vez ele pode te pedir pra autorizar a conexão com a Vercel. É só seguir o que ele mostrar na tela.

Prompt pra colar no Claude
Publica esse projeto na Vercel usando a CLI. Faz o build antes pra garantir que está tudo certo, e no final me passa o link do site no ar pra eu testar no celular.

Pronto. Agora é só jogar o link na sua bio, no stories, no anúncio. A pessoa entra pra jogar e sai comprando.

A COLA
DE PROMPTS

Todos os prompts na ordem, num lugar só. Copia, cola no Claude, segue pro próximo. As receitas dos seis jogos estão lá em cima no passo 02.

Passo 03 · criar a base
Cria um projeto do zero nesta pasta usando Vite com React e TypeScript, bem leve, pensado pra publicar na Vercel depois. Não instala biblioteca de jogo nenhuma, o jogo vai ser feito na mão em canvas. Quando terminar, roda aqui no meu computador e me passa o endereço pra abrir no navegador.
Passo 04 · o prompt mestre
Prompt mestre completo (o mesmo do passo 04). Ele entrevista você, mostra o plano e constrói o jogo, as fases e a oferta.
Passo 06 · plugar o checkout
Vou te passar os links de checkout do meu produto na Hotmart, um pra cada nível de desconto. Faz os botões de compra do funil abrirem o link certo conforme a fase que a pessoa concluiu, do preço cheio até o desconto máximo. Guarda os links no arquivo de config.
Passo 07 · publicar
Publica esse projeto na Vercel usando a CLI. Faz o build antes pra garantir que está tudo certo, e no final me passa o link do site no ar pra eu testar no celular.

SE DER
ERRO

Vai travar em algum ponto, e tudo bem. Quase tudo se resolve colando o erro pro Claude e pedindo pra ele resolver. Os tropeços mais comuns:

O que acontecePor quêComo resolve
O jogo ficou fácil ou difícil demais O balanceamento das fases não bateu com seu público. Pede pro Claude reequilibrar (tem o prompt pronto no passo 05). Vai testando até ficar gostoso.
O botão de compra não abre nada Os links da Hotmart ainda não foram plugados ou estão em branco. Confere se você colou os 5 links no prompt do passo 06 e refaz o pedido.
No celular fica torto Faltou o ajuste de tela pequena. Usa o prompt Deixar redondo no celular do passo 05. É onde a maioria joga.
Deu erro ao publicar Quase sempre é uma configuração da Vercel ou do build. Copia a mensagem inteira e cola pro Claude pedindo pra resolver e publicar de novo.
Qualquer outro erro Faz parte. Acontece com todo mundo. Copia o erro inteiro e manda pro Claude. É pra isso que ele existe.
Fellipe Sales · Crie seu jogo que vende

JOGA.
PRENDE.
VENDE.

Você não precisa saber programar. Precisa saber o que mandar a máquina fazer. Escolhe o jogo, cola os prompts, e põe seu funil no ar.

Quer sentir de novo o que você vai construir? Joga o GamePlug de verdade.

Não ensino ferramenta. Ensino a cabeça que usa qualquer uma.
Aprenda a criar máquinas assim comigo, toda semana. comunidade Dinastia
Entrar pra comunidade →