{
  "galeria": "MATERIAL EXTRA\nBiblioteca de elementos\n\nAs peças que fazem um sistema acompanhar o seu cliente: trilha, checklist, aviso, conquista, painel da turma. Cada uma tem o preview funcionando, o que ela acompanha no cliente e o prompt pronto pra pedir no Claude Code. Todas no mesmo design system da área de membros que você viu no sábado.\n\nTodos · 18\nMarco · 5\nGatilho · 3\nAção · 5\nRecompensa · 3\nInvestimento · 2\n\nFiltra pelos cinco elementos do ciclo que fazem o cliente voltar.\n\nOnde a pessoa estáprogresso e jornada\nSua jornada\nMentoria de vendas · Marina Coelho\n40%do método\nDiagnóstico\n\nMapa do negócio enviado\n\nFEITO · 08/09\nOferta\n\nOferta escrita e revisada\n\nFEITO · 15/09\n3\nPágina\n\nPágina de vendas no ar\n\nAGORA\nConversas\n\nDez conversas de venda registradas\n\nBLOQUEADA\nVenda\n\nVenda fechada e registrada\n\nBLOQUEADA\nTrilha de etapas\n\nO caminho inteiro do método, onde a pessoa está e o que já ficou pra trás.\n\nMARCO\nSEU MÉTODO\nEtapa 3 de 5 · Página\n40%\nDiagnóstico\nOferta\nPágina\nConversas\nVenda\n\nFalta publicar a página de vendas pra fechar esta etapa.\n\nBarra de progresso do método\n\nUma linha só, no topo de qualquer tela, dizendo quanto do método já foi feito.\n\nMARCO\nO que fazer agorapróximo passo e tarefas\nSEU PRÓXIMO PASSO\nEscrever a sua oferta\n\nEtapa 2 · Oferta · leva uns 40 minutos\n\nComeçar agora\nVocê já concluiu 1 de 5 etapas\nCard \"seu próximo passo\"\n\nUm único cartão que diz o que fazer agora, quanto tempo leva e onde clicar.\n\nAÇÃO\nETAPA 2 · OFERTA\nO que falta nesta etapa\n2 de 5\nDefinir pra quem é a oferta\nEscrever a promessa em uma frase\nListar o que a pessoa recebe\nDefinir o preço e a forma de pagamento\nMandar pra revisão\nChecklist da etapa\n\nAs tarefas de uma etapa em lista marcável, com a contagem do que falta.\n\nAÇÃO\nComo o cliente lembra de vocêavisos e lembretes\n4d\nFaz 4 dias que você está na etapa Página.\n\nTravou em alguma parte? Dá pra retomar de onde parou ou pedir uma mão pra equipe.\n\nRetomar agora\nPedir ajuda\nAviso de quem parou\n\nUma faixa que aparece quando o cliente fica dias sem avançar, com saída pra retomar ou pedir ajuda.\n\nGATILHO\nPRÓXIMO ENCONTRO\nTerça, 15h · Oferta que vende\n00\nDIAS\n22\nHORAS\n39\nMIN\n04\nSEG\n\nO QUE LEVAR PRONTO\nSua oferta escrita em uma página\n\nColocar na minha agenda\nContagem até o encontro\n\nQuanto tempo falta pro próximo encontro e o que a pessoa precisa levar pronto.\n\nGATILHO\nO que faz voltarconquista e devolutiva\nSUAS CONQUISTAS\n3 de 5 marcos\nDiagnóstico\n08/09\nOferta\n15/09\n★\nPágina no ar\nSelo novo\nConversas\nRegistre 10 conversas\nVenda\nFeche a venda\n\nVocê tem um selo novo esperando.\n\nSelo de conquista\n\nUm selo que marca um resultado de verdade, com a data e o que foi feito pra ganhar.\n\nRECOMPENSA\nMM\nMaiara\nsobre a sua oferta · hoje\nDEVOLUTIVA NOVA\nO QUE ESTÁ FORTE\n\nA promessa está clara e cabe numa frase. Dá pra ler em voz alta sem tropeçar.\n\nO QUE AJUSTAR\n\nO preço aparece antes de a pessoa entender tudo o que recebe. Inverte a ordem.\n\nPRÓXIMO PASSO\n\nReescreve a lista do que a pessoa recebe e manda de novo.\n\nMarcar como lida\nDevolutiva da mentoria\n\nO retorno da mentoria sobre uma entrega: um ponto forte, um ajuste e o próximo passo.\n\nRECOMPENSA\nSUA CONSTÂNCIA\n5 semanas seguidas\nrecorde7\ns1\ns2\ns3\ns4\ns5\ns6\ns7\nesta\n\nUma entrega até domingo mantém a sua sequência.\n\nFiz a entrega desta semana\nSequência de semanas ativas\n\nQuantas semanas seguidas a pessoa avançou, com o aviso do que mantém a sequência.\n\nRECOMPENSA\nA sua visão da turmao painel do mentor\nTURMA DE SETEMBRO\nComo está a turma\nTodos · 6\nEm dia · 3\nAtenção · 2\nParado · 1\nCLIENTE\nETAPA\nÚLTIMO AVANÇO\nSINAL\nMarina Coelho\nPágina\nhoje\nEM DIA\nRafael Duarte\nOferta\nhá 2 dias\nEM DIA\nJúlia Prado\nConversas\nontem\nEM DIA\nCaio Menezes\nOferta\nhá 5 dias\nATENÇÃO\nBia Torres\nDiagnóstico\nhá 6 dias\nATENÇÃO\nLéo Martins\nDiagnóstico\nhá 12 dias\nPARADO\nPainel da turma com semáforo\n\nTodos os clientes numa tabela, com a etapa, o último avanço e um sinal de em dia, atenção ou parado.\n\nMARCO\nHOJE\nPrecisa de resposta · 3\nLéo Martins AJUDA\n\nTravou no diagnóstico e pediu ajuda\n\nhá 26 h\nResponder\nMarina Coelho ENTREGA\n\nEnviou a página de vendas\n\nhá 5 h\nResponder\nCaio Menezes DÚVIDA\n\nPergunta se pode parcelar a oferta\n\nhá 2 h\nResponder\nFila \"precisa de resposta hoje\"\n\nA lista do que está esperando você ou a equipe, com há quanto tempo espera.\n\nGATILHO\nOs números do negócioindicadores e gráficos\nSUA ENTREGA\nResumo\nMês\nSemana\nClientes ativos\n42\n▲ +6 no mês\nEtapas concluídas\n118\n▲ +12% no mês\nParados há 7 dias\n5\n▲ +2 no mês\nCard de número com variação\n\nUm número importante em destaque, com a comparação com o período anterior.\n\nMARCO\nÚLTIMAS 8 SEMANAS\nEtapas concluídas subiram 40%\nEtapas\nAtivos\ns1\ns2\ns3\ns4\ns5\ns6\ns7\ns8\n\nPassa o mouse num ponto.\n\nGráfico de evolução\n\nUma linha no tempo mostrando se o número está subindo, parado ou caindo.\n\nMARCO\nPerguntar e receberformulários e diagnósticos\nPERGUNTA 1 DE 3\nVocê já vende a sua mentoria hoje?\nAinda não\nVendo, mas sem constância\nVendo todo mês\nDiagnóstico com resultado\n\nPerguntas curtas que terminam num resultado com a leitura do momento da pessoa.\n\nINVESTIMENTO\n1\nVocê\n2\nNegócio\n3\nObjetivo\nSeu nome\nSeu e-mail\nContinuar\nFormulário em etapas\n\nUm formulário longo quebrado em telas curtas, com a indicação de onde a pessoa está.\n\nAÇÃO\nMateriais e encontrosconteúdo e agenda\nMATERIAIS\n6 materiais\nTodos\nDiagnóstico\nOferta\nPágina\nMapa do negócio\nModelo · Diagnóstico\nVISTO\nPerguntas de diagnóstico\nPrompt · Diagnóstico\nVISTO\nOferta em uma página\nModelo · Oferta\nVISTO\nComo definir o preço\nAula · Oferta\nRevisor de oferta\nPrompt · Oferta\nEstrutura da página de vendas\nModelo · Página\nBanco de materiais com filtro\n\nTodos os materiais num lugar, filtráveis pelo momento do método em que cada um serve.\n\nINVESTIMENTO\nChegada e telas vaziasboas-vindas e estados\nPASSO 1 DE 3\nPular\nQue bom ter você aqui\n\nEsta é a sua área da mentoria. Tudo o que você precisa pra aplicar o método está num lugar só.\n\nContinuar\nBoas-vindas em 3 passos\n\nA chegada do cliente em três telas: o que é aqui, como funciona e a ação de começo.\n\nAÇÃO\nMINHAS ENTREGAS\nNenhuma entrega por aqui ainda\n\nCada entrega que você enviar aparece nesta tela, com a devolutiva da equipe.\n\nEnviar a entrega da etapa 1\nTela vazia que ensina\n\nQuando ainda não existe nada pra mostrar, a tela explica o que vai aparecer ali e como começar.\n\nAÇÃO\n74\nAqui estão 18. A biblioteca completa tem 74 elementos.\n\nTodos no mesmo formato: preview funcionando, o que cada um acompanha no seu cliente e o prompt pronto. Ela fica na área de membros do The Path.",
  "trilha-de-etapas": {
    "text": "Todos os elementos\nONDE A PESSOA ESTÁ · PROGRESSO E JORNADA\nTrilha de etapas\n\nO caminho inteiro do método, onde a pessoa está e o que já ficou pra trás.\n\nSERVE AO ELEMENTO: MARCO\nÁREA DE MEMBROS\nPREVIEW VIVO · CLICA NO CÍRCULO DA ETAPA ATUAL.\nDADO DE DEMONSTRAÇÃO\nSua jornada\nMentoria de vendas · Marina Coelho\n40%do método\nDiagnóstico\n\nMapa do negócio enviado\n\nFEITO · 08/09\nOferta\n\nOferta escrita e revisada\n\nFEITO · 15/09\n3\nPágina\n\nPágina de vendas no ar\n\nAGORA\nConversas\n\nDez conversas de venda registradas\n\nBLOQUEADA\nVenda\n\nVenda fechada e registrada\n\nBLOQUEADA\nO QUE ACOMPANHA NO CLIENTE\n\nO avanço dentro do método, marco por marco.\nCada etapa é um resultado que a pessoa entrega, não uma aula que ela assiste. Você enxerga quem está parado em qual etapa.\n\nQUANDO USAR\nO seu método tem uma ordem que precisa ser respeitada.\nO cliente se perde e pergunta \"o que eu faço agora?\".\nVocê quer ver de longe onde cada pessoa travou.\nQUANDO NÃO USAR\nO conteúdo pode ser feito em qualquer ordem: use o banco de materiais.\nA etapa não tem entrega que dá pra conferir. Sem marco, a trilha vira lista de aulas.\nOS DETALHES QUE FAZEM FUNCIONAR\nTrês estados que se leem sem cor: feito, agora, bloqueado.\nA etapa atual em destaque, com o nome da entrega que falta.\nData em cada marco concluído. É ela que dá sensação de avanço.\nPEÇA ASSIM PRO CLAUDE CODE\nCopiar prompt\nNa tela inicial da minha área de membros, cria uma trilha de etapas do meu método.\n\nO que ela acompanha: em qual etapa do método cada cliente está e quais marcos ele já entregou.\n\nAs etapas são:\n1. [nome da etapa] · entrega: [o que o cliente precisa ter pronto]\n2. [nome da etapa] · entrega: [...]\n(continue com as suas etapas)\n\nComo ela se comporta:\n- Cada etapa tem três estados: concluída, atual e bloqueada. Os três precisam ser entendidos sem depender da cor (ícone ou texto junto).\n- A etapa atual fica em destaque, com o nome da entrega que falta.\n- Quando o cliente marca a etapa atual como feita, ela vira concluída com a data do dia, a seguinte abre e a porcentagem do topo sobe.\n- Uma etapa bloqueada não abre ao clicar e mostra o que falta pra liberar.\n- No celular, a trilha fica em uma coluna e o texto não corta.\n\nUsa o design system do projeto: os tokens e componentes que já existem. Antes de construir, me mostra o plano e o que você vai mudar.\nPRÓXIMO\nBarra de progresso do método",
    "prompts": [
      "Na tela inicial da minha área de membros, cria uma trilha de etapas do meu método.\n\nO que ela acompanha: em qual etapa do método cada cliente está e quais marcos ele já entregou.\n\nAs etapas são:\n1. [nome da etapa] · entrega: [o que o cliente precisa ter pronto]\n2. [nome da etapa] · entrega: [...]\n(continue com as suas etapas)\n\nComo ela se comporta:\n- Cada etapa tem três estados: concluída, atual e bloqueada. Os três precisam ser entendidos sem depender da cor (ícone ou texto junto).\n- A etapa atual fica em destaque, com o nome da entrega que falta.\n- Quando o cliente marca a etapa atual como feita, ela vira concluída com a data do dia, a seguinte abre e a porcentagem do topo sobe.\n- Uma etapa bloqueada não abre ao clicar e mostra o que falta pra liberar.\n- No celular, a trilha fica em uma coluna e o texto não corta.\n\nUsa o design system do projeto: os tokens e componentes que já existem. Antes de construir, me mostra o plano e o que você vai mudar."
    ]
  },
  "barra-de-progresso": {
    "text": "Todos os elementos\nONDE A PESSOA ESTÁ · PROGRESSO E JORNADA\nBarra de progresso do método\n\nUma linha só, no topo de qualquer tela, dizendo quanto do método já foi feito.\n\nSERVE AO ELEMENTO: MARCO\nÁREA DE MEMBROS\nPREVIEW VIVO · CLICA NUM SEGMENTO PRA MUDAR O AVANÇO.\nDADO DE DEMONSTRAÇÃO\nSEU MÉTODO\nEtapa 3 de 5 · Página\n40%\nDiagnóstico\nOferta\nPágina\nConversas\nVenda\n\nFalta publicar a página de vendas pra fechar esta etapa.\n\nO QUE ACOMPANHA NO CLIENTE\n\nQuanto do caminho a pessoa já percorreu.\nÉ a versão curta da trilha: cabe no topo de qualquer tela e responde \"falta muito?\" sem a pessoa precisar abrir nada.\n\nQUANDO USAR\nO cliente passa por várias telas e precisa de referência constante.\nO método tem entre 3 e 8 etapas.\nVocê quer que o avanço apareça até nas telas de material.\nQUANDO NÃO USAR\nO método tem dezenas de passos: a barra anda devagar demais e desanima.\nVocê não consegue marcar quando uma etapa terminou.\nOS DETALHES QUE FAZEM FUNCIONAR\nSegmentos por etapa, não uma barra contínua: a pessoa conta o que falta.\nO nome da etapa atual escrito, não só a cor.\nUma frase do que falta até o próximo marco.\nPEÇA ASSIM PRO CLAUDE CODE\nCopiar prompt\nNo topo de todas as telas da minha área de membros, cria uma barra de progresso do método.\n\nO que ela acompanha: quantas etapas do método o cliente já concluiu.\n\nMeu método tem [número] etapas: [lista das etapas].\n\nComo ela se comporta:\n- A barra é dividida em um segmento por etapa. Segmento concluído fica preenchido; o da etapa atual fica marcado de outro jeito.\n- Ao lado, o texto \"Etapa X de Y · [nome da etapa atual]\".\n- Abaixo, uma frase curta dizendo o que falta pra concluir a etapa atual.\n- A barra atualiza sozinha quando o cliente conclui uma etapa na trilha.\n- No celular ela continua visível e o texto quebra em duas linhas sem cortar.\n\nUsa o design system do projeto: os tokens e componentes que já existem. Me mostra o plano antes de construir.\nANTERIOR\nTrilha de etapas\nPRÓXIMO\nCard \"seu próximo passo\"",
    "prompts": [
      "No topo de todas as telas da minha área de membros, cria uma barra de progresso do método.\n\nO que ela acompanha: quantas etapas do método o cliente já concluiu.\n\nMeu método tem [número] etapas: [lista das etapas].\n\nComo ela se comporta:\n- A barra é dividida em um segmento por etapa. Segmento concluído fica preenchido; o da etapa atual fica marcado de outro jeito.\n- Ao lado, o texto \"Etapa X de Y · [nome da etapa atual]\".\n- Abaixo, uma frase curta dizendo o que falta pra concluir a etapa atual.\n- A barra atualiza sozinha quando o cliente conclui uma etapa na trilha.\n- No celular ela continua visível e o texto quebra em duas linhas sem cortar.\n\nUsa o design system do projeto: os tokens e componentes que já existem. Me mostra o plano antes de construir."
    ]
  },
  "proximo-passo": {
    "text": "Todos os elementos\nO QUE FAZER AGORA · PRÓXIMO PASSO E TAREFAS\nCard \"seu próximo passo\"\n\nUm único cartão que diz o que fazer agora, quanto tempo leva e onde clicar.\n\nSERVE AO ELEMENTO: AÇÃO\nÁREA DE MEMBROS\nPREVIEW VIVO · CLICA EM \"COMEÇAR AGORA\".\nDADO DE DEMONSTRAÇÃO\nSEU PRÓXIMO PASSO\nEscrever a sua oferta\n\nEtapa 2 · Oferta · leva uns 40 minutos\n\nComeçar agora\nVocê já concluiu 1 de 5 etapas\nO QUE ACOMPANHA NO CLIENTE\n\nSe o cliente sabe o que fazer ao entrar.\nTira a decisão das mãos dele: o sistema já escolheu a próxima ação. Quanto menos a pessoa pensa, mais ela faz.\n\nQUANDO USAR\nO cliente entra e fica rodando pelo menu sem fazer nada.\nExiste sempre uma próxima ação clara no seu método.\nVocê quer reduzir a pergunta \"por onde eu começo?\".\nQUANDO NÃO USAR\nExistem várias ações igualmente importantes ao mesmo tempo: use o checklist.\nA próxima ação depende de uma conversa com você antes.\nOS DETALHES QUE FAZEM FUNCIONAR\nUma ação só por vez. Duas já viram lista.\nTempo estimado: diminui a resistência de começar.\nUm botão principal que leva direto pra tela da tarefa.\nPEÇA ASSIM PRO CLAUDE CODE\nCopiar prompt\nNo topo da tela inicial da minha área de membros, cria um card \"seu próximo passo\".\n\nO que ele acompanha: qual é a próxima ação do cliente no método e se ele já começou.\n\nComo ele se comporta:\n- Mostra uma ação só: o nome da tarefa, a etapa a que ela pertence e quanto tempo leva, em minutos.\n- Tem um botão principal \"Começar agora\" que leva direto pra tela da tarefa.\n- Quando o cliente começa, o card muda pra \"Em andamento\" e o botão vira \"Continuar de onde parei\".\n- Quando a tarefa é concluída, o card troca sozinho pra próxima ação do método.\n- Se não houver próxima ação, o card mostra uma mensagem de etapa concluída, nunca fica vazio.\n\nAs tarefas do meu método, em ordem, são: [lista com tempo estimado de cada uma].\n\nUsa o design system do projeto: os tokens e componentes que já existem. Me mostra o plano antes de construir.\nANTERIOR\nBarra de progresso do método\nPRÓXIMO\nChecklist da etapa",
    "prompts": [
      "No topo da tela inicial da minha área de membros, cria um card \"seu próximo passo\".\n\nO que ele acompanha: qual é a próxima ação do cliente no método e se ele já começou.\n\nComo ele se comporta:\n- Mostra uma ação só: o nome da tarefa, a etapa a que ela pertence e quanto tempo leva, em minutos.\n- Tem um botão principal \"Começar agora\" que leva direto pra tela da tarefa.\n- Quando o cliente começa, o card muda pra \"Em andamento\" e o botão vira \"Continuar de onde parei\".\n- Quando a tarefa é concluída, o card troca sozinho pra próxima ação do método.\n- Se não houver próxima ação, o card mostra uma mensagem de etapa concluída, nunca fica vazio.\n\nAs tarefas do meu método, em ordem, são: [lista com tempo estimado de cada uma].\n\nUsa o design system do projeto: os tokens e componentes que já existem. Me mostra o plano antes de construir."
    ]
  },
  "checklist-da-etapa": {
    "text": "Todos os elementos\nO QUE FAZER AGORA · PRÓXIMO PASSO E TAREFAS\nChecklist da etapa\n\nAs tarefas de uma etapa em lista marcável, com a contagem do que falta.\n\nSERVE AO ELEMENTO: AÇÃO\nÁREA DE MEMBROS\nPREVIEW VIVO · MARCA E DESMARCA AS TAREFAS.\nDADO DE DEMONSTRAÇÃO\nETAPA 2 · OFERTA\nO que falta nesta etapa\n2 de 5\nDefinir pra quem é a oferta\nEscrever a promessa em uma frase\nListar o que a pessoa recebe\nDefinir o preço e a forma de pagamento\nMandar pra revisão\nO QUE ACOMPANHA NO CLIENTE\n\nQuais tarefas da etapa o cliente já fez.\nQuebra uma etapa grande em pedaços pequenos. Cada marcação é uma pequena vitória e você vê exatamente onde a pessoa parou dentro da etapa.\n\nQUANDO USAR\nA etapa tem de 3 a 7 tarefas que podem ser feitas em qualquer ordem.\nO cliente trava porque a etapa parece grande demais.\nVocê quer saber o ponto exato em que cada pessoa parou.\nQUANDO NÃO USAR\nAs tarefas precisam de uma ordem rígida: use a trilha.\nA tarefa não tem como ser conferida (ex.: \"reflita sobre\").\nOS DETALHES QUE FAZEM FUNCIONAR\nContagem \"3 de 5\" sempre visível.\nTarefa marcada fica riscada, mas continua na tela.\nQuando tudo é marcado, aparece o próximo passo: enviar a etapa.\nPEÇA ASSIM PRO CLAUDE CODE\nCopiar prompt\nNa página de cada etapa do meu método, cria um checklist das tarefas da etapa.\n\nO que ele acompanha: quais tarefas da etapa o cliente já concluiu.\n\nComo ele se comporta:\n- Cada tarefa tem uma caixa de marcar e um texto curto. O cliente marca e desmarca quando quiser.\n- No topo, a contagem \"X de Y feitas\" e uma barra que acompanha.\n- A tarefa marcada fica riscada e mais clara, mas continua na lista.\n- O que o cliente marcou fica salvo: ele sai, volta e está igual.\n- Quando todas estão marcadas, aparece o botão \"Enviar esta etapa\" e a etapa pode ser concluída.\n\nAs tarefas de cada etapa são: [etapa 1: lista] [etapa 2: lista] (continue).\n\nUsa o design system do projeto: os tokens e componentes que já existem. Me mostra o plano antes de construir.\nANTERIOR\nCard \"seu próximo passo\"\nPRÓXIMO\nAviso de quem parou",
    "prompts": [
      "Na página de cada etapa do meu método, cria um checklist das tarefas da etapa.\n\nO que ele acompanha: quais tarefas da etapa o cliente já concluiu.\n\nComo ele se comporta:\n- Cada tarefa tem uma caixa de marcar e um texto curto. O cliente marca e desmarca quando quiser.\n- No topo, a contagem \"X de Y feitas\" e uma barra que acompanha.\n- A tarefa marcada fica riscada e mais clara, mas continua na lista.\n- O que o cliente marcou fica salvo: ele sai, volta e está igual.\n- Quando todas estão marcadas, aparece o botão \"Enviar esta etapa\" e a etapa pode ser concluída.\n\nAs tarefas de cada etapa são: [etapa 1: lista] [etapa 2: lista] (continue).\n\nUsa o design system do projeto: os tokens e componentes que já existem. Me mostra o plano antes de construir."
    ]
  },
  "aviso-de-quem-parou": {
    "text": "Todos os elementos\nCOMO O CLIENTE LEMBRA DE VOCÊ · AVISOS E LEMBRETES\nAviso de quem parou\n\nUma faixa que aparece quando o cliente fica dias sem avançar, com saída pra retomar ou pedir ajuda.\n\nSERVE AO ELEMENTO: GATILHO\nÁREA DE MEMBROS\nPREVIEW VIVO · CLICA EM \"PEDIR AJUDA\".\nDADO DE DEMONSTRAÇÃO\n4d\nFaz 4 dias que você está na etapa Página.\n\nTravou em alguma parte? Dá pra retomar de onde parou ou pedir uma mão pra equipe.\n\nRetomar agora\nPedir ajuda\nO QUE ACOMPANHA NO CLIENTE\n\nHá quantos dias o cliente não avança.\nA maioria nunca reclama: só para. O aviso chega antes da desistência e abre uma porta pra pedir ajuda sem constrangimento.\n\nQUANDO USAR\nVocê tem clientes que somem sem avisar.\nExiste um prazo razoável entre uma etapa e outra.\nSua equipe consegue responder quem pede ajuda.\nQUANDO NÃO USAR\nNinguém vai responder o pedido de ajuda: o aviso vira promessa quebrada.\nO ritmo do método é livre e parar faz parte.\nOS DETALHES QUE FAZEM FUNCIONAR\nO número de dias escrito, sem tom de bronca.\nDuas saídas: retomar agora ou pedir ajuda.\nQuem pede ajuda cai numa fila da sua equipe.\nPEÇA ASSIM PRO CLAUDE CODE\nCopiar prompt\nNa minha área de membros, cria um aviso de quem parou.\n\nO que ele acompanha: há quantos dias o cliente não conclui nada no método.\n\nComo ele se comporta:\n- Se o cliente fica [número] dias sem concluir nenhuma tarefa, aparece uma faixa no topo da tela inicial.\n- O texto diz há quantos dias ele está na etapa atual, em tom de convite, nunca de cobrança.\n- Duas opções: \"Retomar agora\", que leva à tarefa pendente, e \"Pedir ajuda\", que registra o pedido.\n- O pedido de ajuda aparece numa lista pra minha equipe, com o nome do cliente, a etapa e a data.\n- Depois de clicar em qualquer opção, a faixa some até o próximo período sem avanço.\n\nUsa o design system do projeto: os tokens e componentes que já existem. Me mostra o plano antes de construir.\nANTERIOR\nChecklist da etapa\nPRÓXIMO\nContagem até o encontro",
    "prompts": [
      "Na minha área de membros, cria um aviso de quem parou.\n\nO que ele acompanha: há quantos dias o cliente não conclui nada no método.\n\nComo ele se comporta:\n- Se o cliente fica [número] dias sem concluir nenhuma tarefa, aparece uma faixa no topo da tela inicial.\n- O texto diz há quantos dias ele está na etapa atual, em tom de convite, nunca de cobrança.\n- Duas opções: \"Retomar agora\", que leva à tarefa pendente, e \"Pedir ajuda\", que registra o pedido.\n- O pedido de ajuda aparece numa lista pra minha equipe, com o nome do cliente, a etapa e a data.\n- Depois de clicar em qualquer opção, a faixa some até o próximo período sem avanço.\n\nUsa o design system do projeto: os tokens e componentes que já existem. Me mostra o plano antes de construir."
    ]
  },
  "contagem-ate-o-encontro": {
    "text": "Todos os elementos\nCOMO O CLIENTE LEMBRA DE VOCÊ · AVISOS E LEMBRETES\nContagem até o encontro\n\nQuanto tempo falta pro próximo encontro e o que a pessoa precisa levar pronto.\n\nSERVE AO ELEMENTO: GATILHO\nÁREA DE MEMBROS\nPREVIEW VIVO · A CONTAGEM CORRE DE VERDADE.\nDADO DE DEMONSTRAÇÃO\nPRÓXIMO ENCONTRO\nTerça, 15h · Oferta que vende\n00\nDIAS\n22\nHORAS\n38\nMIN\n54\nSEG\n\nO QUE LEVAR PRONTO\nSua oferta escrita em uma página\n\nColocar na minha agenda\nO QUE ACOMPANHA NO CLIENTE\n\nSe o cliente chega ao encontro preparado.\nA contagem lembra do encontro, e a linha \"o que levar pronto\" transforma o lembrete em tarefa.\n\nQUANDO USAR\nVocê tem encontros ao vivo com data marcada.\nOs encontros rendem mais quando a pessoa chega com algo feito.\nA presença está caindo.\nQUANDO NÃO USAR\nOs encontros não têm data fixa.\nNão há nada pra preparar antes: aí basta o calendário.\nOS DETALHES QUE FAZEM FUNCIONAR\nContagem em dias e horas, que muda sozinha.\nUma tarefa de preparo ligada ao encontro.\nBotão pra colocar na agenda da pessoa.\nPEÇA ASSIM PRO CLAUDE CODE\nCopiar prompt\nNa tela inicial da minha área de membros, cria uma contagem até o próximo encontro.\n\nO que ela acompanha: quanto falta pro próximo encontro e se o cliente preparou o que precisa levar.\n\nComo ela se comporta:\n- Mostra o dia, o horário e o tema do próximo encontro.\n- Uma contagem regressiva em dias, horas e minutos que atualiza sozinha.\n- Uma linha \"O que levar pronto\" com a tarefa de preparo daquele encontro, e se o cliente já marcou como feita.\n- Um botão \"Colocar na minha agenda\" que baixa o evento pro calendário da pessoa.\n- Quando o encontro começa, a contagem vira o botão \"Entrar no encontro\" com o link da sala.\n\nMeus encontros são [dia da semana e horário], e o tema de cada um é: [lista].\n\nUsa o design system do projeto: os tokens e componentes que já existem. Me mostra o plano antes de construir.\nANTERIOR\nAviso de quem parou\nPRÓXIMO\nSelo de conquista",
    "prompts": [
      "Na tela inicial da minha área de membros, cria uma contagem até o próximo encontro.\n\nO que ela acompanha: quanto falta pro próximo encontro e se o cliente preparou o que precisa levar.\n\nComo ela se comporta:\n- Mostra o dia, o horário e o tema do próximo encontro.\n- Uma contagem regressiva em dias, horas e minutos que atualiza sozinha.\n- Uma linha \"O que levar pronto\" com a tarefa de preparo daquele encontro, e se o cliente já marcou como feita.\n- Um botão \"Colocar na minha agenda\" que baixa o evento pro calendário da pessoa.\n- Quando o encontro começa, a contagem vira o botão \"Entrar no encontro\" com o link da sala.\n\nMeus encontros são [dia da semana e horário], e o tema de cada um é: [lista].\n\nUsa o design system do projeto: os tokens e componentes que já existem. Me mostra o plano antes de construir."
    ]
  },
  "selo-de-conquista": {
    "text": "Todos os elementos\nO QUE FAZ VOLTAR · CONQUISTA E DEVOLUTIVA\nSelo de conquista\n\nUm selo que marca um resultado de verdade, com a data e o que foi feito pra ganhar.\n\nSERVE AO ELEMENTO: RECOMPENSA\nÁREA DE MEMBROS\nPREVIEW VIVO · CLICA NO SELO NOVO.\nDADO DE DEMONSTRAÇÃO\nSUAS CONQUISTAS\n3 de 5 marcos\nDiagnóstico\n08/09\nOferta\n15/09\n★\nPágina no ar\nSelo novo\nConversas\nRegistre 10 conversas\nVenda\nFeche a venda\n\nVocê tem um selo novo esperando.\n\nO QUE ACOMPANHA NO CLIENTE\n\nOs resultados que o cliente já conquistou.\nO selo é a prova visível do marco. Funciona quando representa uma entrega real, nunca quando premia só o login.\n\nQUANDO USAR\nSeu método tem marcos que merecem ser comemorados.\nO cliente esquece o quanto já avançou.\nVocê quer que a pessoa mostre a conquista pra alguém.\nQUANDO NÃO USAR\nO selo premiaria só presença ou clique: vira ruído.\nVocê teria dezenas de selos. Poucos e raros valem mais.\nOS DETALHES QUE FAZEM FUNCIONAR\nO selo novo chega com destaque e some depois.\nSelo bloqueado mostra o que falta pra ganhar.\nData da conquista em cada selo.\nPEÇA ASSIM PRO CLAUDE CODE\nCopiar prompt\nNa minha área de membros, cria uma área de selos de conquista.\n\nO que ela acompanha: quais marcos do método o cliente já conquistou e quando.\n\nOs selos são (um por marco real, nunca por login ou presença):\n- [nome do selo] · ganha quando: [a entrega que prova o marco]\n(continue)\n\nComo ela se comporta:\n- Selo conquistado aparece colorido, com o nome e a data.\n- Selo ainda não conquistado aparece apagado, com a frase do que falta pra ganhar.\n- Quando o cliente ganha um selo novo, ele aparece com destaque e um aviso \"Selo novo\" até a pessoa abrir.\n- Ao abrir o selo, mostra o que foi feito pra conquistar.\n\nUsa o design system do projeto: os tokens e componentes que já existem. Me mostra o plano antes de construir.\nANTERIOR\nContagem até o encontro\nPRÓXIMO\nDevolutiva da mentoria",
    "prompts": [
      "Na minha área de membros, cria uma área de selos de conquista.\n\nO que ela acompanha: quais marcos do método o cliente já conquistou e quando.\n\nOs selos são (um por marco real, nunca por login ou presença):\n- [nome do selo] · ganha quando: [a entrega que prova o marco]\n(continue)\n\nComo ela se comporta:\n- Selo conquistado aparece colorido, com o nome e a data.\n- Selo ainda não conquistado aparece apagado, com a frase do que falta pra ganhar.\n- Quando o cliente ganha um selo novo, ele aparece com destaque e um aviso \"Selo novo\" até a pessoa abrir.\n- Ao abrir o selo, mostra o que foi feito pra conquistar.\n\nUsa o design system do projeto: os tokens e componentes que já existem. Me mostra o plano antes de construir."
    ]
  },
  "devolutiva-da-mentoria": {
    "text": "Todos os elementos\nO QUE FAZ VOLTAR · CONQUISTA E DEVOLUTIVA\nDevolutiva da mentoria\n\nO retorno da mentoria sobre uma entrega: um ponto forte, um ajuste e o próximo passo.\n\nSERVE AO ELEMENTO: RECOMPENSA\nÁREA DE MEMBROS\nPREVIEW VIVO · CLICA EM \"MARCAR COMO LIDA\".\nDADO DE DEMONSTRAÇÃO\nMM\nMaiara\nsobre a sua oferta · hoje\nDEVOLUTIVA NOVA\nO QUE ESTÁ FORTE\n\nA promessa está clara e cabe numa frase. Dá pra ler em voz alta sem tropeçar.\n\nO QUE AJUSTAR\n\nO preço aparece antes de a pessoa entender tudo o que recebe. Inverte a ordem.\n\nPRÓXIMO PASSO\n\nReescreve a lista do que a pessoa recebe e manda de novo.\n\nMarcar como lida\nO QUE ACOMPANHA NO CLIENTE\n\nSe cada entrega do cliente recebeu retorno.\nA devolutiva é a recompensa que mais prende: alguém olhou o que a pessoa fez. Com formato fixo, a equipe consegue dar retorno sem depender só de você.\n\nQUANDO USAR\nO cliente envia entregas que você ou sua equipe corrigem.\nO retorno hoje se perde no WhatsApp.\nVocê quer que a equipe devolva no mesmo padrão que você.\nQUANDO NÃO USAR\nNinguém tem tempo de devolver: o espaço vazio frustra mais do que ajuda.\nA entrega pode ser avaliada sozinha: use a nota automática.\nOS DETALHES QUE FAZEM FUNCIONAR\nEstrutura fixa: o que está forte, o que ajustar, o próximo passo.\nQuem devolveu e quando.\nAviso de \"devolutiva nova\" até a pessoa ler.\nPEÇA ASSIM PRO CLAUDE CODE\nCopiar prompt\nNa página de cada entrega da minha área de membros, cria o espaço da devolutiva.\n\nO que ela acompanha: se cada entrega do cliente já recebeu retorno, e o que foi dito.\n\nComo ela se comporta:\n- A devolutiva tem sempre três partes: \"O que está forte\", \"O que ajustar\" e \"Próximo passo\".\n- Mostra quem escreveu, com foto ou inicial, e a data.\n- Quando uma devolutiva nova chega, a entrega fica marcada com \"Devolutiva nova\" até o cliente ler.\n- Enquanto não há devolutiva, mostra \"Sua entrega está com a equipe\" e a data de envio.\n- Do meu lado (gestão), eu vejo a lista de entregas sem devolutiva, das mais antigas pras mais novas.\n\nUsa o design system do projeto: os tokens e componentes que já existem. Me mostra o plano antes de construir.\nANTERIOR\nSelo de conquista\nPRÓXIMO\nSequência de semanas ativas",
    "prompts": [
      "Na página de cada entrega da minha área de membros, cria o espaço da devolutiva.\n\nO que ela acompanha: se cada entrega do cliente já recebeu retorno, e o que foi dito.\n\nComo ela se comporta:\n- A devolutiva tem sempre três partes: \"O que está forte\", \"O que ajustar\" e \"Próximo passo\".\n- Mostra quem escreveu, com foto ou inicial, e a data.\n- Quando uma devolutiva nova chega, a entrega fica marcada com \"Devolutiva nova\" até o cliente ler.\n- Enquanto não há devolutiva, mostra \"Sua entrega está com a equipe\" e a data de envio.\n- Do meu lado (gestão), eu vejo a lista de entregas sem devolutiva, das mais antigas pras mais novas.\n\nUsa o design system do projeto: os tokens e componentes que já existem. Me mostra o plano antes de construir."
    ]
  },
  "sequencia-de-semanas": {
    "text": "Todos os elementos\nO QUE FAZ VOLTAR · CONQUISTA E DEVOLUTIVA\nSequência de semanas ativas\n\nQuantas semanas seguidas a pessoa avançou, com o aviso do que mantém a sequência.\n\nSERVE AO ELEMENTO: RECOMPENSA\nÁREA DE MEMBROS\nPREVIEW VIVO · CLICA EM \"FIZ A ENTREGA DESTA SEMANA\".\nDADO DE DEMONSTRAÇÃO\nSUA CONSTÂNCIA\n5 semanas seguidas\nrecorde7\ns1\ns2\ns3\ns4\ns5\ns6\ns7\nesta\n\nUma entrega até domingo mantém a sua sequência.\n\nFiz a entrega desta semana\nO QUE ACOMPANHA NO CLIENTE\n\nA constância do cliente, semana a semana.\nÉ o mecanismo do Duolingo aplicado ao seu método: a pessoa volta pra não perder a sequência. Por semana, não por dia, pra caber na vida de quem trabalha.\n\nQUANDO USAR\nO resultado do seu método depende de constância.\nO cliente some por semanas e depois tenta compensar.\nExiste uma ação pequena que cabe em qualquer semana.\nQUANDO NÃO USAR\nO avanço natural é mais lento que uma entrega por semana.\nA sequência premiaria só entrar no sistema.\nOS DETALHES QUE FAZEM FUNCIONAR\nContagem por semana, que perdoa um dia ruim.\nO que conta pra manter a sequência, escrito.\nAviso no fim da semana se ainda falta a ação.\nPEÇA ASSIM PRO CLAUDE CODE\nCopiar prompt\nNa tela inicial da minha área de membros, cria uma sequência de semanas ativas.\n\nO que ela acompanha: quantas semanas seguidas o cliente concluiu pelo menos [uma tarefa / uma entrega].\n\nComo ela se comporta:\n- Mostra as últimas 8 semanas como pontos: preenchido pra semana ativa, vazio pra semana sem ação, e a semana atual em destaque.\n- Em cima, o número grande: \"X semanas seguidas\".\n- Uma frase dizendo o que conta pra manter a sequência.\n- Se chegar [dia da semana] e a semana atual ainda não tem ação, aparece um aviso: \"Uma entrega até domingo mantém sua sequência\".\n- Semana sem ação zera a sequência, mas o recorde fica guardado e aparece ao lado.\n\nUsa o design system do projeto: os tokens e componentes que já existem. Me mostra o plano antes de construir.\nANTERIOR\nDevolutiva da mentoria\nPRÓXIMO\nPainel da turma com semáforo",
    "prompts": [
      "Na tela inicial da minha área de membros, cria uma sequência de semanas ativas.\n\nO que ela acompanha: quantas semanas seguidas o cliente concluiu pelo menos [uma tarefa / uma entrega].\n\nComo ela se comporta:\n- Mostra as últimas 8 semanas como pontos: preenchido pra semana ativa, vazio pra semana sem ação, e a semana atual em destaque.\n- Em cima, o número grande: \"X semanas seguidas\".\n- Uma frase dizendo o que conta pra manter a sequência.\n- Se chegar [dia da semana] e a semana atual ainda não tem ação, aparece um aviso: \"Uma entrega até domingo mantém sua sequência\".\n- Semana sem ação zera a sequência, mas o recorde fica guardado e aparece ao lado.\n\nUsa o design system do projeto: os tokens e componentes que já existem. Me mostra o plano antes de construir."
    ]
  },
  "painel-da-turma": {
    "text": "Todos os elementos\nA SUA VISÃO DA TURMA · O PAINEL DO MENTOR\nPainel da turma com semáforo\n\nTodos os clientes numa tabela, com a etapa, o último avanço e um sinal de em dia, atenção ou parado.\n\nSERVE AO ELEMENTO: MARCO\nPAINEL DO MENTOR\nPREVIEW VIVO · FILTRA PELOS SINAIS.\nDADO DE DEMONSTRAÇÃO\nTURMA DE SETEMBRO\nComo está a turma\nTodos · 6\nEm dia · 3\nAtenção · 2\nParado · 1\nCLIENTE\nETAPA\nÚLTIMO AVANÇO\nSINAL\nMarina Coelho\nPágina\nhoje\nEM DIA\nRafael Duarte\nOferta\nhá 2 dias\nEM DIA\nJúlia Prado\nConversas\nontem\nEM DIA\nCaio Menezes\nOferta\nhá 5 dias\nATENÇÃO\nBia Torres\nDiagnóstico\nhá 6 dias\nATENÇÃO\nLéo Martins\nDiagnóstico\nhá 12 dias\nPARADO\nO QUE ACOMPANHA NO CLIENTE\n\nQuem está em dia, quem pede atenção e quem parou.\nÉ a sua visão de cima. Em vez de perguntar um por um, você bate o olho e sabe por onde agir.\n\nQUANDO USAR\nVocê acompanha mais de 10 clientes ao mesmo tempo.\nDescobre que alguém parou só quando a pessoa some.\nSua equipe precisa saber quem priorizar.\nQUANDO NÃO USAR\nVocê não registra o avanço dos clientes em lugar nenhum: comece pela trilha.\nSão 3 ou 4 clientes: a conversa direta resolve.\nOS DETALHES QUE FAZEM FUNCIONAR\nO sinal tem texto junto da cor: em dia, atenção, parado.\nRegra clara de cada sinal (ex.: parado = 7 dias sem avanço).\nFiltro por sinal, pra abrir direto em quem precisa.\nPEÇA ASSIM PRO CLAUDE CODE\nCopiar prompt\nNa área de gestão do meu sistema, cria um painel da turma com semáforo.\n\nO que ele acompanha: em que etapa cada cliente está e há quanto tempo não avança.\n\nComo ele se comporta:\n- Uma tabela com uma linha por cliente: nome, etapa atual, data do último avanço e o sinal.\n- O sinal tem três estados, sempre com texto junto da cor:\n  - Em dia: avançou nos últimos [X] dias.\n  - Atenção: está entre [X] e [Y] dias sem avançar.\n  - Parado: mais de [Y] dias sem avançar.\n- Em cima, a contagem de cada sinal, e clicar nela filtra a tabela.\n- Clicar no nome abre a ficha do cliente.\n- A tabela abre ordenada do mais parado pro menos parado.\n- No celular, cada cliente vira um cartão em vez de linha.\n\nUsa o design system do projeto: os tokens e componentes que já existem. Me mostra o plano antes de construir.\nANTERIOR\nSequência de semanas ativas\nPRÓXIMO\nFila \"precisa de resposta hoje\"",
    "prompts": [
      "Na área de gestão do meu sistema, cria um painel da turma com semáforo.\n\nO que ele acompanha: em que etapa cada cliente está e há quanto tempo não avança.\n\nComo ele se comporta:\n- Uma tabela com uma linha por cliente: nome, etapa atual, data do último avanço e o sinal.\n- O sinal tem três estados, sempre com texto junto da cor:\n  - Em dia: avançou nos últimos [X] dias.\n  - Atenção: está entre [X] e [Y] dias sem avançar.\n  - Parado: mais de [Y] dias sem avançar.\n- Em cima, a contagem de cada sinal, e clicar nela filtra a tabela.\n- Clicar no nome abre a ficha do cliente.\n- A tabela abre ordenada do mais parado pro menos parado.\n- No celular, cada cliente vira um cartão em vez de linha.\n\nUsa o design system do projeto: os tokens e componentes que já existem. Me mostra o plano antes de construir."
    ]
  },
  "fila-de-resposta": {
    "text": "Todos os elementos\nA SUA VISÃO DA TURMA · O PAINEL DO MENTOR\nFila \"precisa de resposta hoje\"\n\nA lista do que está esperando você ou a equipe, com há quanto tempo espera.\n\nSERVE AO ELEMENTO: GATILHO\nPAINEL DO MENTOR\nPREVIEW VIVO · CLICA EM \"RESPONDER\".\nDADO DE DEMONSTRAÇÃO\nHOJE\nPrecisa de resposta · 3\nLéo Martins AJUDA\n\nTravou no diagnóstico e pediu ajuda\n\nhá 26 h\nResponder\nMarina Coelho ENTREGA\n\nEnviou a página de vendas\n\nhá 5 h\nResponder\nCaio Menezes DÚVIDA\n\nPergunta se pode parcelar a oferta\n\nhá 2 h\nResponder\nO QUE ACOMPANHA NO CLIENTE\n\nO que o cliente mandou e ainda não teve resposta.\nResposta rápida é o que o cliente sente como acompanhamento. A fila junta tudo que está esperando num lugar só, em vez de espalhado no WhatsApp.\n\nQUANDO USAR\nEntregas, dúvidas e pedidos de ajuda chegam por canais diferentes.\nAlguém da equipe divide a resposta com você.\nCliente já reclamou de ficar sem retorno.\nQUANDO NÃO USAR\nO volume é tão pequeno que você responde na hora.\nNinguém vai olhar a fila todo dia.\nOS DETALHES QUE FAZEM FUNCIONAR\nTempo de espera em cada item, com destaque pro mais antigo.\nTipo do pedido escrito: entrega, dúvida, ajuda.\nResponder tira o item da fila na hora.\nPEÇA ASSIM PRO CLAUDE CODE\nCopiar prompt\nNa área de gestão do meu sistema, cria uma fila \"precisa de resposta hoje\".\n\nO que ela acompanha: tudo que um cliente mandou e ainda não recebeu resposta, e há quanto tempo.\n\nComo ela se comporta:\n- Junta num lugar só: entregas enviadas sem devolutiva, dúvidas e pedidos de ajuda.\n- Cada item mostra o nome do cliente, o tipo (entrega, dúvida ou ajuda), um resumo e há quanto tempo está esperando.\n- A fila é ordenada pelo que espera há mais tempo. Item com mais de [X] horas fica destacado.\n- O botão \"Responder\" abre o item; quando a resposta é enviada, ele sai da fila.\n- No topo, o número de itens esperando. Com a fila vazia, aparece \"Ninguém esperando por você agora\".\n\nUsa o design system do projeto: os tokens e componentes que já existem. Me mostra o plano antes de construir.\nANTERIOR\nPainel da turma com semáforo\nPRÓXIMO\nCard de número com variação",
    "prompts": [
      "Na área de gestão do meu sistema, cria uma fila \"precisa de resposta hoje\".\n\nO que ela acompanha: tudo que um cliente mandou e ainda não recebeu resposta, e há quanto tempo.\n\nComo ela se comporta:\n- Junta num lugar só: entregas enviadas sem devolutiva, dúvidas e pedidos de ajuda.\n- Cada item mostra o nome do cliente, o tipo (entrega, dúvida ou ajuda), um resumo e há quanto tempo está esperando.\n- A fila é ordenada pelo que espera há mais tempo. Item com mais de [X] horas fica destacado.\n- O botão \"Responder\" abre o item; quando a resposta é enviada, ele sai da fila.\n- No topo, o número de itens esperando. Com a fila vazia, aparece \"Ninguém esperando por você agora\".\n\nUsa o design system do projeto: os tokens e componentes que já existem. Me mostra o plano antes de construir."
    ]
  },
  "card-de-numero": {
    "text": "Todos os elementos\nOS NÚMEROS DO NEGÓCIO · INDICADORES E GRÁFICOS\nCard de número com variação\n\nUm número importante em destaque, com a comparação com o período anterior.\n\nSERVE AO ELEMENTO: MARCO\nPAINEL DO MENTOR\nPREVIEW VIVO · TROCA O PERÍODO.\nDADO DE DEMONSTRAÇÃO\nSUA ENTREGA\nResumo\nMês\nSemana\nClientes ativos\n42\n▲ +6 no mês\nEtapas concluídas\n118\n▲ +12% no mês\nParados há 7 dias\n5\n▲ +2 no mês\nO QUE ACOMPANHA NO CLIENTE\n\nOs números que dizem se a sua entrega está funcionando.\nNúmero sozinho não diz nada. Com a variação e uma frase de contexto, você decide em 5 segundos se precisa agir.\n\nQUANDO USAR\nVocê quer ver a saúde da entrega sem abrir planilha.\nExistem 3 ou 4 números que você olha toda semana.\nSua equipe precisa da mesma leitura que você.\nQUANDO NÃO USAR\nO número não muda nada no que você faz: é vaidade.\nVocê teria mais de 6 cards: ninguém lê.\nOS DETALHES QUE FAZEM FUNCIONAR\nVariação com seta e texto, não só cor.\nPeríodo de comparação escrito.\nNúmero ruim com cor de alerta, mesmo que suba.\nPEÇA ASSIM PRO CLAUDE CODE\nCopiar prompt\nNo topo da área de gestão do meu sistema, cria uma linha de cards de número.\n\nO que eles acompanham: [os 3 ou 4 números que dizem se a entrega funciona, ex.: clientes ativos, etapas concluídas na semana, clientes parados].\n\nComo eles se comportam:\n- Cada card mostra o nome do número, o valor grande e a variação em relação ao período anterior.\n- A variação tem seta e texto (\"+6 no mês\"), nunca só a cor.\n- Cada número sabe se subir é bom ou ruim: clientes parados subindo aparece como alerta.\n- Um seletor em cima troca o período: semana ou mês, e todos os cards atualizam juntos.\n- Clicar num card abre a lista que forma aquele número.\n\nUsa o design system do projeto: os tokens e componentes que já existem. Me mostra o plano antes de construir.\nANTERIOR\nFila \"precisa de resposta hoje\"\nPRÓXIMO\nGráfico de evolução",
    "prompts": [
      "No topo da área de gestão do meu sistema, cria uma linha de cards de número.\n\nO que eles acompanham: [os 3 ou 4 números que dizem se a entrega funciona, ex.: clientes ativos, etapas concluídas na semana, clientes parados].\n\nComo eles se comportam:\n- Cada card mostra o nome do número, o valor grande e a variação em relação ao período anterior.\n- A variação tem seta e texto (\"+6 no mês\"), nunca só a cor.\n- Cada número sabe se subir é bom ou ruim: clientes parados subindo aparece como alerta.\n- Um seletor em cima troca o período: semana ou mês, e todos os cards atualizam juntos.\n- Clicar num card abre a lista que forma aquele número.\n\nUsa o design system do projeto: os tokens e componentes que já existem. Me mostra o plano antes de construir."
    ]
  },
  "grafico-de-evolucao": {
    "text": "Todos os elementos\nOS NÚMEROS DO NEGÓCIO · INDICADORES E GRÁFICOS\nGráfico de evolução\n\nUma linha no tempo mostrando se o número está subindo, parado ou caindo.\n\nSERVE AO ELEMENTO: MARCO\nPAINEL DO MENTOR\nPREVIEW VIVO · PASSA O MOUSE NOS PONTOS E TROCA A LINHA.\nDADO DE DEMONSTRAÇÃO\nÚLTIMAS 8 SEMANAS\nEtapas concluídas subiram 40%\nEtapas\nAtivos\ns1\ns2\ns3\ns4\ns5\ns6\ns7\ns8\n\nPassa o mouse num ponto.\n\nO QUE ACOMPANHA NO CLIENTE\n\nA tendência da entrega, semana a semana.\nO card diz como está hoje; o gráfico diz pra onde está indo. É ele que mostra a queda antes de ela virar problema.\n\nQUANDO USAR\nVocê já tem pelo menos 6 semanas de dado.\nQuer ver o efeito de uma mudança que fez na entrega.\nPrecisa mostrar evolução pra equipe ou pro cliente.\nQUANDO NÃO USAR\nVocê tem 2 ou 3 pontos de dado: um card resolve.\nNinguém vai agir com base na tendência.\nOS DETALHES QUE FAZEM FUNCIONAR\nUma linha por gráfico. Duas linhas, só se comparáveis.\nO valor aparece ao passar o dedo ou o mouse.\nRótulo do eixo em linguagem comum: \"semana 3\", não data técnica.\nPEÇA ASSIM PRO CLAUDE CODE\nCopiar prompt\nNa área de gestão do meu sistema, cria um gráfico de evolução.\n\nO que ele acompanha: [o número, ex.: etapas concluídas por semana] nas últimas [8] semanas.\n\nComo ele se comporta:\n- Um gráfico de linha, com uma semana por ponto.\n- Ao passar o mouse ou tocar num ponto, aparece o valor e a semana.\n- Um seletor em cima troca qual número o gráfico mostra: [número 1] ou [número 2].\n- O título diz em uma frase o que aconteceu no período (ex.: \"subiu 40% em 8 semanas\").\n- Semana sem dado aparece como falha na linha, nunca como zero.\n- No celular, o gráfico ocupa a largura toda e os rótulos não se sobrepõem.\n\nUsa o design system do projeto: os tokens e componentes que já existem. Me mostra o plano antes de construir.\nANTERIOR\nCard de número com variação\nPRÓXIMO\nDiagnóstico com resultado",
    "prompts": [
      "Na área de gestão do meu sistema, cria um gráfico de evolução.\n\nO que ele acompanha: [o número, ex.: etapas concluídas por semana] nas últimas [8] semanas.\n\nComo ele se comporta:\n- Um gráfico de linha, com uma semana por ponto.\n- Ao passar o mouse ou tocar num ponto, aparece o valor e a semana.\n- Um seletor em cima troca qual número o gráfico mostra: [número 1] ou [número 2].\n- O título diz em uma frase o que aconteceu no período (ex.: \"subiu 40% em 8 semanas\").\n- Semana sem dado aparece como falha na linha, nunca como zero.\n- No celular, o gráfico ocupa a largura toda e os rótulos não se sobrepõem.\n\nUsa o design system do projeto: os tokens e componentes que já existem. Me mostra o plano antes de construir."
    ]
  },
  "diagnostico-com-resultado": {
    "text": "Todos os elementos\nPERGUNTAR E RECEBER · FORMULÁRIOS E DIAGNÓSTICOS\nDiagnóstico com resultado\n\nPerguntas curtas que terminam num resultado com a leitura do momento da pessoa.\n\nSERVE AO ELEMENTO: INVESTIMENTO\nÁREA DE MEMBROS\nPREVIEW VIVO · RESPONDE AS TRÊS PERGUNTAS.\nDADO DE DEMONSTRAÇÃO\nPERGUNTA 1 DE 3\nVocê já vende a sua mentoria hoje?\nAinda não\nVendo, mas sem constância\nVendo todo mês\nO QUE ACOMPANHA NO CLIENTE\n\nEm que ponto o cliente está antes de começar.\nA pessoa investe alguns minutos respondendo e recebe algo sobre ela mesma. Você recebe o ponto de partida de cada cliente sem precisar de uma call.\n\nQUANDO USAR\nClientes chegam em momentos muito diferentes.\nVocê faz a mesma pergunta de entrada em toda call de boas-vindas.\nQuer indicar por onde cada pessoa começa.\nQUANDO NÃO USAR\nO resultado não muda nada no caminho da pessoa.\nAs perguntas exigem resposta longa e aberta: use formulário.\nOS DETALHES QUE FAZEM FUNCIONAR\nUma pergunta por tela, com a contagem \"2 de 3\".\nResultado com nome, explicação e o que fazer a seguir.\nAs respostas ficam salvas pra você ver na ficha.\nPEÇA ASSIM PRO CLAUDE CODE\nCopiar prompt\nNa minha área de membros, cria um diagnóstico com resultado.\n\nO que ele acompanha: em que ponto do método o cliente está quando começa.\n\nAs perguntas são (cada opção vale pontos):\n1. [pergunta] · opções: [opção = pontos] ...\n(continue)\n\nOs resultados, por faixa de pontos:\n- [faixa]: [nome do resultado] · [explicação em 2 frases] · começa por: [etapa]\n(continue)\n\nComo ele se comporta:\n- Uma pergunta por vez, com \"Pergunta X de Y\" e opção de voltar.\n- No fim, mostra o nome do resultado, a explicação e um botão pra etapa indicada.\n- As respostas e o resultado ficam salvos e aparecem pra mim na ficha do cliente.\n- O cliente pode refazer depois, e o resultado anterior fica guardado pra comparar.\n\nUsa o design system do projeto: os tokens e componentes que já existem. Me mostra o plano antes de construir.\nANTERIOR\nGráfico de evolução\nPRÓXIMO\nFormulário em etapas",
    "prompts": [
      "Na minha área de membros, cria um diagnóstico com resultado.\n\nO que ele acompanha: em que ponto do método o cliente está quando começa.\n\nAs perguntas são (cada opção vale pontos):\n1. [pergunta] · opções: [opção = pontos] ...\n(continue)\n\nOs resultados, por faixa de pontos:\n- [faixa]: [nome do resultado] · [explicação em 2 frases] · começa por: [etapa]\n(continue)\n\nComo ele se comporta:\n- Uma pergunta por vez, com \"Pergunta X de Y\" e opção de voltar.\n- No fim, mostra o nome do resultado, a explicação e um botão pra etapa indicada.\n- As respostas e o resultado ficam salvos e aparecem pra mim na ficha do cliente.\n- O cliente pode refazer depois, e o resultado anterior fica guardado pra comparar.\n\nUsa o design system do projeto: os tokens e componentes que já existem. Me mostra o plano antes de construir."
    ]
  },
  "formulario-em-etapas": {
    "text": "Todos os elementos\nPERGUNTAR E RECEBER · FORMULÁRIOS E DIAGNÓSTICOS\nFormulário em etapas\n\nUm formulário longo quebrado em telas curtas, com a indicação de onde a pessoa está.\n\nSERVE AO ELEMENTO: AÇÃO\nÁREA DE MEMBROS\nPREVIEW VIVO · AVANÇA E VOLTA ENTRE AS ETAPAS.\nDADO DE DEMONSTRAÇÃO\n1\nVocê\n2\nNegócio\n3\nObjetivo\nSeu nome\nSeu e-mail\nContinuar\nO QUE ACOMPANHA NO CLIENTE\n\nSe o cliente terminou de mandar o que você precisa.\nFormulário longo numa tela só assusta e é abandonado no meio. Em etapas, a pessoa vê que falta pouco e termina.\n\nQUANDO USAR\nVocê precisa de mais de 6 informações do cliente.\nAs perguntas têm grupos naturais (sobre você, sobre o negócio).\nClientes começam a preencher e não terminam.\nQUANDO NÃO USAR\nSão 2 ou 3 campos: uma tela resolve.\nAs respostas não serão usadas por ninguém.\nOS DETALHES QUE FAZEM FUNCIONAR\nIndicador de etapas no topo, com nome de cada uma.\nVoltar sem perder o que já foi digitado.\nTela de confirmação dizendo o que acontece depois.\nPEÇA ASSIM PRO CLAUDE CODE\nCopiar prompt\nNa minha área de membros, cria um formulário em etapas.\n\nO que ele acompanha: se o cliente enviou todas as informações que eu preciso pra [objetivo, ex.: preparar a call de boas-vindas].\n\nAs etapas e os campos são:\n1. [nome da etapa]: [campos]\n2. [nome da etapa]: [campos]\n(continue)\n\nComo ele se comporta:\n- Uma etapa por tela, com um indicador no topo mostrando o nome de cada etapa e qual é a atual.\n- Botões \"Voltar\" e \"Continuar\". Voltar não apaga o que foi digitado.\n- Campo obrigatório vazio impede avançar e diz qual campo falta, com texto, perto do campo.\n- O que foi digitado fica salvo se a pessoa fechar a página no meio.\n- No fim, uma tela de confirmação dizendo o que acontece a seguir e quando.\n\nUsa o design system do projeto: os tokens e componentes que já existem. Me mostra o plano antes de construir.\nANTERIOR\nDiagnóstico com resultado\nPRÓXIMO\nBanco de materiais com filtro",
    "prompts": [
      "Na minha área de membros, cria um formulário em etapas.\n\nO que ele acompanha: se o cliente enviou todas as informações que eu preciso pra [objetivo, ex.: preparar a call de boas-vindas].\n\nAs etapas e os campos são:\n1. [nome da etapa]: [campos]\n2. [nome da etapa]: [campos]\n(continue)\n\nComo ele se comporta:\n- Uma etapa por tela, com um indicador no topo mostrando o nome de cada etapa e qual é a atual.\n- Botões \"Voltar\" e \"Continuar\". Voltar não apaga o que foi digitado.\n- Campo obrigatório vazio impede avançar e diz qual campo falta, com texto, perto do campo.\n- O que foi digitado fica salvo se a pessoa fechar a página no meio.\n- No fim, uma tela de confirmação dizendo o que acontece a seguir e quando.\n\nUsa o design system do projeto: os tokens e componentes que já existem. Me mostra o plano antes de construir."
    ]
  },
  "banco-de-materiais": {
    "text": "Todos os elementos\nMATERIAIS E ENCONTROS · CONTEÚDO E AGENDA\nBanco de materiais com filtro\n\nTodos os materiais num lugar, filtráveis pelo momento do método em que cada um serve.\n\nSERVE AO ELEMENTO: INVESTIMENTO\nÁREA DE MEMBROS\nPREVIEW VIVO · FILTRA PELAS ETAPAS.\nDADO DE DEMONSTRAÇÃO\nMATERIAIS\n6 materiais\nTodos\nDiagnóstico\nOferta\nPágina\nMapa do negócio\nModelo · Diagnóstico\nVISTO\nPerguntas de diagnóstico\nPrompt · Diagnóstico\nVISTO\nOferta em uma página\nModelo · Oferta\nVISTO\nComo definir o preço\nAula · Oferta\nRevisor de oferta\nPrompt · Oferta\nEstrutura da página de vendas\nModelo · Página\nO QUE ACOMPANHA NO CLIENTE\n\nO que o cliente usa do que você entrega.\nMaterial espalhado em link de WhatsApp some. Num banco organizado pelo momento do método, a pessoa acha sozinha, e cada material que ela usa e salva é investimento que faz ela ficar.\n\nQUANDO USAR\nVocê tem mais de 10 materiais (modelos, prompts, aulas curtas).\nCliente pede o mesmo link toda semana.\nOs materiais servem a momentos diferentes do método.\nQUANDO NÃO USAR\nSão 3 ou 4 materiais: uma lista simples basta.\nOs materiais precisam ser feitos em ordem: use a trilha.\nOS DETALHES QUE FAZEM FUNCIONAR\nFiltro pelo momento do método, não por tipo de arquivo.\nTipo do material escrito: modelo, prompt, aula.\nContagem de resultados ao filtrar.\nPEÇA ASSIM PRO CLAUDE CODE\nCopiar prompt\nNa minha área de membros, cria um banco de materiais com filtro.\n\nO que ele acompanha: quais materiais existem pra cada momento do método e quais o cliente já abriu.\n\nComo ele se comporta:\n- Uma grade de cartões, um por material, com nome, tipo (modelo, prompt, aula ou planilha) e a etapa do método a que pertence.\n- Filtros no topo pelas etapas do método. Um filtro aceso por vez, e \"Todos\" volta tudo.\n- Mostra quantos materiais aparecem no filtro atual.\n- Material já aberto pelo cliente ganha a marca \"visto\".\n- Clicar no cartão abre o material. Se for arquivo, baixa; se for prompt, mostra o texto com botão de copiar.\n- Filtro sem nenhum material mostra \"Nenhum material nesta etapa ainda\", nunca uma tela em branco.\n\nMeus materiais são: [lista com tipo e etapa de cada um].\n\nUsa o design system do projeto: os tokens e componentes que já existem. Me mostra o plano antes de construir.\nANTERIOR\nFormulário em etapas\nPRÓXIMO\nBoas-vindas em 3 passos",
    "prompts": [
      "Na minha área de membros, cria um banco de materiais com filtro.\n\nO que ele acompanha: quais materiais existem pra cada momento do método e quais o cliente já abriu.\n\nComo ele se comporta:\n- Uma grade de cartões, um por material, com nome, tipo (modelo, prompt, aula ou planilha) e a etapa do método a que pertence.\n- Filtros no topo pelas etapas do método. Um filtro aceso por vez, e \"Todos\" volta tudo.\n- Mostra quantos materiais aparecem no filtro atual.\n- Material já aberto pelo cliente ganha a marca \"visto\".\n- Clicar no cartão abre o material. Se for arquivo, baixa; se for prompt, mostra o texto com botão de copiar.\n- Filtro sem nenhum material mostra \"Nenhum material nesta etapa ainda\", nunca uma tela em branco.\n\nMeus materiais são: [lista com tipo e etapa de cada um].\n\nUsa o design system do projeto: os tokens e componentes que já existem. Me mostra o plano antes de construir."
    ]
  },
  "boas-vindas-em-3-passos": {
    "text": "Todos os elementos\nCHEGADA E TELAS VAZIAS · BOAS-VINDAS E ESTADOS\nBoas-vindas em 3 passos\n\nA chegada do cliente em três telas: o que é aqui, como funciona e a ação de começo.\n\nSERVE AO ELEMENTO: AÇÃO\nÁREA DE MEMBROS\nPREVIEW VIVO · AVANÇA PELOS PASSOS.\nDADO DE DEMONSTRAÇÃO\nPASSO 1 DE 3\nPular\nQue bom ter você aqui\n\nEsta é a sua área da mentoria. Tudo o que você precisa pra aplicar o método está num lugar só.\n\nContinuar\nO QUE ACOMPANHA NO CLIENTE\n\nSe o cliente entendeu o sistema e deu o passo de entrada.\nA pessoa que não entende a ferramenta na chegada não volta. Três telas curtas explicam o essencial e terminam numa ação, não num \"explore à vontade\".\n\nQUANDO USAR\nTodo cliente novo chega com as mesmas dúvidas.\nSeu sistema tem mais de uma área e a pessoa se perde.\nVocê quer que a chegada termine em uma ação concreta.\nQUANDO NÃO USAR\nA tela já é autoexplicativa: as boas-vindas viram atrito.\nVocê precisaria de mais de 3 telas: simplifique o sistema antes.\nOS DETALHES QUE FAZEM FUNCIONAR\nTrês telas, nunca mais que isso.\nPontos de progresso e opção de pular.\nA última tela termina num botão de ação, não em \"fechar\".\nPEÇA ASSIM PRO CLAUDE CODE\nCopiar prompt\nNa chegada do cliente à minha área de membros, cria uma boas-vindas em 3 passos.\n\nO que ela acompanha: se o cliente entendeu como o sistema funciona e deu o passo de entrada.\n\nAs telas são:\n1. O que é este lugar: [uma frase sobre o que a pessoa encontra aqui]\n2. Como funciona: [as 3 partes principais do sistema, uma linha cada]\n3. Por onde começar: [a ação de entrada, ex.: responder o diagnóstico]\n\nComo ela se comporta:\n- Aparece só no acesso de estreia de cada cliente, por cima da tela inicial.\n- Uma tela por vez, com pontos mostrando em qual das 3 a pessoa está, e opção \"Pular\".\n- A tela 3 termina num botão que leva direto pra ação de entrada.\n- Depois de concluída ou pulada, não aparece mais. Fica um link \"Rever as boas-vindas\" no menu.\n\nUsa o design system do projeto: os tokens e componentes que já existem. Me mostra o plano antes de construir.\nANTERIOR\nBanco de materiais com filtro\nPRÓXIMO\nTela vazia que ensina",
    "prompts": [
      "Na chegada do cliente à minha área de membros, cria uma boas-vindas em 3 passos.\n\nO que ela acompanha: se o cliente entendeu como o sistema funciona e deu o passo de entrada.\n\nAs telas são:\n1. O que é este lugar: [uma frase sobre o que a pessoa encontra aqui]\n2. Como funciona: [as 3 partes principais do sistema, uma linha cada]\n3. Por onde começar: [a ação de entrada, ex.: responder o diagnóstico]\n\nComo ela se comporta:\n- Aparece só no acesso de estreia de cada cliente, por cima da tela inicial.\n- Uma tela por vez, com pontos mostrando em qual das 3 a pessoa está, e opção \"Pular\".\n- A tela 3 termina num botão que leva direto pra ação de entrada.\n- Depois de concluída ou pulada, não aparece mais. Fica um link \"Rever as boas-vindas\" no menu.\n\nUsa o design system do projeto: os tokens e componentes que já existem. Me mostra o plano antes de construir."
    ]
  },
  "tela-vazia-que-ensina": {
    "text": "Todos os elementos\nCHEGADA E TELAS VAZIAS · BOAS-VINDAS E ESTADOS\nTela vazia que ensina\n\nQuando ainda não existe nada pra mostrar, a tela explica o que vai aparecer ali e como começar.\n\nSERVE AO ELEMENTO: AÇÃO\nÁREA DE MEMBROS\nPREVIEW VIVO · CLICA NO BOTÃO DA TELA VAZIA.\nDADO DE DEMONSTRAÇÃO\nMINHAS ENTREGAS\nNenhuma entrega por aqui ainda\n\nCada entrega que você enviar aparece nesta tela, com a devolutiva da equipe.\n\nEnviar a entrega da etapa 1\nO QUE ACOMPANHA NO CLIENTE\n\nSe o cliente sabe o que fazer quando uma área ainda está vazia.\nTela em branco parece defeito e faz a pessoa sair. A tela vazia bem feita vira convite: diz o que vai aparecer e dá o botão da ação que enche a tela.\n\nQUANDO USAR\nQualquer área que começa sem conteúdo: entregas, conquistas, histórico.\nClientes novos acham que o sistema está quebrado.\nExiste uma ação clara que faz a área deixar de ser vazia.\nQUANDO NÃO USAR\nA área nunca fica vazia de fato.\nNão existe ação que o cliente possa fazer ali: explique onde esperar.\nOS DETALHES QUE FAZEM FUNCIONAR\nUma ilustração simples, nunca a tela em branco.\nUma frase do que vai aparecer ali.\nUm botão com a ação que enche a tela.\nPEÇA ASSIM PRO CLAUDE CODE\nCopiar prompt\nNa minha área de membros, cria telas vazias que ensinam.\n\nO que elas acompanham: se o cliente entende o que fazer numa área que ainda não tem conteúdo.\n\nOnde entram: [lista das áreas que começam vazias, ex.: minhas entregas, conquistas, devolutivas].\n\nComo elas se comportam:\n- Quando a área não tem nada, em vez de tela em branco, aparece um ícone simples, um título e uma frase dizendo o que vai aparecer ali.\n- Um botão com a ação que faz a área deixar de ser vazia (ex.: \"Enviar a entrega da etapa 1\").\n- Se não houver ação possível agora, a frase diz quando a área vai ganhar conteúdo.\n- Assim que existir conteúdo, a tela vazia some e a lista aparece normalmente.\n\nUsa o design system do projeto: os tokens e componentes que já existem. Me mostra o plano antes de construir.\nANTERIOR\nBoas-vindas em 3 passos\nFIM DA AMOSTRA\nVoltar à biblioteca",
    "prompts": [
      "Na minha área de membros, cria telas vazias que ensinam.\n\nO que elas acompanham: se o cliente entende o que fazer numa área que ainda não tem conteúdo.\n\nOnde entram: [lista das áreas que começam vazias, ex.: minhas entregas, conquistas, devolutivas].\n\nComo elas se comportam:\n- Quando a área não tem nada, em vez de tela em branco, aparece um ícone simples, um título e uma frase dizendo o que vai aparecer ali.\n- Um botão com a ação que faz a área deixar de ser vazia (ex.: \"Enviar a entrega da etapa 1\").\n- Se não houver ação possível agora, a frase diz quando a área vai ganhar conteúdo.\n- Assim que existir conteúdo, a tela vazia some e a lista aparece normalmente.\n\nUsa o design system do projeto: os tokens e componentes que já existem. Me mostra o plano antes de construir."
    ]
  }
}