Como usar
- Copie o comando e verifique o pacote antes de instalar no seu ambiente de agente.
- Consulte no original as ferramentas, credenciais e ambientes necessários.
- Descreva os dados de entrada e a entrega esperada; confira a saída com as fontes.
npx skills add https://github.com/frankxai/awesome-motion-design-agent-skills --skill web-motion-auditorAntes de começar
- A instalação não inclui assinatura de modelo, franquia API ou acesso aos seus arquivos.
- Estrelas e instalações indicam atividade, não um teste independente de qualidade ou segurança.
Documento original do Skill
Renderizado do repositório de origem, preservando títulos, exemplos, código, tabelas, links e imagens.
Web Motion Auditor
Workflow
- Run or open the app.
- Inspect the animated states: load, hover, focus, click, route transition, scroll, empty/loading/success/error.
- Check accessibility:
prefers-reduced-motion- focus visibility
- no motion that blocks reading or interaction
- Check performance on desktop and mobile widths.
- Capture screenshots/video when possible.
- Score with the motion quality rubric.
- Return concrete fixes with file references.
Common Fixes
- Shorten transitions.
- Use transforms/opacity instead of layout-heavy properties.
- Reduce stagger count.
- Add reduced-motion branch.
- Replace decorative motion with state-explaining motion.
- Move complex narrative motion to Remotion or a controlled hero scene.
