motion-design
Skill de Motion Design para animações, transições e micro-interações. Use quando precisar definir ou implementar animações de interface, transições entre páginas, efeitos de hover/click/focus, loading states animados, ou qualquer interação visual com movimento. Trigger em: "animacao", "transicao", "motion", "micro-interacao", "framer motion", "spring", "easing", "parallax", "scroll animation", "hover effect".
88
Quality
86%
Does it follow best practices?
Impact
Pending
No eval scenarios have been run
Passed
No known issues
Quality
Discovery
100%Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.
This is a well-crafted skill description that excels across all dimensions. It provides specific capabilities, comprehensive trigger terms in both Portuguese and English, explicit 'Use when' guidance, and a clearly defined niche in motion design. The description follows best practices by using third person voice and providing actionable context for skill selection.
| Dimension | Reasoning | Score |
|---|---|---|
Specificity | Lists multiple specific concrete actions: 'animações de interface, transições entre páginas, efeitos de hover/click/focus, loading states animados, ou qualquer interação visual com movimento'. These are concrete, actionable capabilities. | 3 / 3 |
Completeness | Clearly answers both what ('animações, transições e micro-interações' with specific examples) AND when ('Use quando precisar definir ou implementar...') with explicit trigger guidance including a dedicated 'Trigger em:' clause. | 3 / 3 |
Trigger Term Quality | Excellent coverage of natural terms users would say, explicitly listing: 'animacao', 'transicao', 'motion', 'micro-interacao', 'framer motion', 'spring', 'easing', 'parallax', 'scroll animation', 'hover effect'. Covers both Portuguese and English terms, technical and common variations. | 3 / 3 |
Distinctiveness Conflict Risk | Clear niche focused specifically on motion design and animations. The specific triggers like 'framer motion', 'spring', 'easing', 'parallax' create a distinct domain unlikely to conflict with general UI or design skills. | 3 / 3 |
Total | 12 / 12 Passed |
Implementation
72%Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.
This is a strong, actionable skill with excellent code examples that are immediately executable. The motion tokens and variant patterns are well-organized and production-ready. Main weaknesses are some verbosity in governance/handoff sections and missing validation steps for performance verification.
Suggestions
Add explicit validation checkpoint: 'Test animation at 60fps using Chrome DevTools Performance tab before marking complete'
Trim or consolidate the 'Quando Usar/Nao Usar' and 'Entradas/Saidas Esperadas' sections - these add ~20 lines that could be reduced to 5
| Dimension | Reasoning | Score |
|---|---|---|
Conciseness | The skill is reasonably efficient but includes some unnecessary sections like 'Quando Usar/Nao Usar' that could be trimmed. The governance references and handoff sections add bulk that may not be essential for the core motion design guidance. | 2 / 3 |
Actionability | Excellent executable code examples throughout - motion tokens, variants, React components with Framer Motion are all copy-paste ready. The TypeScript examples are complete and immediately usable. | 3 / 3 |
Workflow Clarity | The animation hierarchy section provides good sequencing guidance, but lacks explicit validation checkpoints. No feedback loops for testing animations at 60fps or verifying reduced-motion compliance before handoff. | 2 / 3 |
Progressive Disclosure | Well-structured with clear sections progressing from tokens to patterns to performance rules. References external docs appropriately ('docs/skill-guides/motion-design.md') and keeps the main file focused on actionable patterns. | 3 / 3 |
Total | 10 / 12 Passed |
Validation
90%Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.
Validation — 10 / 11 Passed
Validation for skill structure
| Criteria | Description | Result |
|---|---|---|
skill_md_line_count | SKILL.md is long (510 lines); consider splitting into references/ and linking | Warning |
Total | 10 / 11 Passed | |
- Repository
- felvieira/claude-skills-fv
- Commit
524725e
- Reviewed
Table of Contents
Is this your skill?
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.