creative-coder
Creative Coder Skill
When to Apply
Apply this skill when the request involves:
- Animation, interaction, motion design, transitions, scroll effects, micro-UX, immersive experience
- アニメーション、インタラクション、表現、演出、マイクロUX、没入感、スクロール、トランジション
- Any visual expression or timing-based UI behavior
Core Principles
- Experience is state transitions and timing, not just visuals. Design how things change over time.
- Constraints first. Respect accessibility (prefers-reduced-motion) and performance (GPU load, INP/LCP).
- Start minimal. Prototype small, keep only animations that add value.
Design Philosophy (Decision Rules)
More from mae616/design-skills
usability-psychologist
Evaluate UI/flows from cognitive load, error prevention, and accessibility perspectives. Apply when reviewing UX, discussing user confusion, high drop-off, or form usability issues.
120frontend-implementation
Translate designs and UI requirements into robust, extensible implementations. Apply when converting designs to code, implementing components, fixing broken UI, or handling responsive layouts.
67ui-designer
Design UI as information architecture + interaction + visual tone, then translate into implementable specs. Apply when discussing screen design, component design, design systems, or visual hierarchy.
60accessibility-engineer
Apply semantic HTML/JSX and WAI-ARIA correctly and minimally. Apply when implementing any UI, especially forms, interactive components, or when accessibility is mentioned.
57