NeVibeCode · 2,133 items
Skills for Design
Skills for Design: what each one does, an install command and example prompts.
design-system-adoption skill Builds an adoption strategy and enablement materials when teams are bypassing an existing design system. It helps plan education, migration support and measurement.
CX Codex +1
2,000installs
summarize-interview skill Turns a single interview transcript into themes, quotes and follow-up tasks, in a format you can hand to stakeholders.
CX Codex +1
2,000installs
team-workflow skill Designs an operating cadence for design teams, covering task tracking, regular rituals, and developer handoff. Helpful when day-to-day design collaboration lacks structure.
CX Codex +1
2,000installs
opportunity-framework skill Turns a pile of possible improvements into a ranked roadmap using impact-effort and RICE. Handy when ideas outnumber capacity.
CX Codex +1
2,000installs
design-review-process skill A skill that sets four review gates for design work, from concept to implementation QA. Useful when things ship without a consistent review step.
CX Codex +1
2,000installs
north-star-vision skill Articulates a long-horizon product vision across 1-year, 2-3 year, and 5+ year horizons. Useful when a team lacks a clear strategic direction.
CX Codex +1
2,000installs
test-scenario skill Writes usability test scenarios with realistic context, success criteria and facilitation notes. Useful once the study is planned and the tasks are still missing.
CX Codex +1
2,000installs
stakeholder-alignment skill Builds alignment artifacts: a stakeholder map, RACI matrix, decision rights and a communication plan. Useful when unclear ownership stalls decisions.
CX Codex +1
2,000installs
metrics-definition skill Defines UX metrics and KPIs that connect design decisions to measurable outcomes. Useful when deciding what to measure before tracking changes.
CX Codex +1
2,100installs
diary-study-plan skill Walks you through designing a diary study: prompts, cadence, duration, participant criteria and an analysis frame.
CX Codex +1
2,100installs
a-b-test-design skill Walks you through planning an A/B test: hypothesis, variants, primary metric and sample size. Useful when a change can be measured quantitatively.
CX Codex +1
2,100installs
brand-guidelines skill Applies Sentry brand and copy guidelines to user-facing text, error states, and UI flows. Useful when writing UI labels, empty states, or docs.
CX Codex +1
2,500installs
barba-js skill A skill for Barba.js: helps wire up smooth transitions between pages without full reloads and hook them into GSAP.
CX Codex +1
2,400installs
design-systems-slds2-migrate skill Runs the SLDS linter over your components and walks you through fixing violations while moving Lightning Web Components from SLDS 1 to SLDS 2.
CX Codex +1
5,600installs
shadcn-ui skill Installs and configures shadcn/ui components in a React project: picks them by task, keeps install order and dependencies straight.
CX Codex +1
3,600installs
build-interactive-particle-trail skill A skill for pointer-driven particle trails: the cursor or finger leaves discrete motes that fly on their own path. Useful in 3D scenes and landing pages.
CX Codex +1
1,100installs
web-technique-to-skill skill Turns a visual or interaction technique you already built into a reusable web-design skill, with a demo that proves both the mechanism and the visual fidelity.
CX Codex +1
1,100installs
add-mouse-driven-orbit skill Adds subtle mouse-driven orbit and parallax to Three.js hero sections without OrbitControls. Useful for cinematic headers that react to cursor movement.
CX Codex +1
1,200installs
design-audit skill Audits an app’s visual design and produces a phased refinement plan. Use it to review hierarchy, typography, spacing, color, and interface consistency.
CX Codex +1
4,100installs
good-css skill Replaces breakpoint ladders, layout wrappers and helper scripts with modern CSS. Works with plain CSS, Tailwind, StyleX and CSS-in-JS.
CX Codex +1
1,500installs
form-design skill Designs forms end to end, covering field order, grouping, validation, and accessibility. Useful when building anything from single inputs to multi-step flows.
CX Codex +1
1,900installs
aesthetic-usability skill Applies the Aesthetic-Usability Effect when visual polish affects perceived ease of use and trust. Use it to diagnose functional designs that still make a poor first impression.
CX Codex +1
1,900installs
information-architecture skill A skill that designs content structure: sitemap, navigation model, taxonomy and content types. Useful when you need to organise what already exists.
CX Codex +1
1,900installs
critique-composition skill Critiques balance, negative space, visual rhythm, and gestalt grouping on rendered screens. Useful when layout hierarchy is solid but the spatial composition still feels off.
CX Codex +1
1,900installs
ui-animation skill This skill designs, reviews and measures interface motion, from springs and gestures to scroll effects. Use it when implementing or diagnosing UI animation.
CX Codex +1
10,400installs
animate skill Animation guidelines and ready-made patterns for React and Next.js interfaces. Helps agents write performant transitions and Framer Motion code.
CX Codex +1
3,600installs
premiere-pro-mcp skill Sets up and checks the Adobe Premiere Pro MCP server, then helps an agent import media, build sequences, and edit timelines.
CX Codex +1
844installs
motion-broll skill Generates continuous motion-graphic B-roll and overlays timed to spoken words from a video transcript. Fits talking-head edits and PiP layouts.
CX Codex +1
1,700installs
ui-typography skill A skill that sets typography rules for interfaces and has the agent apply them silently while generating HTML, CSS and React.
CX Codex +1
3,900installs
magicpath skill Connects your coding agent to MagicPath via CLI to browse, install, and edit UI components. Useful when pulling design systems directly into code.
CX Codex +1
6,300installs
image-annotations
official skill Draws callout rectangles, arrows and labels on screenshots and diagrams with PIL. Useful when a PR needs to show exactly what changed.
149installs
service-blueprint skill Maps how a service is delivered to users and behind the scenes. Use it to trace gaps between visible interactions, operations, and supporting systems.
CX Codex +1
1,800installs
critique-brand-consistency skill Compares a rendered screen against mood.md, voice.md and tokens.md, then points out where styling and copy drifted from the brand.
CX Codex +1
1,800installs
navigation-patterns skill Helps select and design navigation patterns such as tab bars, sidebars, and breadcrumbs. Useful when mapping user journeys across mobile and desktop interfaces.
CX Codex +1
1,800installs
motion-system skill Defines one set of durations, easing curves and reduced-motion rules for a product. Useful when every component animates on its own timing.
CX Codex +1
1,800installs
fluid-functionalism skill A skill for building React UIs on the shadcn/ui @fluid registry: springs instead of durations, a hover highlight that glides to the cursor, weight changes that hold layout.
CX Codex +1
603installs
tailwind-theme-builder skill This skill sets up a Tailwind v4 + shadcn/ui theme with dark mode: installs deps, maps CSS variables through @theme inline, wires a theme toggle.
CX Codex +1
3,200installs
color-palette skill Turns a single brand hex into a full colour system: an 11-shade scale, semantic tokens, dark mode variants and WCAG contrast checks.
CX Codex +1
3,200installs
design-negotiation skill Helps designers advocate for UX quality, scope, and timelines when negotiating with PMs and engineers using evidence instead of personal taste.
CX Codex +1
1,700installs
design-impact-reporting skill Turns design work into a report leadership can read: user, product and business metrics with the evidence behind them.
CX Codex +1
1,700installs
801–840 of 2,133
