Communitygithub.com

SMKeramati/web-animation-engine

Uma skill para Claude e runtime React+SVG de ~700 linhas para compor cenas web animadas, explicadores e gráficos em movimento. Apenas CDN, sem npm, sem etapa de build.

O que é web-animation-engine?

Esta skill permite que o Claude crie e compile animações web interativas diretamente no navegador usando React e SVG, sem necessidade de npm ou ferramentas de build. O runtime de aproximadamente 700 linhas é carregado via CDN e fornece uma API simples para definir cenas, transições e efeitos de motion graphics. É ideal para prototipação rápida de explicadores animados, demonstrações visuais e pequenas aplicações de storytelling visual. O sistema suporta composição de elementos SVG com animações baseadas em temporizadores e interações do usuário, tudo executado no lado do cliente.

Funciona com✓Claude Code~Codex CLI~Cursor
npx skills add SMKeramati/web-animation-engine

Perguntar na sua IA favorita

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

Documentação

O que web-animation-engine faz?

Uma skill para Claude e runtime React+SVG de ~700 linhas para compor cenas web animadas, explicadores e gráficos em movimento. Apenas CDN, sem npm, sem etapa de build.

Habilidades Relacionadas