ContentAvançado

Design Motion Audit Skill

porkylezantos·kylezantos· v1.0.0 · atualizado em 2026-04-10

Score

Expert motion and interaction design auditor based on Emil Kowalski, Jakub Krehel, and Jhey Tompkins' techniques. Use when reviewing UI animations, transitions, hover states, or any motion design work. Provides per-designer perspectives with context-aware weighting.

motion-designui-animationinteraction-designdesign-audituser-experienceaccessibilityfrontend

0Stars

0Forks

0Usos

Fork

Documento do Skill

SKILL.mddesign-motion-principles/workflow

Context Reconnaissance: — Gather project context from CLAUDE.md, package.json, existing animations, and component structure.

Motion Gap Analysis: — Identify missing animations in conditional renders and UI swaps.

State Inference: — Determine the project type, existing animation style, and likely design intent.

Perspective Weighting: — Propose a weighting for Emil, Jakub, and Jhey's perspectives based on context.

Full Audit: — Use the audit checklist and designer files to evaluate the motion design.

Output Format: — Structure the audit with a quick summary, per-designer sections, and combined recommendations.

Designer Reference Summary: — Conclude with a summary of the most referenced designer and alternative approaches.

Telemetria de Agentes

Execuções

total

Taxa de Sucesso

últimos 30d

Latência Média

0.0s

p50

Alucinação

0.0%

detecção

Tokens Entrada

avg 0/exec

Tokens Saída

avg 0/exec

Uso por Plataforma

Skills Relacionados

Similar aImplement Design

60%

Árvore do Skill

Design Motion Audit Skill

design-motion-principles

Fases Cognitivas5

1.SENSE

2.CONTEXTUALIZE

3.EVALUATE

4.RECOMMEND

5.REFLECT

Triggers8

audit the motion designreview UI animationsanalyze interaction designcheck the UI transitionsevaluate the motion designassess the animation qualityprovide feedback on motion designimprove UI motion

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%

🤖Sucesso de Agentes0%

🕐Atualidade100%

🔗Saúde de Dependências100%

🕸️Centralidade no Grafo0%

🛡️Segurança50%

CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download design-motion-principles

$ synaptic skills detail design-motion-principles

$ synaptic skills live design-motion-principles

Dependências

framer-motion

Links

GitHub Repository