NeVibeCode · 2,133 items
Skills for Design
Skills for Design: what each one does, an install command and example prompts.
landing-page-design skill A skill that walks the agent through a landing page: intake questions and page structure first, then fixed rules for type, spacing and backgrounds.
CX Codex +1
1,800installs
kumo-design skill Cloudflare product design rules for coding agents: guides layout, typography, dialogs, and animations in Kumo UI dashboards.
CX Codex +1
1,500installs
game-ui-ux skill Engine-neutral game UI architecture skill for responsive layouts, screen stacks, gamepad focus, and event-driven HUD updates.
CX Codex +1
9,900installs
visual-verdict skill A visual QA skill that compares generated UI screenshots against reference images and returns a structured JSON verdict for layout iterations.
CX Codex +1
901installs
radix-ui-design-system skill Builds accessible design systems and headless UI components with Radix UI primitives. Useful for custom component libraries and WCAG 2.1 compliance.
CX Codex +1
1,300installs
refero-design skill A research-led skill for UI and product design that grounds work in references before code. Use it for landing pages, product screens, redesigns, and visual polish.
CX Codex +1
12,000installs
preline-theme-generator skill Generates custom Preline UI theme CSS from brand colors or mood descriptions. Runs entirely through local scripts after install.
CX Codex +1
1,300installs
image skill Turns JSON specs into SVG and PNG images via Satori. Useful for generating OG images, social cards, and rendering AI-generated image specs.
CX Codex +1
1,500installs
material-3 skill Walks an AI agent through Material Design 3: dynamic color, Jetpack Compose components, adaptive layout. Use it when a screen has to look like MD3 rather than a rough approximation.
CX Codex +1
3,300installs
pinned-comment skill Creates a LinkedIn pinned comment and an image prompt in the author’s voice. Use it when a post needs a restrained, self-deprecating aside.
CX Codex +1
1,300installs
pptx-visual-assets skill Places approved icons, images, SVGs, and diagrams onto editable PPTX decks with precise bounding boxes and verified rights.
CX Codex
2,600installs
image-to-ui skill Turn a screenshot, mockup, or sketch into working interface code. The skill views the image, reproduces it exactly in code, then renders and compares to fix any mismatches.
CX Codex +1
63,500installs
userinterface-wiki skill Handbook of 152 UI/UX rules for web interfaces. Skill checks animations, typography, audio feedback and UX patterns, reports errors with file:line precision.
CX Codex +1
4,500installs
anti-ui-slop
official skill This skill helps coding agents build product-specific interfaces instead of generic UI. Use it for web or iOS design, redesign, critique, and pre-ship review.
967installs
kill-ai-slop skill Finds and removes the generic visual and copy tics that make a site look machine-generated. Use it when a landing page or UI feels templated and needs a human touch.
CX Codex +1
3,200installs
pptx-reference-deck-analysis skill Reads a PPTX reference deck without changing it, covering structure, theme, typography, layouts, and OOXML. Use it before building a new deck from a reference.
CX Codex
2,500installs
pptx-deck-context skill Locks down deck narrative, source citations, and visual styling before any slides or PPTX objects are authored.
CX Codex
2,500installs
visual-explainer skill Generates self-contained HTML visual explanations with SVG diagrams, architectures, and animated flows. Useful for code reviews, system designs, and technical concepts.
CX Codex +1
755installs
frontend-ui-dark-ts skill Build dark-themed React interfaces with Tailwind CSS and Framer Motion. It guides dashboard, admin panel, and data-dense UI styling.
CX Codex +1
1,100installs
styles skill Walks an Android coding agent through moving a project onto the experimental Jetpack Compose Styles API, from Gradle opt-in to component-by-component migration.
CX Codex +1
2,200installs
scroll-craft skill A skill that plans and builds a scroll-driven landing page: brief interview, section order, one emotional peak, dimensional hero, screenshot checks.
CX Codex +1
1,200installs
cli-anything-drawio skill A command-line harness over Draw.io: the skill hands your agent commands to build a diagram step by step and export it to PNG, PDF or SVG.
CX Codex +1
672installs
api-design-principles skill Skill for designing REST and GraphQL APIs from scratch: architecture, versioning, error handling, and authentication that make APIs pleasant for other developers to consume.
CX Codex +1
1,000installs
ux-heuristics skill A skill that audits interface usability: it flags where users stall, rates each finding by severity, and tells you what to fix first.
CX Codex +1
9,400installs
logo-design skill Guides professional SVG logo and brand-mark design inside the agent, from the initial brief to geometry audits and icon exports.
CX Codex +1
1,100installs
sparc-implement skill A skill that runs SPARC design phases: writes algorithm pseudocode, defines module boundaries and API contracts, then generates working code. Use it if you're developing with SPARC methodology and want to automate the architecture stage.
CX Codex +1
734installs
web-typography skill This skill helps you select and configure typefaces for web projects: from choosing a font family to optimizing size, line height, and measure. Use it when you need readable typography or want to find a well-matched font pair.
CX Codex +1
9,200installs
refactoring-ui skill Audits and polishes visual hierarchy, spacing scales, and color palettes in web interfaces. Works through a grayscale-first workflow before applying accent colors.
CX Codex +1
9,200installs
libraries-dev skill Selects and integrates Libraries.dev React UI effects for AI interfaces, covering loaders, voice glows, animated borders, and bot avatars.
CX Codex +1
1,000installs
ai-product skill Helps plan and assess LLM features, retrieval, validated outputs, latency, and cost controls. Use it when an AI feature needs comparison against an evaluated baseline.
CX Codex +1
960installs
create-game-assets skill A skill that carries a game's art from style brief and asset manifest to alpha checks and contact sheets. Handy once sprites start drifting out of style.
CX Codex +1
7,000installs
shadcn-svelte skill Pre-built definitions and implementations of 36 shadcn components for json-render apps. Built on Svelte 5 and Tailwind CSS.
CX Codex +1
1,100installs
cli-anything-gimp skill Provides a stateful image editing CLI built on Pillow and GIMP for AI agents. It handles layers, drawing, and headless rendering without a GUI.
CX Codex +1
617installs
photo-abstract-editorial skill Turns a single photograph into a vertical diptych with an untouched upper image and an abstract lower panel. Generates a minimalist poster with a short title.
CX Codex +1
740installs
cli-anything-inkscape skill Stateful command-line interface skill for editing vector graphics in Inkscape, tracking project state in JSON, and manipulating SVG documents.
CX Codex +1
605installs
database-schema-designer skill Design SQL and NoSQL data models with relationships, constraints, indexes, and migrations. Useful when starting a schema or reviewing one that already exists.
CX Codex +1
4,300installs
qa-test-planner skill Turns a feature description into a test plan, manual test cases, a regression suite or a bug report. Fires only when you name it: qa-test-planner.
CX Codex +1
4,300installs
figma-create-new-file skill A skill that tells the agent how to create a Figma Design, FigJam or Slides file with the MCP create_new_file tool, including which plan and editor type to use.
CX Codex +1
3,500installs
web-design-guidelines skill This skill checks UI files against current Web Interface Guidelines and reports findings by file and line. Use it for accessibility or design reviews.
2,076installs
typeui-fundamentals skill Provides design principles for visual hierarchy, a 4-point spacing grid, typography, and WCAG rules. Useful when the project design system leaves a gap.
CX Codex +1
2,200installs
401–440 of 2,133
