Repolode
Enviar
ywEdAi

ywEdAi/teachable-figures

Uma skill de agente que transforma uma afirmação de aula em uma figura interativa na qual os alunos fazem previsões, alteram uma causa e explicam um novo caso.

Ver no GitHubSite
Estrelas
277
Forks
38
Issues abertas
0
Último commit
há 3 dias

O que é?

Teachable figures é uma skill de agente para criar figuras didáticas interativas em torno de uma única afirmação causal. O aluno prevê um resultado, altera uma causa usando controles nativos, observa o efeito e, em seguida, explica um caso de transferência. A skill começa com uma especificação didática que define a afirmação, a concepção equivocada comum, a causa, o efeito observável e o modelo subjacente da realidade; só então escolhe a geometria e o renderizador.

O repositório inclui as instruções da skill, kits de renderização adaptados de duas skills upstream (Anatomy, para sólidos mecânicos e visualizações 3D, e iso-figure, para SVG isométrico), seis aulas completas de exemplo que funcionam offline como HTML independente e suítes de testes para navegador e modelo. Pode ser usado com o esquema de aula de uma aplicação host ou como uma figura HTML independente, e é instalado nos diretórios de skills do Claude Code ou do Codex.

Os exemplos abordam relações de transmissão, seções transversais de cones, o tórax humano em 3D, um foguete em corte, o fluxo de dados da atenção em Transformers e um manto da dinastia Ming. O projeto informa que as figuras geradas são propostas didáticas que ainda não foram avaliadas com alunos.

Recursos principais

  • 01Transforma uma única afirmação didática em um ciclo interativo de prever, experimentar e explicar.
  • 02Oferece kits de renderização para SVG 2D, SVG isométrico, cortes de mecanismos e visualizações 3D giratórias.
  • 03Inclui seis aulas completas em HTML offline, com controles nativos, opção de redefinir e páginas bilíngues.
  • 04Inclui suítes de testes de modelo e navegador, além de um script de auditoria de geometria 3D.
  • 05Pode ser instalado no Claude Code ou no Codex como uma skill, ou usado com uma figura HTML simples.

Casos de uso

  • Criar uma demonstração interativa de física ou mecânica que mostre como alterar uma entrada muda uma saída.
  • Criar uma figura didática em HTML independente para uma aula sobre uma concepção equivocada.
  • Adicionar interações de previsão e explicação a um aplicativo educacional existente na web.
  • Explorar formas de visualizar modelos abstratos, como atenção ou trens de engrenagens, para estudantes.

Início rápido

  1. 1

    Instale para o Claude Code clonando o repositório no seu diretório de skills

    git clone https://github.com/ywEdAi/teachable-figures.git ~/.claude/skills/teachable-figures
  2. 2

    Reinicie o Claude Code, digite /teachable-figures e descreva uma tarefa de ensino

  3. 3

    Se quiser, instale as dependências de desenvolvimento para executar as verificações

    npm ci

Antes de usar

  • A licença não está especificada nos metadados, então os termos de reutilização não estão claros.
  • As figuras não foram avaliadas com estudantes, portanto sua eficácia pedagógica não foi comprovada.
  • Alguns exemplos incluídos têm tours com reprodução automática, que precisam ser desativados antes da integração em uma aula.
  • As verificações no navegador exigem o Google Chrome instalado ou uma configuração do Chromium para Playwright.

Em coleções

Ferramentas, skills e plugins para Claude CodeAssistentes e agentes de programação com IABibliotecas de skills para agentes de IAFerramentas de aprendizado e educação de código aberto

Tópicos

#agent-skill#education#interactive-learning#svg#webgl#html#claude-code#codex

Perguntas frequentes

O que é teachable-figures?
Uma skill de agente que transforma uma afirmação de aula em uma figura interativa na qual os alunos fazem previsões, alteram uma causa e explicam um novo caso. Teachable figures é uma skill de agente para criar figuras didáticas interativas em torno de uma única afirmação causal. O aluno prevê um resultado, altera uma causa usando controles nativos, observa o efeito e, em seguida, explica um caso de transferência. A skill começa com uma especificação didática que define a afirmação, a concepção equivocada comum, a causa, o efeito observável e o modelo subjacente da realidade; só então escolhe a geometria e o renderizador.
teachable-figures é gratuito? Qual é a licença?
teachable-figures não declara licença. O código é público, mas sem licença você não tem permissão explícita para reutilizá-lo; fale com o autor antes de depender dele.
teachable-figures ainda é mantido?
Manutenção ativa. O último commit de teachable-figures foi em 3 de nov. de 2026.
Para que posso usar teachable-figures?
Criar uma demonstração interativa de física ou mecânica que mostre como alterar uma entrada muda uma saída. Criar uma figura didática em HTML independente para uma aula sobre uma concepção equivocada. Adicionar interações de previsão e explicação a um aplicativo educacional existente na web. Explorar formas de visualizar modelos abstratos, como atenção ou trens de engrenagens, para estudantes.
Como instalar teachable-figures?
Instale para o Claude Code clonando o repositório no seu diretório de skills: git clone https://github.com/ywEdAi/teachable-figures.git ~/.claude/skills/teachable-figures Reinicie o Claude Code, digite /teachable-figures e descreva uma tarefa de ensino Se quiser, instale as dependências de desenvolvimento para executar as verificações: npm ci
Onde consigo teachable-figures?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/ywEdAi/teachable-figures

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados