“Mas posso usar o Claude para criar um sistema que vai controlar isso?” — foi a primeira ideia do Hélio quando falamos sobre o controle financeiro da empresa dele.
A resposta que dei foi: não um sistema. Um artefato. Um arquivo HTML que funciona. Clica duas vezes e abre no navegador. Sem servidor, sem instalação, sem dependência de serviço externo.
Por que HTML puro
Três razões que se somam.
Sem instalação, sem build. O arquivo funciona com dois cliques. Não precisa de npm install, não precisa de servidor rodando, não precisa de terminal. Para o iniciante, isso é a diferença entre usar e não usar.
Portabilidade total. Você pode mandar o arquivo por WhatsApp, por e-mail, abrir em qualquer computador, usar offline. Ele é seu — não depende de login, não fica preso em plataforma nenhuma.
O Claude gera bem HTML. É um formato amplamente coberto no treinamento. Frameworks e arquiteturas mais novas o Claude erra mais — HTML puro é onde você colhe mais resultado por menos instrução.
A estrutura da pasta
Para o painel financeiro, a estrutura ficou assim:
O painel.html é auto-contido — os dados estão embutidos dentro do arquivo, como um array JavaScript. A pasta dados/ guarda os lançamentos crus de cada mês em Markdown. Quando o mês vira, você adiciona o arquivo do novo mês e pede ao Claude para regenerar o painel lendo toda a pasta.
O prompt das 20 perguntas
Antes de criar qualquer artefato, o Claude precisa entender o que você quer. Esse foi o prompt que usei com o Hélio:
Claude, quero construir um local de controle financeiro da minha
empresa. Vamos ter receitas, despesas, controle de cartão de
crédito e fatura. Variação do dólar para ferramentas internacionais
e IOF. Consideração de porcentagem de Imposto na Prestação de
Serviço. Cálculo de Runway da empresa com caixa atual. Abra um
arquivo com 20 perguntas sobre o arquivo na pasta de finanças
para que eu fale sobre os processos e como imagino esse painel
em HTML no final.O padrão que o prompt segue é adaptável para qualquer artefato:
Claude, quero construir [O QUÊ].
Vamos ter [LISTA DE COISAS].
Abra um arquivo com 20 perguntas sobre [TEMA] na pasta [PASTA]
para que eu fale sobre os processos e como imagino esse
[ARTEFATO] no final.A lógica é simples: antes de criar, o Claude levanta as perguntas. Você responde no arquivo. O painel é gerado a partir das respostas — não a partir de suposições.
Outros casos
O painel financeiro é o exemplo mais direto, mas a mesma lógica serve para qualquer controle interno que você repetiria com frequência.
Calendário editorial — datas, status e canais de publicação em uma única visão.
Funil de leads — entrada, qualificação e fechamento com os dados que você já registra.
Runway de caixa — projeção mês a mês com o caixa atual, sem fórmula de planilha para configurar.
O denominador comum em todos: dados que você coloca em Markdown, painel que o Claude gera em HTML, resultado que funciona sem depender de nada externo.
Atualizando depois
Para mudar qualquer coisa — uma cor, uma coluna, o dado de um mês novo — não precisa de prompt específico. Basta dizer ao Claude o que mudou. Ele lê os dados atualizados e regenera o arquivo.
O painel do Hélio ficou como estava depois que foi criado? Não. Ele ajustou cores, adicionou colunas, incluiu IOF que não tinha pensado no início. Cada ajuste foi uma conversa curta dentro do mesmo ambiente.
Estou ministrando mentorias para profissionais de diversas áreas que estão começando nessa ideia. Se não quer percorrer esse caminho sozinho, é só me chamar.