Este guia é para o professor do ensino básico que monta material de aula e perde a noite desenhando diagrama: a equação em barras, a linha do tempo, o ciclo da água. A tarefa que ele resolve é pedir o diagrama em português comum e receber o desenho pronto, que você pode editar.
A ideia vem da skill de diagramas que mostrei em outro vídeo (o material dela está em /materiais/diagram-design): em vez de gerar uma imagem, a IA escreve o diagrama como código (HTML e SVG), e por isso sai nítido, certo e editável. Aqui ela é aplicada à sala de aula.
O que o vídeo mostrou, em detalhe, está nas próximas seções. Antes, um aviso honesto sobre preço, porque a notícia mais comentada não vale para o Brasil: o Claude for Teachers, lançado em 14/07/2026, é grátis só para professor verificado do ensino básico dos Estados Unidos. A skill de diagramas é grátis, mas usar skill no Claude pede plano pago.
Os exemplos do vídeo em detalhe
Caso 1: a Coteach dentro do Claude
A Coteach é uma ferramenta de diagramas de matemática para professores. Segundo ela, já gerou quase 1 milhão de diagramas para professores no último ano, e virou conector do Claude for Teachers. O pedido é em linguagem comum:
- Entrada: "diagrama de barras para a equação 3x + 4 = 16" (no original, em inglês: "Use Coteach to create a tape diagram for the equation 3x + 4 = 16").
- Saída: o diagrama pronto para plano de aula, lista de exercício ou explicação. Os tipos citados são reta numérica, diagrama de barras, área, plano cartesiano e frações.
Caso 2: quatro diagramas do mais fácil ao mais difícil
- Entrada: quatro diagramas que vão ficando mais difíceis, de 2x + 5 = 13 até 5x + 2 = 22.
- Saída: até quatro diagramas em sequência, que dá para usar como lista de exercícios.
Caso 3: o currículo numa pasta
A professora Vicki Davis, autora do blog Cool Cat Teacher, usa o Claude Cowork alinhado a currículos que não estão na base oficial. Ela baixou os documentos de padrões (AP e CSTA), pôs numa pasta e deu acesso ao Claude, que passou a seguir aqueles padrões nas tarefas ligadas à pasta.
No vídeo eu disse que aqui dá para fazer o mesmo com a BNCC. Isso é uma adaptação nossa, não algo que a Vicki Davis fez: ela usou outros padrões.
Prompts de diagrama para aula
Copie, troque o conteúdo entre colchetes e ajuste a série e o tamanho do texto. Peça sempre "desenhado em código (SVG ou HTML), não como imagem".
Equação em diagrama de barras
Desenhe em código (SVG), não como imagem, um diagrama de barras para a
equação 3x + 4 = 16, para alunos do [ano]. Mostre as três barras de x,
a barra de 4 e o total de 16. Use cores de bom contraste e rótulos grandes.
Sequência do mais fácil ao mais difícil
Faça quatro diagramas de barras em código (SVG) que vão ficando mais
difíceis, de 2x + 5 = 13 até 5x + 2 = 22. Numere de 1 a 4 e deixe a
resposta de cada um fora do desenho, em um gabarito separado.
Fração
Desenhe em código (SVG) um diagrama que represente [3/4] como parte de um
todo e, ao lado, na reta numérica entre 0 e 1. Rotule cada divisão.
Linha do tempo
Desenhe em código (HTML/SVG) uma linha do tempo de [tema da aula] com
[5] marcos. Use só estes marcos e datas, sem acrescentar nenhum:
[liste os marcos e as datas].
Ciclo (por exemplo, o ciclo da água)
Desenhe em código (SVG) um diagrama de ciclo com as etapas [evaporação,
condensação, precipitação, infiltração], com setas e um rótulo curto em
cada etapa, para alunos do [ano].
Alinhado ao currículo (com a pasta)
Leia os documentos da pasta [nome da pasta] (a BNCC e o plano do meu
ano). Sugira três diagramas para a aula de [habilidade/código] e desenhe
em código o que você achar mais claro.
Passo a passo para instalar a skill de diagramas
A skill de diagramas é aberta (licença MIT) e grátis: https://github.com/cathrynlavery/diagram-design. Usar skill no Claude, no Brasil, exige plano pago (Pro, Max, Team ou Enterprise).
- Tenha o Claude com um desses planos pagos.
- Baixe a skill do repositório acima.
- Instale a pasta da skill no seu Claude seguindo o README do projeto. O passo exato depende de você usar o Claude no navegador, no app ou no Claude Code, então siga as instruções do repositório e confira lá.
- Peça o diagrama em português, usando um dos prompts da seção anterior.
- Confira o resultado antes de levar para a sala (veja os limites abaixo).
O guia do vídeo anterior, com mais detalhe sobre a skill, está em /materiais/diagram-design.
Como fazer o Claude seguir a BNCC pondo os documentos numa pasta
Seguindo o caso da Vicki Davis, adaptado:
- Crie uma pasta no computador (por exemplo,
curriculo). - Baixe nela os documentos que valem para você: a BNCC do seu ano, o plano da rede ou da escola.
- Dê acesso a essa pasta ao Claude (no Claude Cowork ou no Claude Code, é a pasta de trabalho que você abre).
- No pedido, diga para seguir os documentos da pasta, como no último prompt acima.
Não ponha na pasta nome de aluno, nota nem dado de turma.
O que é grátis e o que é pago no Brasil
| Item | Preço |
|---|---|
| Skill de diagramas | Grátis (MIT) |
| Claude for Teachers | Grátis só para professor verificado do ensino básico dos Estados Unidos, com e-mail da escola |
| Claude no Brasil para usar skill | Plano pago (Pro, Max, Team ou Enterprise) |
| Conector da Coteach | Faz parte do Claude for Teachers, não do Claude brasileiro |
Limites
- Nem sempre sai certo. No teste da Coteach, com pedidos reais de professores, o diagrama saiu pronto para a aula em 88,8% das vezes, quase 30 pontos acima dos geradores de imagem testados. Isso quer dizer que em mais ou menos 1 de cada 9 pedidos precisa de correção. Confira os números e os rótulos antes de levar para a sala.
- Por que o código ganha da imagem. O diagrama desenhado por código tem texto e números exatos. A imagem gerada costuma errar rótulo e conta.
- A Coteach no Claude brasileiro: não. O conector é do Claude for Teachers.
- Cuidado com dado de aluno. Não cole nome, nota ou laudo no pedido.
O que mudou desde o vídeo original
O vídeo base (20/10) mostrou a skill para quem usa o Claude Code, com fluxograma, cronograma e diagramas de marca. Para o professor, a mesma ideia vira o diagrama da aula pedido em português comum: a equação em barras, a sequência de exercícios do mais fácil ao mais difícil e o alinhamento ao currículo.
Fontes
- Coteach joins Claude for Teachers (14/07/2026): https://coteach.ai/blog/coteach-joins-claude-for-teachers (acessado em 02/11/2026)
- Free AI for Teachers, Cool Cat Teacher (15/07/2026): https://www.coolcatteacher.com/free-ai-for-teachers (acessado em 02/11/2026)
- Introducing Claude for Teachers, Anthropic: https://www.anthropic.com/news/claude-for-teachers (acessado em 02/11/2026)
- Skill diagram-design: https://github.com/cathrynlavery/diagram-design (conferido em 12/10/2026)
- Claude Skills for Social Media Managers, Will Francis: https://willfrancis.com/claude-skills-for-social-media-managers-9-free-skills-and-how-to-use-them (acessado em 29/10/2026)
Material original
O guia do vídeo base: diagram-design.