tutorial · 11 de junho de 2026 · 10:10
Como usar Claude Code com Streamlit para criar um dashboard
O vídeo mostra como sair de arquivos CSV para um dashboard Streamlit funcional em poucos minutos, passando por um CLAUDE.md detalhado e pela geração automática do app pelo Claude Code. O resultado tem diagnóstico de desperdício, análise por item, fornecedor e categoria, acuracidade de compra e plano de ação. Depois, ajustes como cor de gráfico são feitos pelo próprio Claude Code, com rerun do Streamlit para atualizar a visualização.
O passo a passo
01Estruturar o CLAUDE.md com as especificações do dashboard
O arquivo principal que o Claude Code lê precisa ter contexto, objetivo, princípio central, estrutura de arquivos, camada de dados, métricas, regras de classificação de não conformidade, layout do dashboard, padrões visuais, padrões de código e critérios de aceite.
02Pedir ao Claude Code para construir o app a partir do CLAUDE.md e dos CSVs
Com o dicionário de dados dos CSVs em mãos, basta pedir para o Claude Code ler o CLAUDE.md e construir o dashboard completo. O processo demora alguns minutos e gera a estrutura de pastas, a camada de dados, as métricas e o app.py.
03Rodar o app com streamlit run
Ao terminar a geração, o Claude Code oferece a opção de iniciar o aplicativo, que abre em uma porta local com o dashboard já carregado.
04Analisar as seções do dashboard gerado
O resultado tem diagnóstico por status (crítico, atenção e OK), desperdício por item, categoria e fornecedor, matriz de ruptura versus desperdício, acuracidade de compra e plano de ação com itens recuperáveis.
05Editar pelo Claude Code e usar o rerun do Streamlit
Para ajustes como cor de gráfico, o Claude Code altera o arquivo. O Streamlit mostra a opção de rerun e, ao clicar, o gráfico já fica valendo na versão atual.
Nas palavras dele
“Street, ele é um framework em Python que veio com intuito justamente de não precisar a desenvolver back end, front end na parte de desenvolvimento.”
ouvir em 0:30
“a parte de prompt é uma das mais importantes e a geração do cloud.m, que é o arquivo principal que o Claude Code vai ler, é um dos principais arquivos também.”
ouvir em 1:35
“sempre quando você for fazer um gerar um cloud.md, você precisa da estrutura básica, né, que é da esquerda pra direita, de cima para baixo e botar contexto.”
ouvir em 2:45
“saiu bem rápido isso daqui, talvez tenha demorado uns 5 minutos para fazer.”
ouvir em 6:30
“Você vem aqui, vai aparecer um rerun. Na hora que você clicar, automaticamente o gráfico já tá valendo na versão atual.”
ouvir em 9:15
Perguntas
O que é o Streamlit?
Framework em Python que veio com o intuito de não precisar desenvolver back-end e front-end separados: tudo é feito em arquivos Python.
O que é o CLAUDE.md nesse fluxo?
Arquivo principal que o Claude Code lê, contendo contexto, objetivo do app, estrutura de arquivos, métricas, regras de classificação, layout, padrões de código e critérios de aceite.
O dashboard sai perfeito de primeira?
Não necessariamente. O do vídeo saiu de primeira porque o CLAUDE.md e o prompt estavam bem detalhados, mas normalmente são necessários ajustes depois.
Quanto tempo leva para gerar o dashboard?
Cerca de 5 minutos, segundo o vídeo.
Como o Streamlit reage quando o Claude Code altera um arquivo?
O Streamlit mostra a opção de rerun e, ao clicar, o gráfico já fica valendo na versão atual.
Quer ir além do vídeo?
Continue por aqui
Este resumo foi escrito a partir da transcrição do vídeo. As citações são literais. Para o conteúdo completo, assista no YouTube.