Design and UX

17,624 mods in this category, of every kind an agent can take. Each one carries what it costs per session, what the scan found, and whether it is the original.

components-build

577

nolly-studio/components-build-skill

Skill Claude CodeCodex

Build modern, composable, and accessible React UI components following the components.build specification. Use when creating, reviewing, or refactoring component libraries, design systems, or any reusable UI components. Triggers on tasks involving component APIs, composition patterns, accessibility, styling systems…

not rated 53 7mo ago A 62 tokens

image-to-ui

578

XuToWei/Image-To-UI

Skill Codex

Extract structured UI data from design images. Use when a UI screenshot or mockup plus sliced assets must become layout hierarchy, positions, text, asset references, and uistructure.json for Unity/Cocos-style game UI. Trigger for UI analysis, screenshot/design to UI JSON, parse design, extract UI structure…

not rated 53 +1 changed 4d ago A SkillSpector: warn 82 tokens original MIT

visio-copy

579

zwj276765037-lab/Visio-copy

Skill Claude CodeCodex

Recreate a reference raster diagram/image in Microsoft Visio as editable native Visio shapes using pixel-coordinate mapping, sampled color palettes, Visio COM automation, layer ordering, text sizing, complex shape primitives, 2.5D/3D stacked diagram reconstruction, crop comparisons, and preview exports. Use when the…

not rated 53 +2 2mo ago A 166 tokens original MIT

SVG mapmaker

580

1A7432/loreweaver

Skill Claude Code

Enable to let the Keeper draw simple player-visible SVG handout maps: location maps, room hierarchy diagrams, clue-route sketches, and relationship/area structures with labels.

not rated 53 +4 5d ago A SkillSpector: pass 37 tokens original MIT

impeccable

581

MaxQian888/cognia-next

Skill Codex

Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states.…

not rated 53 2d ago A 187 tokens AGPL-3.0

zx029w/zhuangxiu-skills

Skill Claude CodeCodex

A Chinese-language knowledge guide about avoiding mistakes when planning and buying custom kitchen cabinets and other built-in storage.

not rated 53 +4 8d ago A SkillSpector: pass 103 tokens original MIT

omniverse-ui-apis

583

NVIDIA-Omniverse/ovui

Skill Claude CodeCodex

Use when creating, modifying, inspecting, or reasoning about ovui UI from low-level atomic ovui widgets, including layout, Pixel/Percent/Fraction sizing, model-view widgets, TreeView/stage hierarchy trees, inputs, menus, windows, docking, viewport-like ovrtx panels, styling, or strict UI validation. Use when an agent…

not rated 52 6d ago A 125 tokens

plantuml

584

SpillwaveSolutions/plantuml

Plugin Claude Code

Bundles 1 skill · 89 tokens together

Leftover UML Mermaid cannot do easily (Salt wireframes, use case, timing, ArchiMate, nwdiag, WBS) plus PNG/SVG export. GitHub wiki does not render PlantUML source.

not rated 52 16d ago A tokens not measured

dx-blazor

585

DevExpress/agent-skills

Plugin Claude Code

Bundles 10 skills · 1,148 tokens together

DevExpress Blazor skills: AI Chat, charts, gauges, Grid, Treelist, Pivot Table, Scheduler, Combo Box, Ribbon, and Toolbar.

not rated 52 +3 22d ago A tokens not measured original MIT

refine-canvas-strokes

587

machaomc/refine-canvas-strokes

Skill Codex

Design, implement, review, or troubleshoot safe refinement of editable 2D canvas strokes. Use for handwriting smoothing, automatic text layout cleanup, optional font-guided handwriting normalization, freehand cleanup, geometric shape snapping, diagram cleanup, stroke-style normalization, semantic stroke replacement…

not rated 51 1mo ago A SkillSpector: pass 108 tokens original Apache-2.0

pfd-generator

588

ScottDuncanAI/claude-manufacturing-skills

Skill Claude CodeCodex

Generate a conceptual PFD (process flow diagram) as an editable SVG, along with the Python script that produced it. Use when the user describes a process and asks to draw, diagram, sketch, or visualize it; when they mention a P&ID, PFD, control loop drawing, or cascade control; or when they ask to edit an existing…

not rated 51 +2 1mo ago A SkillSpector: warn 106 tokens original MIT

natdexterra/work-with-design-systems

Skill Claude CodeCodex

Inspect, build, or extend Figma design systems — and optionally sync them to code. Two modes in one skill: inspect mode (read-only audits with WCAG checks, component scoring, detached instance detection, handoff docs) and build mode (creating components with variable bindings, slot-based composition, structured…

not rated 50 changed 2d ago C 260 tokens original MIT

next-slide

590

codesstar/next-slide

Skill Claude CodeCodex

A tool for creating browser-based presentations as single HTML files, or converting PowerPoint files into them. It includes bilingual English and Chinese support and a library of visual styles.

not rated 50 4mo ago A 260 tokens original MIT

deckify

591

seacen/deckify

Plugin Claude Code

Bundles 1 skill · 188 tokens together

Stop making slides. Let AI build them in HTML — the medium it was born to write in. Give deckify any brand URL; in minutes you get a brand-faithful Design System markdown plus a verified 9-slide HTML demo deck.

not rated 50 2mo ago A tokens not measured

Design

592

frhscopex/design-skill-os

Skill Cursor

A comprehensive design operating system synthesized from 10 canonical design books. Covers research, typography, color theory, composition, branding, logo design, storytelling, web design, creative process, and professional practice.

not rated 50 4mo ago A 42 tokens original MIT

draw

593

agavra/yuzudraw

Skill Claude Code

Create YuzuDraw diagrams by choosing the right family and following a short reference for architecture, components, flow, bar charts, or ASCII art.

not rated 50 5mo ago C 30 tokens original MIT

ai-to-figma

594

Niall-Young/AItoFigma

Skill Codex

Plan web or iOS mobile interfaces from screenshots, Figma frame references, or a product brief; generate and explicitly approve full-screen visual previews for adaptation and independent design; rebuild approved directions as capture-safe static HTML with official assets; and push editable layers into Figma Design…

not rated 50 19d ago A SkillSpector: pass 94 tokens original MIT

sap-fiori-ios

595

SAP/ai-skills-library

Skill Claude CodeCodex ✓ vendor

SAP Fiori for iOS Design Skill — Converts Figma designs from the Fiori iOS UI Kit into SwiftUI prototypes with animations and interactions. Use this skill when a designer provides a Figma node ID or component name and wants working SwiftUI code, when asking which Fiori iOS component to use, when mapping Figma variants…

not rated 50 +1 1mo ago A SkillSpector: pass 140 tokens original Apache-2.0

pencilplaybook

596

stevembarclay/pencilplaybook

Skill Claude CodeCodex

PencilPlaybook is the UI Skills / Taste-Skill for Pencil.dev + Claude Code — a design playbook that gives Claude real perceptual psychology and senior-level guardrails so it stops producing averaged-out AI slop.

not rated 50 +2 5mo ago A 50 tokens original MIT

visual-spec

597

visual-req/visual-spec

Skill Claude CodeCodex

Analyzes raw requirements into visual specs and generates artifacts. Invoke when user runs /vspec:new for analysis or /vspec:verify for models and prototypes.

not rated 49 +1 3d ago A SkillSpector: pass 35 tokens original MIT

UI/UX Designer

598

alec-c4/claude-rails-dev

Agent Claude Code

Specialist in user interface design, user experience flows, accessibility (a11y), and Tailwind CSS styling.

not rated 49 7mo ago A 28 tokens original MIT

ux-wise-agent

599

marvinrez/ux-wise-agent

Skill Claude CodeCodex

Activate this skill for any UX, product design, or interaction design reasoning task. Use whenever the user asks for UX critique, design decisions, pattern recommendations, accessibility reviews, research methodology guidance, stakeholder communication strategy, AI/UX trade-off analysis, or dark pattern…

not rated 49 5mo ago A 164 tokens original MIT

draw-io

600

Sunwood-ai-labs/draw-io-skill

Skill Claude CodeCodex

Create, edit, export, and review draw.io diagrams. Use for native .drawio XML generation, PNG/SVG/PDF export, SVG overlap, border-overlap, label-intrusion, label-rect, short-terminal, text-contrast, text-emphasis, and text-overflow linting, layout adjustment, and AWS icon usage.

not rated 49 3mo ago A 74 tokens original MIT

At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: