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.

content-guidelines

745

MetaMask/metamask-design-system

Cursor rule Cursor

MetaMask content design rules for user-facing strings — capitalization, punctuation, voice, tone, and terminology. Component-specific copy rules live in each component's README (read via Storybook MCP).

not rated 38 yesterday A 0 tokens

ux-mcp-server

746

elsahafy/ux-mcp-server

MCP server Claude CodeCodexCursor +2

UX toolkit: 28 knowledge resources, 23 analysis tools & 4 workflow prompts for any MCP client. Runs locally from the @elsahafy/ux-mcp-server npm package.

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

cursor

747

lxxgg92/xianxin-design-workflow

Cursor rule Cursor

Project design instructions written in Chinese for creating or updating a DESIGN.md file and related UI specification and handoff documents from product requirements, reference images, or Figma designs.

not rated 36 +1 4mo ago A 46 tokens original MIT

meitu-poster

748

meitu/meitu-skills

Skill Claude CodeCodex

A Chinese-language poster-design guide that plans visual hierarchy and creates posters with the meitu-cli image service.

not rated 36 2mo ago A SkillSpector: warn 110 tokens original MIT

vibes

750

bhnoc/vibes

Cursor rule Cursor

Guiding Principles for Building the Sickest Network Visualizer Ever.

not rated 36 2mo ago A 735 tokens

mobbin-ui-research

752

ddruids/mobbin-skill

Skill Claude CodeCodex

Use when the user needs UI/UX research using Mobbin MCP — screen references, flow research, competitive audits, pattern exploration, PRD-driven research, or researching a target UI component by component to pick the best reference for development. Triggers on: Mobbin search, mobbin research, screen references, product…

not rated 36 changed 20d ago B 179 tokens original MIT

mcp

753

starwind-ui/starwind-ui-mcp

MCP server Claude CodeCodexCursor +2

Framework-aware Starwind UI v3 tools for Astro and React setup, components, docs, and migration. Runs locally from the @starwind-ui/mcp npm package.

not rated 35 15d ago A tokens not measured original MIT

design-patterns-mcp

754

apolosan/design_patterns_mcp

MCP server Claude CodeCodexCursor +2

MCP server "design-patterns-mcp" as configured in apolosan/designpatternsmcp. Runs locally from the design-patterns-mcp npm package.

not rated 35 +1 2mo ago A tokens not measured original MIT

best-cad-mcp

755

LokmenoWer/best-cad-mcp

MCP server Claude CodeCodexCursor +2

Comprehensive Windows AutoCAD MCP server with 300+ specialized tools for handle-first drawing, editing, understanding, validation, visual grounding, plotting, and guarded CAD automation. Runs locally from the best-cad-mcp Python package. Needs 1 environment variable to run.

not rated 35 +2 changed 1mo ago A Socket: warn tokens not measured original MIT

auto-favicon

756

dh1011/auto-favicon-mcp

MCP server Claude CodeCodexCursor +2

A Model Context Protocol server providing tools for automatic favicon generation from PNG images or URLs. Runs locally from the auto-favicon Python package.

not rated 34 1y ago A tokens not measured original MIT

cinematic-scroll

757

MustBeSimo/cinematic-scroll-skill

Plugin Claude Code

Bundles 2 skills, 1 command · 156 tokens together

Web Design Studio builds distinctive websites with deliberate art direction, interactive 3D, scroll choreography, motion and production-ready fallbacks. Installed under the established cinematic-scroll compatibility key.

not rated 34 changed 1mo ago A tokens not measured original MIT

excalidraw

758

Erlemar/dswok

Skill Claude Code

Generate Excalidraw .excalidraw.md source files for DSWoK vault diagrams (charts, pipelines, conceptual sketches). Use ONLY when the user explicitly asks for an Excalidraw diagram or when the diagram-tooling order in .claude/writingstyleguide.md selects Excalidraw (non-flowchart visuals where Mermaid is the wrong…

not rated 34 3mo ago A 83 tokens CC-BY-4.0

mcp

759

ui-layouts/mcp

MCP server Claude CodeCodexCursor +2

MCP server for ui-layouts (local STDIO). Runs locally from the @ui-layouts/mcp npm package.

not rated 34 yesterday A tokens not measured original MIT

agent-canvas

760

WHQ25/agent-canvas

Skill Claude Code

Draw diagrams, flowcharts, and visualizations on an Excalidraw canvas. Use when the user asks to draw, visualize, create diagrams, or sketch ideas.

not rated 34 8mo ago A 38 tokens original MIT

accessibility

761

KreerC/ACCESSIBILITY.md

Skill Claude CodeCodex

Quality assurance for web accessibility and usability, particularly for users with disabilities. Use when involved in any web project.

not rated 34 5mo ago A 25 tokens original MIT

arjitj2/swiftui-design-principles

Skill Claude CodeCodex

Design principles for building polished, native-feeling SwiftUI apps and widgets. Use this skill when creating or modifying SwiftUI views, iOS widgets (WidgetKit), or any native Apple UI. Ensures proper spacing, typography, colors, and widget implementations that look and feel like quality apps rather than…

not rated 34 +1 7mo ago A 72 tokens original MIT

tailwind-v4-shadcn

763

yashshinde0080/promptIO

Plugin Claude Code

Bundles 1 skill, 1 command · 93 tokens together

Set up Tailwind v4 with shadcn/ui using @theme inline pattern and CSS variable architecture. Four-step pattern: CSS variables, Tailwind mapping, base styles, automatic dark mode. Prevents 8 documented errors. Use when initializing React projects with Tailwind v4, or fixing colors not working, tw-animate-css errors…

not rated 34 16d ago A tokens not measured

drawio-reconstruction

764

sxy1499894281/drawio-reconstruction-skill

Skill Codex

Reconstruct high-fidelity diagrams from one or more reference images into editable Draw.io files, using native Draw.io elements for text and structure, SVG only for simple icons that can match the reference shape and style, and cropped/transparent PNGs for complex or style-specific visuals. Use when the user wants to…

not rated 34 2mo ago A 187 tokens original MIT

ui-audit

765

tommygeoco/ui-audit

Skill Claude CodeCodex

AI skill for automated UI audits. Evaluate interfaces against proven UX principles for visual hierarchy, accessibility, cognitive load, navigation, and more. Based on Making UX Decisions by Tommy Geoco.

not rated 34 +1 9mo ago A 41 tokens

rhino-architect

766

tanishqbhattad/rhino-mcp

Skill Claude CodeCodex

Architectural modeling in Rhino 3D through the rhino-architect MCP tools. Use whenever the user wants to model, edit, analyze, or document buildings in Rhino - massing studies, floor plates, cores, facades, openings, floor plans, sections, area schedules, materials, or viewport captures. Also use when tracing…

not rated 34 changed 25d ago A SkillSpector: pass 85 tokens original MIT

apple-design-web

767

s1gmamale1/apple-design-skills

Skill Claude CodeCodex

Use when building an apple.com-style marketing/product page — the landing-page formula (sticky translucent nav, product-as-hero, full-bleed feature sections, bento grids, fat footer), scroll-driven storytelling, plus the interaction inventory that makes a flagship page feel ALIVE (continuous damped scroll-progress…

not rated 34 +2 5mo ago A 210 tokens

21st-registry

768

21st-dev/skill

Skill Claude CodeCodex

Publish your own work to 21st.dev and manage it from the terminal with the 21st CLI (@21st-dev/cli): publish a React component to a team library, publish a CSS theme or a template listing, edit / unpublish / delete your published items, list and reopen existing component work, and read/replace your public profile page…

not rated 34 +1 1mo ago A Socket: passSnyk: fail 259 tokens original Apache-2.0

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: