Design and UX

18,961 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.

bootstrap-from-figma

649

leefanv/omit-design

Skill Claude CodeCodex

Bootstrap a fresh omit-design project's visual theme from an existing Figma file — extract design tokens (colors + spacing) and PUT the result to the dev-server so the workspace can apply it to theme-editor. Use when the user pastes a figma.com URL and wants to seed the project's theme. Patterns are produced…

not rated 54 +1 5mo ago A 84 tokens original MIT

alonf/specrew

Skill Claude CodeCodex

Run Specrew's per-lens design workshop and collaborative design-analysis. Use whenever you work the design lenses for a feature: at specify/intake (the lens workshop) and at the design-analysis stop (co-design the architecture), and RE-INVOKE at the start of EACH new lens (architecture, data, ui-ux, security…

not rated 54 changed 12d ago A SkillSpector: pass 193 tokens original MIT

codex-dream-skin

651

xnydl/codex-dream-skin

Skill Codex

Apply, launch, verify, repair, update, or restore a full decorative skin for the Windows Codex desktop app. Use when the user asks for a Codex theme that goes beyond official color settings, wants the pink-purple Dream/Fiona-style interface, needs the skin reapplied after a Codex update, or needs a safe rollback…

not rated 54 3mo ago A SkillSpector: pass 83 tokens original MIT

tailwind-plus

652

richardkmichael/tailwindplus-downloader

Skill Claude Code

This skill should be used when the user asks to "add a component", "use a Tailwind Plus component", "build a UI", "create a form", "add a modal", "add a sidebar", "create a landing page", or needs any UI component from Tailwind Plus (formerly Tailwind UI). Use this when building pages, layouts, or UI elements with…

not rated 54 8d ago A 84 tokens

a11y-tw

653

DopplerKuo/a11y-tw-audit-skill

Skill Claude Code

A Taiwan-focused web accessibility auditing tool for React, Next.js, and HTML code, checking against WCAG 2.2 AA and local Taiwan requirements.

not rated 54 1mo ago A 58 tokens original MIT

buildable

654

suntay44/buildable-plugin-skills

Cursor rule Cursor

Use Buildable's local-first builder brain for prompt-to-prototype app generation.

not rated 54 changed 1mo ago A 0 tokens original MIT

LogoLoom

655

mcpware/logoloom

Plugin Claude Code

Bundles 1 skill · 0 tokens together

AI-powered logo design → SVG → full brand kit. Free, local, MCP-native.

not rated 54 7mo ago A tokens not measured original MIT

ape-design

656

arpitbbhayani/ape-skills

Skill Claude CodeCodex

Enforces the Array UI (array-ui) editorial systems design system for any frontend, UI, website, blog, personal site, SaaS dashboard, or documentation development task. Trigger on "ape design", "Array UI", or whenever building, styling, or scaffolding UI to guarantee high information density, mathematical precision…

not rated 54 +3 changed 20d ago A 80 tokens original MIT

components-build

657

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 9mo ago A 62 tokens

kevintsai1202/teaching-site-skills

Skill Claude CodeCodex needs its repo

A visual design guide for teaching websites and content-focused single-page apps. It defines choices such as colours, fonts, spacing, cards, badges, hero sections, and dark mode.

not rated 53 +1 5mo ago A 181 tokens original MIT

cougr-game-starter

660

salazarsebas/Cougr

Skill Claude CodeCodex

Build new game projects from scratch with cougr-core. Use when Developer needs to scaffold a fresh Rust/Soroban game, add cougr-core as a dependency, design ECS components and systems, implement contract APIs, structure tests, or turn a game idea into a working prototype without relying on prior repository context.

not rated 53 16d ago A 68 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 52 changed 17d ago C 260 tokens original MIT

ai-to-figma

662

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 52 +1 2mo ago A SkillSpector: pass 94 tokens original MIT

ppt-skill

663

yokingma/weclaws

Skill Claude CodeCodex

A skill for creating single-file HTML slide decks with horizontal navigation in magazine-inspired or Swiss-style layouts.

not rated 52 1mo ago A 80 tokens original MIT

designer-skill-ui

664

PyModel/designer-skill

Cursor rule Cursor

Follow the designer-skill MCP workflow for UI and design work.

not rated 52 +2 changed 1mo ago A 0 tokens original MIT

inventor-modeling

665

NeonGlay/inventor-mcp

Skill Claude CodeCodex

Build parametric 3D parts in Autodesk Inventor 2026 via the project's MCP server. Use this skill whenever the user wants to create, modify, or inspect Inventor parts (.ipt) — building flanges, shafts, nuts, brackets, machine parts; drilling holes; adding fillets, chamfers, revolves, extrudes; saving or exporting…

not rated 52 +2 4mo ago A 184 tokens original MIT

ux-wise-agent

666

marvinrez/ux-wise-agent

Plugin Claude Code

Bundles 1 skill · 183 tokens together

A senior-level UX reasoning partner that will not invent what it was not given. Critique, arbitration, severity, states and deceptive patterns, each bound to a supplied artifact.

not rated 52 9d ago A tokens not measured original MIT

visual-spec

667

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 51 changed 1mo ago A SkillSpector: pass 35 tokens original MIT

draw-io

668

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 51 5mo ago A 74 tokens original MIT

motion-lexicon

669

Ryan-yang125/motion-lexicon

Skill Codex

Design, build, compose, implement, review, and contribute polished product interfaces with Motion Lexicon components and motion primitives. Use this skill when a user asks for a complete React page, landing page, dashboard, settings screen, or product surface in the Motion Lexicon visual language; asks what motion…

not rated 51 13d ago A SkillSpector: warn 157 tokens original MIT

design-md

670

arumwu/design-md-skill

Skill Claude CodeCodex

Reference library of 74 real-world brand design systems (Claude, Linear, Stripe, Vercel, Figma, Apple, Tesla, Spotify, Notion, Supabase, and more) captured as DESIGN.md files — colors, typography, components, layout, elevation. Use when the user wants UI, a landing page, or a component that matches a specific brand's…

not rated 51 +2 3mo ago A 131 tokens original MIT

refine-canvas-strokes

671

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 50 3mo ago A SkillSpector: pass 108 tokens original Apache-2.0

igniteui-theming

672

IgniteUI/igniteui-mcp-testbed

MCP server Claude CodeCodexCursor +2

One of 2 in .mcp.json

A set of Sass variables, mixins, and functions for generating palettes, typography, and elevations used by Ignite UI components. Runs locally from the igniteui-theming npm package.

not rated 50 2d ago A Socket: warn tokens not measured 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: