← ClaudeAtlas

motion-designlisted

Engineer purposeful interface motion, transitions, continuity, gestures, and direct manipulation after a web, mobile, desktop, or incumbent art-direction owner defines the visual thesis. Use when motion complexity exceeds simple incumbent transitions. Exclude art direction, static art, routine styling, and non-visual performance work.
nikolanovoselec/codeflare · ★ 26 · Web & Frontend · score 65
Install: claude install-skill nikolanovoselec/codeflare
# Motion Design Implement the selected owner’s motion character. Do not invent another visual or interaction thesis. ## Start with the job Inspect product context, established direction, state model, platform, inputs, accessibility commitments, incumbent motion system, installed framework and versions, performance evidence, and available validation capabilities. Ask only when the motion’s purpose, hierarchy, interaction contract, or permitted intensity remains materially ambiguous. Missing libraries, rendering, browser tools, simulators, or devices do not block a source-level solution or honest limitation report. ## Load only relevant guidance - Read [references/motion-decisions.md](references/motion-decisions.md) before introducing substantial motion or choosing its character. - Read [references/transitions-continuity.md](references/transitions-continuity.md) for state transitions, spatial continuity, choreography, and interruption. - Read [references/gestures-input.md](references/gestures-input.md) for pointer, touch, keyboard, direct manipulation, comparison controls, or hold interactions. - Read [references/accessibility-performance-validation.md](references/accessibility-performance-validation.md) for reduced motion, performance decisions, and final validation. ## Preserve boundaries Motion must explain state, relationship, continuity, feedback, priority, or one earned expressive moment. Frequency and task pressure matter: repeated expert actions usually need les