NeVibeCode · 2,133 items
Skills for Design
Skills for Design: what each one does, an install command and example prompts.
fintech-banking skill Guides animation design for banking apps, payment systems, and financial dashboards. Helps agents craft motion that emphasizes security and precision.
CX Codex +1
535installs
gaming-entertainment skill A skill for animation in gaming apps, streaming platforms and interactive media: it maps Disney's 12 principles onto concrete UI elements.
CX Codex +1
535installs
accessibility-advocate skill This skill guides developers in designing inclusive web animations that prevent vestibular discomfort and meet WCAG standards. Helpful when setting up reduced-motion styles.
CX Codex +1
533installs
frontend-ui-ux-design skill Guides coding agents through end-to-end interface design, atomic component structuring, mobile-first responsive grids, and WCAG accessibility audits.
CX Codex +1
536installs
modals-dialogs skill Guides AI coding agents on animating dialogs, modals, and popovers using Disney's animation principles. Brings structured timing to entrance and exit effects.
CX Codex +1
528installs
ux-researcher skill Turns your agent into a UX researcher who plans motion studies on perception, errors and task completion.
CX Codex +1
527installs
entrance-animations skill Teaches coding agents to apply Disney animation principles to UI entrance effects. It provides exact CSS timings, easing curves, and stagger formulas for modals, lists, and cards.
CX Codex +1
527installs
excitement-energy skill Guides AI agents in building high-energy interface animations with punchy timing and springy easing. Useful for gaming UIs and product launches.
CX Codex +1
526installs
spatial-thinking skill A skill that makes the AI agent treat every frame as a three-dimensional space: depth, perspective, volume. Useful when a character floats above the floor or the camera drifts.
CX Codex +1
526installs
arc-mastery skill A skill about arcs in animation: why straight lines read as mechanical and how to build curved paths for UI, characters and games.
CX Codex +1
525installs
animator-traditional skill Brings Disney's 12 principles of classical animation and frame-by-frame workflow to your AI agent. Helps plan timing and poses for hand-drawn movement.
CX Codex +1
527installs
joy-delight skill Guides coding agents in designing playful UI animations based on Disney principles. Useful for reward states, celebrations, and confetti effects.
CX Codex +1
522installs
design-systems-frontend-architecture skill Turns UI, UX and brand decisions into reusable components, tokens and layout rules your agent can act on.
CX Codex +1
635installs
animate skill Adds movement to an interface: transitions, micro-interactions, gestures, hover states. Useful when the UI feels dead or stutters under frequent use.
CX Codex +1
607installs
micro-100-200ms skill A skill for micro-interactions in the 100–200ms range: tooltips, dropdown opens, small feedback. Helps pick timing and easing.
CX Codex +1
521installs
calm-relaxation skill A skill for AI coding that sets rules for gentle, quiet motion: long timings, soft easing curves, no sudden jumps.
CX Codex +1
521installs
squash-stretch-mastery skill Guides AI agents on squash and stretch physics: handles UI bounces and impact deformation while preserving object volume.
CX Codex +1
522installs
staging-mastery skill Design guideline for visual clarity and motion hierarchy. Keeps user focus locked onto a single primary element at any instant.
CX Codex +1
520installs
slow-in-out-mastery skill A skill that tells your coding agent which acceleration and deceleration curve to use in UI, character or game animation.
CX Codex +1
520installs
brand-consistency skill A skill that diagnoses animation which feels off-brand and points to the fixes: timing, easing curves, level of exaggeration.
CX Codex +1
520installs
setup skill Scans project files and asks UX questions to capture audience, brand personality, and UI defaults into .better-web-ui.md.
CX Codex +1
605installs
attention-grabbers skill A skill that tells your coding agent how to build badge pulses, error shakes and feature highlights using Disney's animation principles.
CX Codex +1
519installs
appeal-mastery skill A skill about appeal — the quality that makes an audience want to keep watching. It helps you design characters, micro-interactions and transitions that read clearly and stick.
CX Codex +1
519installs
anticipation-payoff skill Teaches AI agents to structure animation sequences using setup and delivery. Useful for game actions and interface reveals.
CX Codex +1
519installs
ui-ux-pro-max skill Guides interface styling, font pairings, semantic palettes, and UX rules while prioritizing WCAG accessibility and performance budgets.
CX Codex +1
1,200installs
performance-optimization skill Diagnoses and resolves janky UI animations and frame drops using core animation principles.
CX Codex +1
516installs
react-spring skill A skill that maps all 12 Disney animation principles onto React Spring's spring physics, with a working example for each one.
CX Codex +1
516installs
anticipation-mastery skill A skill that teaches the anticipation principle and helps the agent add preparatory movement so animation stops feeling abrupt.
CX Codex +1
516installs
enterprise-b2b skill Provides animation rules for B2B platforms and admin dashboards. It guides transition timing and states to keep motion fast and functional.
CX Codex +1
515installs
follow-through-overlapping skill Teaches your coding agent how to handle momentum, drag, and staggered settling. Useful for UI micro-interactions, character movement, and kinetic typography.
CX Codex +1
514installs
expo-liquid-glass skill Walks your agent through building glass UI in Expo React Native: four implementation paths, accessibility checks, Android fallbacks.
CX Codex +1
478installs
cards-containers skill Applies Disney's animation principles to cards, tiles, and UI containers. It guides the model on timings, easing curves, and CSS properties for natural motion.
CX Codex +1
513installs
hierarchy skill A skill that reads an interface for visual hierarchy: where the primary action gets lost, what competes for attention, and which labels get in the way.
CX Codex +1
606installs
universal-emotion skill Turns a target emotion into animation parameters: timing, easing, deformation. Useful when the UI has to feel calm, urgent or playful.
CX Codex +1
511installs
designing-frontend-interfaces skill The skill makes the agent write a design brief and lock a token block before touching component code. Useful when your UI looks like default AI output.
CX Codex +1
642installs
timing-principle-mastery skill Provides duration systems and pacing rules for interface transitions and character movement. Ideal when motion feels sluggish, abrupt, or lacks physical weight.
CX Codex +1
510installs
forms-inputs skill A skill that tells your agent how to animate inputs, textareas and selects: timings, field states and CSS for clear feedback.
CX Codex +1
509installs
loaders-spinners skill Guides your agent to build spinners, progress bars, and skeleton screens using Disney's 12 principles of animation.
CX Codex +1
508installs
orchestrated-sequences skill A skill for multi-part animation: it tells you how to set delays, easing curves and element roles so a reveal reads as one composed moment.
CX Codex +1
508installs
promo-video skill Generates snappy 6–15s sale promo videos in Remotion with animated strike-through pricing and promo codes. Ideal for batching videos from JSON product data.
CX Codex +1
693installs
1,681–1,720 of 2,133
