NeVibeCode · 2,133 items
Skills for Design
Skills for Design: what each one does, an install command and example prompts.
brand-identity skill Translates brand strategy into an actionable visual identity brief for designers. Sets logo direction, hex colors, typography, and imagery rules.
CX Codex +1
2,100installs
apply-aesthetic skill Picks a visual direction — an archetype or a named design system — and resolves it into your project's tokens. Useful when you want a specific look, not whatever the agent improvises.
CX Codex +1
529installs
Brand Guidelines Generator skill Generates brand style guides, typography rules, and color palettes. Helpful when you need to document visual identity and communication standards.
CX Codex +1
4,700installs
design-code skill This skill generates component and screen code for a requested framework. Use it when you need token-based UI with accessibility checks.
CX Codex +1
525installs
platform-conventions skill The skill maps what iOS and Android each mandate in their interfaces, where the two diverge, and when a single cross-platform design makes sense.
CX Codex +1
1,100installs
law-of-continuity skill A skill about the Law of Continuity: alignment, arrows and lines set the path the eye follows across an interface. Useful for forms, carousels and timelines.
CX Codex +1
1,100installs
conversational-ux skill Designs voice interfaces and chat dialogs: prompt structure and error reprompt ladders. Ideal when speech or chat replaces screens.
CX Codex +1
1,100installs
law-of-closure skill Teaches the agent to build UI on implied boundaries: drop redundant borders, draw icons from minimal cues, and let negative space carry the structure.
CX Codex +1
1,100installs
law-of-figure-ground skill A skill that sorts out which layer of an interface reads as foreground and which as background, and helps you set that relationship on purpose.
CX Codex +1
1,100installs
law-of-similarity skill Applies the Gestalt Law of Similarity to group UI elements across distance using shared color, shape, and size. Useful for unifying components without altering layout.
CX Codex +1
1,100installs
ideogram4 skill Generates images with legible in-image text and brand color control via Ideogram 4. Useful for video title cards and thumbnails.
CX Codex +1
471installs
d2-diagram-creator skill A skill that walks the agent through D2 diagram work and switches on when you mention d2. Useful when the diagram lives in the repo next to the code.
CX Codex +1
345installs
design-component skill Produces UI component specifications covering anatomy, 8 interactive states, tokens, and accessibility. Useful when designing components in a design system before coding.
CX Codex +1
522installs
rhino3d-scripts
official skill Generates and debugs Rhinoceros 3D scripts across Python, VBScript, and C#. Helps automate geometry, layers, and viewport macros in Rhino 8.
89installs
ux-writing skill Write or review interface text, from button labels to errors and empty states. The skill applies a project’s voice and checks copy against a pre-ship checklist.
CX Codex +1
517installs
design-qa skill This skill sets up checks for tokens, contrast, accessibility, and visual regressions. Use it to QA a component or screen before release.
CX Codex +1
516installs
brandkit skill Build a token-based design foundation from a product brief, with separate light and dark themes and contrast checks. Use it to establish shared visual rules before designing screens.
CX Codex +1
510installs
aesthetic skill A skill that walks your coding agent through interface design: reading other people's layouts, generating design images, and iterating until they hold up.
CX Codex +1
714installs
ui-designer skill Extracts a design system from UI screenshots and prepares an implementation prompt for React. Use it when a new interface needs to follow reference visuals.
CX Codex +1
1,600installs
migrate-design-system skill Maps your design tokens to another system and back: Material 3, Apple HIG, Fluent 2, shadcn/ui, Radix. Useful when you borrow a look or move onto a new stack.
CX Codex +1
487installs
icon-set-generator skill Draws a set of SVG icons for one project: same grid, same stroke, same corners. Useful when a site needs its own icons instead of a stock library.
CX Codex +1
1,900installs
prototype skill Guides interface design across a five-tier fidelity ladder from content to code. It helps map user flows, build wireframes, and draft usability test plans.
CX Codex +1
484installs
tesseract-motion skill Create editable motion graphics in Tesseract, from animated type and diagrams to overlays on supplied footage. The skill focuses on graphic work, not assembling a complete video edit.
CX Codex +1
3,000installs
tesseract-video skill An agent skill for editing existing footage locally with Tesseract: cuts, dialogue cleanup, sound mixing and graphics where they help.
CX Codex +1
3,000installs
token-build skill Generate web and mobile theme files from DTCG JSON tokens, or wire the build into CI. Useful when one token source needs outputs for several platforms.
CX Codex +1
480installs
axiom-accessibility skill A skill for fixing and auditing accessibility in Apple apps: VoiceOver, Dynamic Type, contrast, touch targets, WCAG.
CX Codex +1
1,200installs
figma-integration skill Sync project tokens and components with Figma in either direction. Use the skill to move design data, publish tokens, or check for mismatches.
CX Codex +1
478installs
serial-position-effect skill A skill that applies the serial position effect: it tells the agent which items belong first and last, and what lands in the memory valley.
CX Codex +1
1,000installs
teslers-law skill Applies Tesler's Law to help you balance complexity between the interface and the user. Useful when designing forms, multi-step flows, and settings.
CX Codex +1
1,000installs
zeigarnik-effect skill A skill for designing progress bars, saved drafts and reminders about unfinished steps. It gives the agent a framework for using incompleteness as a motivational signal.
CX Codex +1
1,000installs
peak-end-rule skill A skill that finds the two moments users actually remember — the most intense one and the last — and helps you design them on purpose.
CX Codex +1
1,000installs
jakobs-law skill Applies Jakob's Law to evaluate whether breaking familiar UI conventions is worth the cognitive cost. Useful when redesigning navigation or core controls.
CX Codex +1
1,100installs
governance skill A skill that keeps a design system from drifting: it picks the SemVer level, runs the contribution flow, and retires old tokens with a migration path.
CX Codex +1
474installs
revealjs skill This skill turns your content into a reveal.js presentation: an HTML file with slides plus CSS for the theme. Open it in a browser, no build step.
CX Codex +1
736installs
qianwen-image-generation skill This skill creates and edits images with Wan and Qwen Image models. Use it for illustrations, posters, reference-based edits, and text rendered in images.
CX Codex +1
5,600installs
brand-packaging skill Creates a structured packaging brief and unboxing flow for designers or manufacturers. Triggers on product packaging and label design requests.
CX Codex +1
1,700installs
brand-guidelines skill This skill turns scattered brand decisions into one standards document: logo, color, typography, voice, messaging and application rules. Useful when the team needs a single reference.
CX Codex +1
1,800installs
ipados-design-guidelines skill Apple Human Interface Guidelines for iPad, packaged as a skill: adaptive layouts, multitasking, sidebar navigation and pointer support.
CX Codex +1
1,200installs
tailwind-v4-shadcn skill Sets up Tailwind CSS v4 with shadcn/ui, Vite, and React. Solves broken CSS variables, theme switching errors, and v4 migration pitfalls.
CX Codex +1
8,100installs
nano-banana-pro skill Generates and modifies images using Google's Gemini 3 Pro Image API. Handy when you need quick illustrations or visual edits directly from your coding session.
CX Codex +1
3,200installs
921–960 of 2,133
