NeVibeCode · 2,133 items
Skills for Design
Skills for Design: what each one does, an install command and example prompts.
critique-information-density skill A skill that critiques a rendered screen's density: cognitive load, content priority, scanning patterns and progressive disclosure. Useful when a screen feels overwhelming.
CX Codex +1
1,700installs
research-repository skill Helps teams organize UX findings into a structured repository so research insights stay searchable, reusable, and linked to evidence.
CX Codex +1
1,700installs
doherty-threshold skill This skill sets response-time targets for interface interactions and suggests feedback patterns when a wait cannot be avoided.
CX Codex +1
1,700installs
content-strategy skill Works out what content a product needs, where it lives and who owns it. Useful when the content itself is the problem, not the layout.
CX Codex +1
1,700installs
millers-law skill Chunks interface elements into groups of about four to fit working memory limits. Useful when structuring navigation menus, onboarding flows, and form sections.
CX Codex +1
1,700installs
design-system-governance skill This skill lays out how a design system changes over time: ownership, contribution, versioning, deprecation. It fits teams where more than one group ships components.
CX Codex +1
1,700installs
design-debt-audit skill Takes stock of accumulated design inconsistencies across a product and returns a prioritised fix plan. Useful once drift has built up over time.
CX Codex +1
1,700installs
von-restorff-effect skill This skill guides coding agents to isolate a single primary action on a screen using visual contrast. It applies when one choice must grab attention immediately.
CX Codex +1
1,700installs
hicks-law skill A skill that applies Hick's Law — decision time grows with the number of simultaneous choices. Useful when a screen throws too many options at the user.
CX Codex +1
1,700installs
fitts-law skill A skill that makes your coding agent size and position controls by Fitts's Law. Useful when building touch interfaces or auditing mis-taps.
CX Codex +1
1,700installs
readable-measure skill Sets optimal typographic measure and line length across screen breakpoints. Helps maintain reading comfort in body copy, articles, and UI descriptions.
CX Codex +1
1,700installs
localization-design skill Helps design UI for different languages, writing directions, and cultural contexts before translations arrive.
CX Codex +1
1,700installs
law-of-common-region skill A Gestalt skill that tells your agent when to group elements with a container, background or border instead of spacing alone.
CX Codex +1
1,700installs
survey-design skill Guides the creation of unbiased survey questions, rating scales, and sample sizing. Ideal when validating user opinions with quantitative data.
CX Codex +1
1,700installs
law-of-proximity skill Applies the Law of Proximity to UI layouts, using spacing to show which elements belong together. Use it when grouping must work without borders or labels.
CX Codex +1
1,800installs
search-ux skill Guides the agent through search design: query input, suggestions, filters, results and the empty state. Useful when people retrieve instead of browse.
CX Codex +1
1,800installs
onboarding-design skill Designs the first-run experience and activation path. It shortens time to first value by optimizing empty states and setup flows.
CX Codex +1
1,800installs
claude-typer skill Renders a clip where a line of text types itself out in a Claude-style window, then returns the path to the .mov it wrote.
CX Codex +1
1,100installs
claude-design skill A skill that produces design artifacts in HTML: landing pages, decks, prototypes, posters and wireframes. Useful when you need quick layout options.
CX Codex +1
2,200installs
jury skill Screenshots every page type, measures LCP, CLS, FPS and accessibility, then a blind critic scores the site and ranks fixes.
CX Codex +1
911installs
SVG Logo Designer skill Generates SVG logos from a brand description: several concepts, layouts and colour versions. Handy when a project needs a logo or an icon right now.
CX Codex +1
8,200installs
prototype-prompt-generator skill Turns UI requirements into detailed, structured prompts for building HTML, CSS, or React prototypes.
CX Codex +1
393installs
critique-color skill The skill reviews colour choices on a single rendered screen, auditing contrast ratios, token consistency, and semantic colour meaning for accessible UI.
CX Codex +1
1,600installs
styleseed skill A skill for building, fixing and inspecting UI while keeping the design decisions your project already made. Useful when screens change but the style should not.
CX Codex +1
570installs
animate-text skill A catalog of 24 text animation specs. Your agent picks an effect by name and rebuilds it in GSAP, Motion, CSS or WAAPI.
CX Codex +1
2,700installs
paper-poster-html skill Builds academic conference posters as a single HTML file and renders print-ready PDFs using headless Chromium. Helpful for researchers preparing posters for ICLR, NeurIPS, ICML, and CVPR.
CX Codex +1
311installs
procedural-fish-render skill Clones or updates the procedural-fish repository and exports procedural fish animation to a video file via Remotion.
CX Codex +1
1,000installs
Agentic UX Design - Relationship-Centric Interfaces skill Guides AI interface design toward continuous memory, trust evolution, and co-planning instead of isolated screens. Useful for systems with repeated user sessions.
CX Codex +1
3,300installs
renaissance-architecture skill A skill that pushes the agent toward first-principles design instead of "X but for Y". Useful when you plan features, pick a stack or review UI.
CX Codex +1
3,300installs
kicad skill Analyzes KiCad 5–10 projects and PDF schematics to catch DRC/ERC errors, trace power nets, and check boards before manufacturing.
CX Codex +1
1,100installs
image-to-code skill Reconstructs UI mockups and screenshots into token-driven accessible code with automated WCAG AA contrast validation.
CX Codex +1
719installs
ios-design-guidelines skill Applies Apple HIG rules when building or reviewing iPhone interfaces in SwiftUI or UIKit. Use it for navigation, accessibility, Dynamic Type, and adaptive layouts.
CX Codex +1
1,900installs
interfaces-that-feel skill A skill for reviewing a UI that works correctly but lands cold. It prescribes changes at the copy, motion and interaction layer.
CX Codex +1
1,500installs
critique-affordance skill Audits rendered screens for interaction signals, state visibility, action discoverability, and primary CTA clarity.
CX Codex +1
1,600installs
ux-audit skill This skill tests a live web app through browser interactions to catch usability, behavior, accessibility, and layout issues. Use it to review a release or walk through the app’s pages.
CX Codex +1
2,800installs
web-asset-generator skill Generates favicons, PWA app icons, and Open Graph social cards from logos, emojis, or text. Useful when preparing a website or web app for launch and configuring social sharing snippets.
CX Codex +1
933installs
ui-ux-pro-max skill Turns a vague "make it look good" into a concrete design system: palette, typography, component rules and stack-aware notes.
CX Codex +1
506installs
ruler-progress-render skill Clones ruler-progress-animator and renders a ruler progress animation video using Remotion presets. Helps generate transparent motion assets directly from the terminal.
CX Codex +1
958installs
icon-retrieval skill Searches for icons by keyword through an HTTP API, then pulls the SVG markup of the ones you pick with curl. Handy when a page or diagram needs a few icons.
CX Codex +1
1,600installs
business-design skill Helps a designer read a P&L, map competitors and argue decisions with metrics when a PM or CFO pushes back.
CX Codex +1
1,400installs
841–880 of 2,133
