NeVibeCode · 2,133 items
Skills for Design
Skills for Design: what each one does, an install command and example prompts.
design-review skill Reviews the visual quality of a web page or app and produces a findings report with screenshots. Use it when an interface looks off and the cause is hard to spot.
CX Codex +1
1,400installs
cro-optimization skill Reads a landing page, by link or as HTML/CSS, and returns a conversion audit: what blocks signups, what to fix first.
CX Codex +1
1,200installs
branding skill A skill for brand strategy work: purpose, values, positioning, storytelling, voice. Useful when you launch a brand or pull scattered materials into one guide.
CX Codex +1
1,900installs
visionos-design-guidelines skill Supplies Apple Human Interface Guidelines for Apple Vision Pro to your coding agent. Helps arrange spatial windows, eye tracking targets, and pinch input.
CX Codex +1
932installs
drawio-academic-skills skill A draw.io skill that prepares figures for a paper, thesis or IEEE/ACM submission: architecture diagrams, workflows, roadmaps and network topologies.
CX Codex +1
979installs
drawio-logical-diagrams skill Generates draw.io native XML files for logical flowcharts, system architecture, BPMN, and UML diagrams. Useful when documenting abstract logic without cloud provider icons.
CX Codex +1
4,000installs
system-atlas skill Builds an interactive isometric architecture map and a matching SYSTEM.md twin from one data file, keeping design reviews and question tracking in sync.
CX Codex +1
505installs
storytelling skill Gives design work a narrative structure: four canonical patterns so journeys, briefs and decks make people care instead of just showing data.
CX Codex +1
3,100installs
create-tile-palette-or-rule-tiles skill Build a 2D tile palette or set up a RuleTile that connects with nearby tiles as you paint. Useful for laying out levels and joining terrain pieces.
CX Codex +1
995installs
xiaohongshu-cover-generator skill This skill turns a topic into a Xiaohongshu-style cover image and drops the PNG into your current project folder.
CX Codex +1
1,800installs
shot-composition skill Plans how a frame is staged: grid, focal point, depth layers and camera moves. Useful when a scene needs layering and a layout that survives 16:9, 9:16 and 1:1.
CX Codex +1
2,900installs
animation-principles skill Calculates timing, cubic-bezier curves, and stagger offsets for UI transitions. Solves stiff or robotic movement with physics-based motion rules.
CX Codex +1
3,000installs
framer-motion-animator skill Generates smooth Framer Motion animations and micro-interactions in React. Useful for building page transitions, drag gestures, and scroll effects.
CX Codex +1
11,100installs
website-builder-setup skill Walks you through setting up a complete web design stack in Claude Code with UI/UX Pro Max, Framer Motion, and 21st.dev Magic.
CX Codex +1
580installs
logo-animation skill A coding-agent skill that builds logo motion: intros, app splashes, loader loops, SVG draw-ons. Ships for web, video and app delivery.
CX Codex +1
2,800installs
color-motion skill Builds motion design palettes in OKLCH, fixes muddy CSS gradient midpoints, and resolves gamma shift issues in After Effects video renders.
CX Codex +1
2,800installs
beat-sync-editing skill Plans cut points from BPM, shapes sequence pacing, and maps transitions or retimes to an edit timeline.
CX Codex +1
2,900installs
experience-lwc-design-generate skill Creates Lightning Web Components from Figma designs or PRD specs. Orchestrates requirements, code generation, SLDS styling, and tests.
CX Codex +1
2,100installs
plaid skill Guides founders through idea discovery, validation, PRD creation, and execution. Generates structured product docs directly in your workspace.
CX Codex +1
868installs
product-launch-motion skill A skill that turns a product story into an MP4 launch film built from HTML scenes, with one morphing element, spring motion, a working cursor and edits locked to the music.
CX Codex +1
585installs
art-direction skill Turns a creative ask into a brief for a photographer, illustrator or videographer, and scores finished work against the brand.
CX Codex +1
674installs
motion-principles skill A foundational motion design skill establishing timing budgets, easing curves, reduced-motion compliance, and jank prevention for Web, SwiftUI, and Compose.
CX Codex +1
1,100installs
after-effects skill Helps with Adobe After Effects expressions, export choices, performance issues, and project cleanup. Use it when you need a recipe or a .jsx automation script.
CX Codex +1
2,800installs
localize skill Adapts user experience and UI patterns across cultures and languages, covering RTL layouts, trust signals, and legal compliance.
CX Codex +1
2,700installs
blueprint skill Builds service blueprints, ecosystem maps and dependency diagrams. Shows what actually breaks behind the interface.
CX Codex +1
2,700installs
investigate skill Runs user research from planning to synthesis: interview guides, surveys, usability tests, diary studies, and finding analysis.
CX Codex +1
2,700installs
include skill Embeds digital accessibility and WCAG 2.2 standards directly into UI design workflows before handoff.
CX Codex +1
2,700installs
specify skill Turns an approved design into a handoff package for a team or a coding agent: the project's own artifacts plus one entry page.
CX Codex +1
2,700installs
articulate skill Designs the words in a product: labels, errors, empty states, onboarding, tooltips. Use it when the copy is the problem, not the layout.
CX Codex +1
2,700installs
fortify skill Hardens interface flows against real-world failures: empty states, partial loading, network drops, and unhandled validation errors.
CX Codex +1
2,700installs
evaluate skill Runs a structured UX evaluation, ranks each issue by severity and names the design change that fixes it. Useful before launch or when users keep dropping off.
CX Codex +1
2,700installs
intent skill The entry point for the Intent system: it sets project context, routes work to specialized skills and loads foundational UX knowledge.
CX Codex +1
2,700installs
organize skill Designs information architecture, navigation models, and taxonomy systems. Helps when users get lost or struggle to locate features.
CX Codex +1
2,700installs
journey skill A skill for designing user-facing experiences: screen sequences, navigation, onboarding, checkout, error recovery.
CX Codex +1
2,800installs
parallel-concepts skill Builds several genuinely different solutions to one problem while each still costs a sketch instead of a build.
CX Codex +1
650installs
motion-background skill Teaches your assistant to build subtle background animations like CSS mesh gradients or 2D canvas particle fields without hurting readability.
CX Codex +1
2,700installs
concept-selection skill Picks one concept out of several against criteria fixed in advance, and records what each rejected concept was testing.
CX Codex +1
648installs
logo-designer skill This skill walks the agent through a short interview, generates several distinct SVG logo concepts, and builds a preview page for comparison.
CX Codex +1
931installs
msw-painter skill Draws a pixel-art sprite when msw-search finds no suitable RUID, then helps register the PNG as a resource.
CX Codex +1
9,700installs
prompt-images skill Prompting guide for image generation and editing models on Replicate. It helps structure detailed natural-language prompts instead of relying on keyword lists.
CX Codex +1
2,600installs
1,001–1,040 of 2,133
