NeVibeCode · 2,133 items
Skills for Design
Skills for Design: what each one does, an install command and example prompts.
attention-management skill Skill for directing user focus with Disney's animation principles when UI elements fight for attention. It fixes visual hierarchy across buttons and primary content.
CX Codex +1
507installs
social-media skill A skill for animation in social apps, messengers and community features: it suggests timings and interaction behaviour.
CX Codex +1
507installs
Animation Principles - Universal Reference skill A reference guide covering Disney's 12 animation principles with beginner and advanced breakdowns. It helps the agent tailor motion concepts to any experience level.
CX Codex +1
505installs
exaggeration-mastery skill A skill that helps you decide how far to push motion past realism so key moments land on screen.
CX Codex +1
505installs
brand-strategist skill Turns the 12 animation principles into brand decisions: timing, easing, how much stretch fits your character. Useful when motion has to match the rest of the identity.
CX Codex +1
505installs
design-studio skill Coordinates agent roles for UI workflows, design audits, and paginated documents with blind evaluation based on rendered evidence.
CX Codex +1
501installs
exit-animations skill A skill that tells the agent how to animate elements leaving the screen: closing modals, dismissing notifications, removing list items.
CX Codex +1
502installs
accordions-dropdowns skill Applies Disney animation principles to accordions, dropdowns, and collapsibles. Helps agents write CSS transitions that reveal content smoothly without layout jumps.
CX Codex +1
502installs
Animation Principles - Expert skill A skill for animators who already know the classic principles and want to break them deliberately: anti-squash, omitted anticipation, broken arcs.
CX Codex +1
501installs
Animation Principles - Quick Start skill A five-minute reference guide covering the 12 classic Disney animation principles. Useful when an agent needs a rapid refresher on motion and timing.
CX Codex +1
502installs
timing-calibration skill A skill that diagnoses animations that feel too fast, too slow or inconsistent, then hands back concrete durations and easing.
CX Codex +1
499installs
urgency-action skill Provides motion design guidelines for time-sensitive UI elements and calls to action. Helps animate timers and checkout buttons.
CX Codex +1
499installs
Animation Principles - Teaching Others skill Walks you through teaching the 12 animation principles to students, mentees or teammates: what to show first and where they usually get stuck.
CX Codex +1
498installs
user-feedback-clarity skill A skill that helps your coding agent work out why users miss interface feedback and what to change.
CX Codex +1
498installs
lists-grids skill Guides AI coding agents to animate lists, tables, and grids using Disney's 12 motion principles. Useful for filter states and reordering items.
CX Codex +1
498installs
use-topbar skill A skill that wires the @aura/topbar component into Flows/Fusion apps: breadcrumbs, theme switcher, Atlas launcher.
CX Codex +1
1,900installs
design skill Provides Aura design system rules for Flows and Fusion applications. It guides agents to choose primitives, rely on semantic tokens, and maintain consistent UI states.
CX Codex +1
1,900installs
Animation Principles - Master skill This skill explains the reasoning behind 12 animation principles through perception, physics, emotion, and storytelling. Use it for teaching and mentorship.
CX Codex +1
497installs
power-confidence skill A skill that spells out how to animate strength and authority: heavy movement, sudden stops, almost no bounce. Useful for hero sections and premium product showcases.
CX Codex +1
497installs
continuous-loops skill Guides AI agents in creating looping CSS animations with Disney motion principles. Useful for spinners, pulse indicators, typing dots, and ambient effects.
CX Codex +1
497installs
universal-patterns skill Sets baseline durations, easing curves and the 12 animation principles for any motion in an interface. Useful when your agent writes CSS transitions and guesses the timing wrong.
CX Codex +1
496installs
secondary-action-mastery skill A skill for adding secondary motion that supports the primary action instead of fighting it. Useful for UI animation and game feel.
CX Codex +1
496installs
feedback-indicators skill A skill for confirmation animations: success checkmarks, error shakes, form validation and toasts. Useful when the UI has to answer back clearly.
CX Codex +1
495installs
straight-ahead-pose-mastery skill Helps developers choose between spontaneous motion passes and structured key poses, establishing hybrid animation pipelines for interfaces, effects, and games.
CX Codex +1
495installs
exaggerated-clarity skill This skill helps make key animation moments easier to read. Use it to shape comedy, action, or story beats where subtle motion may get lost.
CX Codex +1
496installs
Animation Principles - Troubleshooting skill A skill that diagnoses why an animation feels wrong and points to the principle being misapplied. Useful when the motion reads badly but the cause is unclear.
CX Codex +1
492installs
Animation Principles - Refresher skill A concise 12-principles animation checklist without basic theory. Helps experienced animators quickly audit shots, diagnose floaty or stiff movement, and prioritize principles.
CX Codex +1
492installs
Animation Principles - Advanced skill A skill for animators who already know the fundamentals and want the nuances: invisible squash/stretch, missing anticipation, deliberately broken arcs.
CX Codex +1
492installs
emotional-disconnect skill Diagnoses why an animation feels wrong and matches motion to the emotion the moment should carry. Useful when users call your UI cold or annoying.
CX Codex +1
491installs
state-changes skill A skill for animating elements that transform in place: toggles, accordions, checkboxes, button states. Useful when an interface needs smooth transitions without enter or exit.
CX Codex +1
491installs
responsive-adaptive skill Adjusts UI animation timing to viewport dimensions, travel distance, and reduced motion settings instead of using static durations.
CX Codex +1
491installs
animation-micro-interaction-pack skill A set of reusable motion patterns for interfaces: hover effects, entrances and exits, gesture feedback. Useful when a UI feels static and you want it to move without hand-tuning timings.
CX Codex +1
499installs
Animation Principles - Intermediate skill Guides animators through combining individual motion principles in complex scenes. Useful when fundamentals are clear but multi-element actions feel disjointed.
CX Codex +1
490installs
Animation Principles - Deep Dive skill A reference skill covering Disney's 12 animation principles with technical detail: deformation ratios, frame counts, arcs, follow through. Useful when the agent needs animation context.
CX Codex +1
490installs
Animation Principles - Novice skill A skill that walks through the 12 animation principles with a hands-on exercise for each. Useful once you know the theory and want to actually use it.
CX Codex +1
490installs
professionalism-credibility skill Sets motion design guidelines for enterprise dashboards and B2B software. Helps implement clean, predictable UI transitions without playfulness.
CX Codex +1
490installs
Animation Principles - Absolute Beginner skill Walks through the 12 principles of animation in plain words. Useful when you are touching motion in a UI or a game for the first time.
CX Codex +1
489installs
technical-constraints skill A skill for when animation is capped by browser support, platform capabilities or technical requirements. It keeps the intent and drops what breaks.
CX Codex +1
489installs
popmotion skill Helps coding agents implement Disney's 12 animation principles using Popmotion. Useful for building physics-based UI motion and multi-step keyframes.
CX Codex +1
489installs
comfort-safety skill A skill that sets animation rules for interfaces where users need to feel safe rather than impressed.
CX Codex +1
489installs
1,721–1,760 of 2,133
