Communitygithub.com

csthink/dashmotion

Diagramas que se movem — uma skill de IA Claude que gera fluxogramas animados e diagramas de arquitetura como HTML/SVG autossuficiente. Conectores fluindo, requisições viajando como pontos de luz.

O que é dashmotion?

Esta skill permite que agentes de IA como Claude gerem diagramas animados e interativos diretamente. Diferente de diagramas estáticos tradicionais, ela cria arquivos HTML/SVG autossuficientes que incorporam animações de fluxo, como setas se movendo entre componentes, requisições trafegando como pontos luminosos e mudanças de estado visuais. É especialmente útil para documentar arquiteturas de sistemas, fluxos de trabalho ou pipelines de dados de forma visualmente dinâmica e compreensível. A skill funciona gerando código que qualquer navegador pode abrir e reproduzir as animações sem dependências externas, tornando os diagramas portáteis e apresentáveis para documentação técnica, apresentações ou explicações em tempo real.

Funciona com✓Claude Code~Codex CLI~Cursor
npx skills add csthink/dashmotion

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que dashmotion faz?

Diagramas que se movem — uma skill de IA Claude que gera fluxogramas animados e diagramas de arquitetura como HTML/SVG autossuficiente. Conectores fluindo, requisições viajando como pontos de luz.

Habilidades Relacionadas