NeVibeCode · 2,133 items
Skills for Design
Skills for Design: what each one does, an install command and example prompts.
elegance-sophistication skill Prompting rules for AI agents to craft restrained, luxury-focused UI motion. It sets gentle transitions and strict easing for high-end web experiences.
CX Codex +1
585installs
data-visualization skill Applies Disney's 12 animation principles to charts, dashboards, and data transitions. Helps Claude Code configure motion timing and easing in D3.js and Chart.js.
CX Codex +1
583installs
creative-director skill Directs project animation vision and standards using Disney's 12 principles of motion. It helps establish consistent pacing, easing curves, and visual hierarchy across team assets.
CX Codex +1
581installs
ui-visual-composition skill Teaches AI coding agents to critique and construct visual UI layouts. It guides spacing and typography without arbitrary decoration.
CX Codex +1
707installs
character-appeal skill Applies animation principles to craft distinct character traits and movement styles. Useful for animators and game creators.
CX Codex +1
580installs
transition-sequences skill A skill for multi-step animation: page transitions, onboarding flows, wizard steps. It hands the agent timings and step order based on Disney's principles.
CX Codex +1
575installs
carousels-sliders skill Applies traditional animation principles to carousels, sliders, and image galleries to build fluid horizontal navigation.
CX Codex +1
575installs
app-store-screenshots-generator skill Builds ad-style iOS app screenshots in Next.js and exports PNG files for App Store device sizes. It also handles localized sets.
CX Codex +1
818installs
tailwindcss-fundamentals-v4 skill A skill covering Tailwind CSS v4: install steps, CSS-first config with @theme, v3-to-v4 migration and the new utilities. Useful when a project moves to v4.
CX Codex +1
389installs
frontend-design skill Walks the agent through a decision order: task and hierarchy first, systems next, colour and decoration last. Useful when building or reworking interfaces.
CX Codex +1
675installs
education-learning skill A skill for animation work in e-learning and tutoring apps: it sets timings, answer feedback and progress cues.
CX Codex +1
570installs
physics-intuition skill An animation skill that makes agent-generated motion feel weighted: falls, jumps, collisions and inertia.
CX Codex +1
571installs
travel-hospitality skill Guides AI coding agents on animation rules and timing standards for travel booking platforms and hospitality apps.
CX Codex +1
568installs
dramatic-2000ms-plus skill A skill for animation sequences over 2000ms: cinematic intros, story sequences, premium onboarding. Useful when the animation is the product.
CX Codex +1
566installs
open-pencil-design-editor skill Teaches your coding agent to inspect, modify, and export local .fig design files using OpenPencil CLI commands or an MCP server. Useful for automated layout generation.
CX Codex +1
810installs
photo-editor skill This skill sends product-image jobs to the MPSTATS Photo Editor API. Use it for marketplace photos, infographics, recolors, and prompt-based edits.
CX Codex +1
638installs
loading-states skill A skill for loading indicators: spinners, progress bars, skeletons and shimmer. Useful when the UI has to show the system is working.
CX Codex +1
565installs
rive-animations skill A skill that walks your agent through building Rive animations on Disney's 12 principles: state machines, inputs, timing, React hooks.
CX Codex +1
564installs
notifications-toasts skill Guides AI assistants on animating toasts and system alerts using classic animation principles. Useful when building smooth UI notifications.
CX Codex +1
561installs
tailwindcss skill A skill that teaches AI agents to style the JARVIS assistant UI with Tailwind utility classes: dark HUD theme, responsive grids, animations, and tests before implementation.
CX Codex +1
498installs
recoup-music-video skill Builds a narrative music video from an approved track through a reviewed edit. Use it when a song needs a structured film workflow.
CX Codex +1
1,200installs
frontend-developer skill Translates Disney's 12 animation principles into code for UI transitions and micro-interactions. Helpful when building accessible, performant web animations.
CX Codex +1
558installs
navigation-menus skill A skill for animating navbars, dropdowns and sidebars: timings, easing curves and transition states built on Disney's principles.
CX Codex +1
557installs
gantt-chart-visualization
official skill Designs Gantt charts, audits schedule models, and selects frontend visualization stacks. Useful when task dates, milestones, and dependencies guide project plans.
CX Codex GP ChatGPT
9installs
timing-mastery skill Sets pacing and frame counts for character or UI motion. Useful when animating comedic beats, action sequences, and pauses.
CX Codex +1
554installs
buttons-ctas skill A skill that tells your coding agent how to animate buttons and CTAs: states, timings, CSS transitions.
CX Codex +1
552installs
figma-prototyping skill A skill that walks your agent through building Figma prototypes with Disney's 12 animation principles, Smart Animate and component variants.
CX Codex +1
550installs
brand-marketing skill Applies Disney's 12 animation principles to brand identities, commercial ads, and logo reveals. Tailors motion timing to brand personality.
CX Codex +1
545installs
motion-one skill A skill that walks through Disney's 12 animation principles as Motion One code — squash and stretch, anticipation, stagger, scroll effects.
CX Codex +1
544installs
image-generation skill This skill creates illustrations, diagrams, and other visuals for articles and docs. It chooses between Codex, OpenAI API, and Gemini paths.
CX Codex +1
4,000installs
attention-direction skill Guides viewer focus across animation frames and UI scenes using classic motion principles. It helps structure visual hierarchy and eliminate competing motion.
CX Codex +1
540installs
material-3-expressive skill A skill for designing and reviewing Android UI with Material 3 Expressive: picks component tokens, sets hierarchy, motion, color and shape.
CX Codex +1
502installs
polish skill A skill for the last pass over a UI: alignment, spacing, states, consistent copy. Run it once the work is functionally done and needs finishing touches.
CX Codex +1
637installs
solid-drawing-mastery skill A skill for anyone animating UI or characters who wants objects to read as solid forms in space instead of flat shapes sliding around.
CX Codex +1
538installs
search skill Walks an agent through designing site search: autocomplete, filters, result lists and recovery from zero results.
CX Codex +1
626installs
add-ui skill Generates five distinct UI directions for a new or existing section, then walks you through comparing them and applying the one you pick.
CX Codex +1
636installs
icons-badges skill A skill for animating icons, badges, avatars and status indicators. Useful when small UI elements need to feel responsive and give feedback.
CX Codex +1
537installs
naturalistic-motion skill Animation guidelines for organic creatures and natural elements. Guides agents to create continuous subtle motion instead of robotic stiffness.
CX Codex +1
537installs
audit skill Runs code-level checks on accessibility, performance, theming, responsive design and anti-patterns. Returns a scored report with a fix plan.
CX Codex +1
625installs
gesture-responses skill A skill for animating tap, swipe and drag responses: it sets timings, easing curves and code patterns for CSS and JS.
CX Codex +1
535installs
1,641–1,680 of 2,133
