NeVibeCode · 2,133 items
Skills for Design
Skills for Design: what each one does, an install command and example prompts.
tailwind skill A skill with 42 rules for Tailwind CSS v4: build setup, CSS generation, bundle size, theming. Useful for migrations and config work.
CX Codex +1
512installs
level-design skill Walks through level structure, pacing, difficulty curve and storytelling through environment. Useful when you are still at the paper sketch or whitebox stage.
CX Codex +1
563installs
blender skill Quick reference for Blender workflows, shortcuts, rigging setups, and 3D export pipelines into Unity and Unreal Engine.
CX Codex +1
531installs
repeated-component-alignment skill A coding-agent skill that keeps cards, list rows and tiles aligned when text lengths differ. Useful whenever you build or review a repeated component.
CX Codex +1
678installs
ui-ux-pro-max-skill skill Describe a product to get a proposed page structure, visual style, palette, and font pairing. Use it to shape interface decisions before implementation.
CX Codex +1
2,000installs
tab-navigation skill A skill for designing tabs: when they fit, how the strip and panel are built, and how keyboard navigation should behave.
CX Codex +1
674installs
uml-and-software-architecture-visualization
official skill This skill helps choose a notation and format for UML diagrams, architecture maps, workflows, and data models. Use it when you need to describe how a system is structured or behaves.
CX Codex GP ChatGPT
24installs
social-media-image-sizes skill Validates image dimensions against rules for 9 social platforms and exports resized copies. Helpful when preparing ads or feed posts without manual editing.
CX Codex +1
1,800installs
voice-audio-engineer skill A skill that wires ElevenLabs into your agent for TTS, voice cloning, podcast production, transcription and voice UI work.
CX Codex +1
367installs
awwwards-ui-skills skill Enforces Awwwards-style UI constraints for AI agents using light mode, Inter typography, and a 4px spacing grid.
CX Codex +1
560installs
coordinated-data-views skill A coding-agent skill that explains how to show a table next to its map, diagram or chart and keep selection synced both ways.
CX Codex +1
668installs
authentic-product-representation skill Enforces truthful product visuals on landing pages and hero sections using real data instead of lorem ipsum. Use it to avoid synthetic marketing chrome.
CX Codex +1
662installs
domain-expert-configuration skill Guides coding agents to build settings panels, solver controls, and constraint editors tailored for non-developer domain experts.
CX Codex +1
660installs
nielsen-heuristics-audit skill This skill walks an interface through Jakob Nielsen's 10 usability heuristics and returns a report with a severity rating for every finding. Useful when you want problems found before user testing.
CX Codex +1
739installs
ui-audit skill Evaluates user interfaces against core UX guidelines from Making UX Decisions. Spots hierarchy flaws, navigation issues, and accessibility oversights.
CX Codex +1
542installs
extract skill Crawls an existing website to extract its design tokens, palette, typography, and UI assets into stardust/current/.
CX Codex +1
496installs
responsive-design skill A skill that hands your coding agent a set of responsive design rules: mobile-first CSS, flexible layouts, media queries, adaptive images and type.
CX Codex +1
830installs
orbital-hud-motion skill A skill that teaches an AI agent to build circular HUD and aura animations around a Blender subject from a reference, not from guesswork.
CX Codex +1
714installs
direct skill Translates freeform redesign intent into target specifications for an existing website. Generates PRODUCT.md, DESIGN.md, and decision traces before prototyping.
CX Codex +1
488installs
21st-ui-review skill Reviews existing UI for accessibility, responsive behavior and drift from the project's design system. Useful before shipping a page or after someone else's pull request.
CX Codex +1
1,300installs
21st-ui-explore skill This skill sketches several genuinely different UI directions from your project's design system plus 21st references. Handy when nobody knows yet what a new screen should look like.
CX Codex +1
1,400installs
prepare-migration skill Orchestrates full-site redesign migration prep: crawls pages, confirms module catalogs, and builds design canon before running the migration.
CX Codex +1
487installs
motion skill Guides coding agents to build hardware-accelerated animations using the Motion library in vanilla JavaScript and TypeScript.
CX Codex +1
812installs
sound-engineer skill Gives the agent working knowledge of spatial audio, procedural sound effects and UI sound for games and apps.
CX Codex +1
348installs
Web Design Builder skill Turns a spec or a plain description into HTML5/CSS/JS, then checks accessibility and behaviour through Playwright MCP.
CX Codex +1
416installs
web-motion-design skill A skill that tells your agent how to build CSS animations, JS transitions and React or Vue motion using Disney's 12 animation principles.
CX Codex +1
1,300installs
character-design skill A skill that turns your coding agent into a character designer: silhouette, shape language, color and proportions. Useful when you need a hero, villain or NPC concept.
CX Codex +1
400installs
design-system-creation skill A skill that lays out a design system: tokens, components, docs and governance. Useful once you have more than one interface or team.
CX Codex +1
537installs
distinctive-frontend skill Generates web interfaces with bold visual identity, replacing generic AI palettes and fonts with distinct themes like Cyberpunk, Brutalist, Vaporwave, and Nordic Minimalism.
CX Codex +1
588installs
graphic-design skill A skill that hands your coding agent a graphic design reference: color, typography, grids, file formats. Useful when it lays out UI or preps artwork for print.
CX Codex +1
492installs
visualization-strategy-and-critique
official skill Selects chart formats, designs dashboard layouts, and critiques data visualizations. Useful when planning visual hierarchy before writing code.
CX Codex GP ChatGPT
22installs
map-animation skill A skill for Vox-style animated maps: the camera flies over a base map while pins drop, routes draw on and regions highlight. Built for explainer video.
CX Codex +1
763installs
apple-ui-skills skill Hands the agent a fixed set of Apple-style UI rules: light surfaces, Inter, a 4px grid. Useful when you want a predictable look without tweaking every value by hand.
CX Codex +1
509installs
frontend-tailwind-best-practices skill Ten Tailwind CSS rules for frontend work: stack utilities, gap-based spacing, dark color schemes and className merging. Useful when an agent writes component styles.
CX Codex +1
464installs
gsap skill Tells your agent how to write GSAP animations: transforms over left/top, stagger, timelines, ScrollTrigger. Useful when the UI stutters on weaker hardware.
CX Codex +1
769installs
figma-designer skill Turns a Figma file into design tokens, component specs and interaction states you can hand to planning or development.
CX Codex +1
807installs
google-slides
official skill Extracts design systems from existing Google Slides decks to build slides matching a reference template. Rebuilds and updates native presentations without breaking styles.
CX Codex GP ChatGPT
21installs
figma-use-slides
official skill This skill guides agents using Figma's use_figma MCP tool within Figma Slides. It helps create branded decks, manage slide structure, and refine layouts in place.
CX Codex GP ChatGPT
21installs
msw-ui-kit skill This skill picks ready RUID palettes and interaction widgets from official MSWPackages so a game interface stays visually consistent. Handy when a screen or part needs a themed look.
CX Codex +1
1,200installs
search skill Tunes queries for Mobbin UI tools. Guides the agent to pick matching screens, flows, and marketing sections without over-filtering.
CX Codex +1
342installs
1,441–1,480 of 2,133
