NeVibeCode · 2,133 items
Skills for Design
Skills for Design: what each one does, an install command and example prompts.
interview-script skill Creates a structured user interview guide with open questions and facilitator notes. Use it before qualitative research interviews.
CX Codex +1
2,100installs
design-rationale skill Writes a design rationale that ties a decision to user needs, business goals and principles. Useful before a review or a handoff.
CX Codex +1
2,100installs
card-sort-analysis skill Processes open and closed card sorting data to generate similarity matrices and propose user-centered navigation categories.
CX Codex +1
2,100installs
pattern-library skill This skill turns recurring UX solutions into pattern entries with problem context, behavior, examples, accessibility notes, and related patterns.
CX Codex +1
2,100installs
affinity-diagram skill This skill groups observations and quotes from interviews into themed clusters and writes insight statements. Useful when you have many sources to synthesise.
CX Codex +1
2,100installs
documentation-template skill Generates reusable documentation scaffolds for design system components, patterns, and foundations. Use it when setting a shared documentation standard across your team.
CX Codex +1
2,100installs
naming-convention skill Sets one naming scheme for components, tokens and layers so names stop drifting between files.
CX Codex +1
2,100installs
empathy-map skill Builds an empathy map for one user or segment across four quadrants, so the team shares the same picture of the user.
CX Codex +1
2,100installs
handoff-spec skill Generates developer handoff specifications covering measurements, interaction states, responsive breakpoints, and edge cases before engineering starts.
CX Codex +1
2,100installs
experience-map skill The skill maps every touchpoint, channel and relationship across a service. Useful when the experience spans more than one product.
CX Codex +1
2,100installs
jobs-to-be-done skill A Claude Code skill that runs a Jobs-to-Be-Done pass: splits a task into functional, emotional and social parts, then returns a map with design implications.
CX Codex +1
2,100installs
user-persona skill This skill builds 2-4 research-grounded personas from interview transcripts, surveys, or analytics. It helps teams align design decisions with observed user behavior.
CX Codex +1
2,100installs
gesture-patterns skill Designs touch and pointer gestures such as swipes, dragging and long presses. Use it when an interface relies on gestural input.
CX Codex +1
2,100installs
feedback-patterns skill Gives the agent a method for designing how a system answers a user action: toasts, progress, badges, notifications. Useful when the interface goes silent after a click.
CX Codex +1
2,100installs
design-brief skill Drafts a project brief covering problem space, audience, constraints, and success criteria. Built for kicking off a specific task or feature.
CX Codex +1
2,100installs
competitive-analysis skill A skill that compares rival products on UX: patterns, features, gaps and opportunities. Useful when you need to know what competitors actually do.
CX Codex +1
2,100installs
prototype-strategy skill Decide what kind of prototype to build and how detailed it should be, before you start building it.
CX Codex +1
2,100installs
theming-system skill Designs a three-layer token architecture to support brand variants, color modes, and interface density in a single component library.
CX Codex +1
2,100installs
journey-map skill This skill maps one persona's end-to-end experience: stages, touchpoints, emotions and pain points. Useful when you're improving something that already exists.
CX Codex +1
2,100installs
component-spec skill This skill writes a full spec for one design-system component: anatomy, variants, states, accessibility and usage rules. Useful when a library grows and the API needs pinning down.
CX Codex +1
2,100installs
design-principles skill Helps teams define actionable design principles to resolve recurring product debates. Useful when the same decisions keep getting relitigated.
CX Codex +1
2,100installs
accessibility-audit skill Audits an existing interface against WCAG and reports issues with severity, impact, and remediation steps.
CX Codex +1
2,100installs
ux-writing skill Writes microcopy, error messages, empty states and CTAs. Useful when the words themselves are the deliverable.
CX Codex +1
2,200installs
threejs-towers skill Builds pagodas, castles and domes from parameters instead of mesh files, then films the structure assembling from the ground up.
CX Codex +1
1,200installs
audit-ai-design-slop skill Audits interfaces, mockups, and UI code for decorative clutter, generic AI clichés, and usability defects. It helps streamline products through removal instead of speculative redesigns.
CX Codex +1
1,200installs
threejs-landscape skill This skill builds a live Three.js landscape: terrain, grass, stones, sky and a time-of-day cycle. It suits hero backdrops where a subject has to sit somewhere, not float on a gradient.
CX Codex +1
1,200installs
falling-leaves skill Builds realistic falling foliage and petal animations for 2-D canvas and 3-D scenes where standard particle sprites look like flat confetti.
CX Codex +1
1,200installs
pointer-trail-emitter skill A skill that teaches the agent to build a cursor trail whose mote spacing holds steady no matter how fast the hand moves.
CX Codex +1
1,200installs
build-daily-inspiration-sites skill Creates separate Codex tasks for original landing pages from a completed UI inspiration pack. Use it when each reference needs its own Sites project.
CX Codex +1
1,200installs
design-systems-slds-apply skill A skill that teaches the agent to build Salesforce Lightning Design System interfaces: blueprints, styling hooks, utility classes and icons.
CX Codex +1
6,000installs
remotion-motion-graphics skill A coding-agent skill that makes Remotion code follow motion design rules instead of shipping linear fades and flat backgrounds.
CX Codex +1
1,100installs
substance-3d-texturing skill A skill for Substance 3D Painter work: PBR material authoring, texture export for Three.js, Babylon.js, Unity and Unreal, plus batch export through the Python API.
CX Codex +1
2,400installs
scroll-reveal-libraries skill Adds lightweight scroll-triggered reveal animations using the AOS library. Useful for marketing pages, documentation, and landing pages that need simple reveal effects.
CX Codex +1
2,400installs
react-spring-physics skill A skill for physics-based React animation with React Spring and Popmotion. Useful for gestures, inertia and transitions you can interrupt mid-motion.
CX Codex +1
2,400installs
design-systems-slds-validate skill Checks Lightning Web Components against SLDS, runs the linter plus its own CSS and markup analysis, and returns a graded scorecard.
CX Codex +1
5,900installs
critique-typography skill Audits typography on a rendered screen: scale usage, readability, consistency and token compliance. Useful during UI review.
CX Codex +1
2,000installs
version-control-strategy skill Defines version control strategies for design files, component libraries, and tokens. It helps teams stop chaotic file history and establish clear release routines.
CX Codex +1
2,000installs
critique-visual-hierarchy skill This skill reviews a rendered screen across four dimensions and tells you where the eye actually lands. Useful when attention goes to the wrong place.
CX Codex +1
2,000installs
click-test-plan skill Turns a findability question into a test plan: where users click first and whether they locate items in your navigation. Useful when a design is ready but untested.
CX Codex +1
2,000installs
design-sprint-plan skill Plans structured design sprints to move from a challenge statement to a tested prototype in days. Ideal when you need to compress discovery work into a single week.
CX Codex +1
2,000installs
761–800 of 2,133
