Design and UX

19,061 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.

brandscribe

2161

revenantworks/claude-skills

Plugin Claude Code

Bundles 1 skill · 201 tokens together

Keeps brand definitions, several side by side, and turns one into a Claude Design System, DESIGN.md, VOICE.md or guide. Trigger to define a brand, palette, type or voice; turn a style guide or site into tokens; make, connect or sync a design system; audit for brand drift (off-palette colours, old names); pass or fail…

not rated 2 changed 15d ago A tokens not measured original Apache-2.0

lagann

2162

Oldiiik/Design-Lagann

Skill Claude CodeCodex

Design director for web and app interfaces. Use it FIRST, before other design skills, whenever the user wants to create, redesign, restyle, polish, fix, animate or review anything visual in a UI, even a small CSS tweak, and even without saying "design": landing pages, dashboards, app screens, "make it look better"…

not rated 2 +1 19d ago A 0 tokens

archify

2163

cubxxw/agent-kit

Skill Claude CodeCodex

Create polished, validated architecture, workflow, sequence, data-flow, and lifecycle/state diagrams as explorable standalone HTML with inline SVG, dark/light themes, optional trace motion, and PNG/JPEG/WebP/SVG/WebM export. Accept plain-language requirements or pasted Mermaid flowchart, sequenceDiagram, and…

not rated 2 today A 130 tokens original MIT

lroy-stack/ai-pod-store

Skill Claude Code

Comprehensive audit of the SKAPARA design studio — canvas editor, AI generation pipeline, composition rendering, mockup generation, and design-to-product flow. Use when asked to audit the design studio, design editor, canvas, AI generation, or product creation pipeline.

not rated 1 12d ago A 58 tokens

colors-le

2165

nolindnaidoo/colors-le

MCP server Claude CodeCodexCursor +2

Extract colors from stylesheets and code, with their notation and position. Runs locally from the colors-le-mcp npm package.

not rated 1 3d ago A tokens not measured original MIT

design-guide

2166

GrubbyLee/design-guide

Skill Codex

Frontend design and production engineering orchestrator that inventories projects, scales design depth, presents review artifacts, locks executable contracts, implements accessible responsive interfaces, and verifies interactions, visual regressions, and performance. Use when the user invokes design-guide…

not rated 1 3mo ago A 137 tokens original MIT

check

2167

7xmohamed/Kata

Skill Claude Code

Reviews code diffs after implementation, auto-fixes safe issues, and runs specialist security and architecture reviewers on large diffs. Also triages issues and PRs when the user mentions them. Not for exploring ideas or debugging.

not rated 1 4mo ago A 47 tokens original MIT

superui

2168

HappyDoggyAI/superui

Cursor rule Cursor

Use SuperUI for frontend UI design, redesign, DESIGN.md, planning, implementation, responsive QA, accessibility, and review.

not rated 1 4mo ago A 25 tokens original MIT

trrrrrryg/dsh-visual-skin

Skill Codex

Open and orchestrate the local DeepSeek Harness Skin Studio, co-design a structured DSH theme through MCP or JSON CLI, show live preview in the independent web UI, and safely apply or restore only after the human confirms in that visible UI. Use when the user asks to design, preview, change, inject, install, repair…

not rated 1 2mo ago A 98 tokens original MIT

chart-aesthetics

2171

openclawby/tradingview-mcp

Skill Claude CodeCodex

Visual design system for anything drawn on a TradingView chart — Clawby data overlays (dark pool, funding, liquidations, max pain, levels) and Pine Script plots. Use WHENEVER you draw shapes, overlay Clawby data, or write a Pine indicator/strategy, so the result is clean and readable instead of a tangle of default…

not rated 1 3mo ago A 78 tokens original Apache-2.0

information-ui

2173

renfei-design/fify-plugin

Skill Claude CodeCodex

Turn a fully grounded answer into an interactive Fify information view when comparison, planning, chronology, tracking, structured explanation, decision support, or editable state materially improves the answer. Use when the user tags @Fify or explicitly asks for an interactive view, and conservatively for naturally…

not rated 1 2mo ago A 82 tokens original Apache-2.0

mcp

2174

yenchieh/diagramzu-mcp

MCP server Claude CodeCodexCursor +2

Let Claude, Cursor, or ChatGPT author Mermaid diagrams your team can read and share. Remote server at mcp.diagramzu.ai.

not rated 1 26d ago A tokens not measured copy · 86% MIT

kanari-design

2175

vria-consulting/vria-fire-detect

Skill Claude Code

Use this skill to generate well-branded interfaces and assets for Kanari (kanari.io, app de détection précoce des feux de forêt), either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.

not rated 1 1mo ago A 68 tokens

a1-gallery

2176

bryntay/a1-mcp

Plugin Claude Code

Bundles 3 skills, 3 commands, 1 agent, 2 MCP servers · 258 tokens together

Ground design work in real websites — search 1,150+ hand-curated live sites by style, font, colour and section, and read the type scale, spacing and palette measured off the page.

not rated 1 changed 15d ago A tokens not measured original MIT

drawarch

2177

Ajey95/drawarch-mcp

MCP server Claude CodeCodexCursor +2

Create editable Draw.io architecture diagrams from prompts and reference images. Runs locally from the drawarch-mcp npm package.

not rated 1 4d ago A tokens not measured original MIT

ui-library-router

2178

ECD5A/OrchestrUI

Skill Claude CodeCodex

Choose among Kokonut UI, React Bits, daisyUI, Bklit UI, Anime.js, Rive, and Magic UI for frontend work. Use for pages, dashboards, landing pages, animation, data visualization, or interactive graphics; do not use when no UI/library choice is involved.

not rated 1 2d ago A 64 tokens original MIT

standby-design-mcp

2179

KarstenKreh/Standby.Design

MCP server Claude CodeCodexCursor +2

Generate design systems: OKLCH colors, fluid type scales, spacing, shape, icon and motion tokens. Runs locally from the standby-design-mcp npm package.

not rated 1 yesterday A tokens not measured original MIT

maias

2180

MAIAS-project/maias

Plugin Claude Code

Bundles 1 MCP server

MAIAS (Mobile App Information Architecture Schema): create, edit, review, and wireframe app IA documents with validated, reference-safe operations. Four skills plus the maias MCP server in one install.

not rated 1 changed 25d ago A tokens not measured original Apache-2.0

atag-mcp

2181

MMasey/atag-mcp

MCP server Claude CodeCodexCursor +2

ATAG 2.0 (Authoring Tool Accessibility Guidelines) guidance for authoring tool developers. Runs locally from the atag-mcp npm package.

not rated 1 4mo ago A tokens not measured original MIT

optics-mcp

2182

RoleModel/optics-mcp

MCP server Claude CodeCodexCursor +2

MCP Server for Optics Design System documentation and token usage. Runs locally from the optics-mcp npm package.

not rated 1 16d ago A tokens not measured original MIT

rnv-color-mcp

2183

RNVizion/rnv-color-mcp

MCP server Claude CodeCodexCursor +2

A complete color workflow over MCP: mix, convert, harmonize, measure, place, and remember palettes. Remote server at rnvizion-rnv-color-mcp.hf.space.

not rated 1 6d ago A tokens not measured original MIT

basalt

2184

basalt-run/design-system

MCP server Claude CodeCodexCursor +2

Design tokens, components, icons, and a11y data via MCP. For Cursor, Claude, and Windsurf. Remote server at basalt.run.

not rated 1 6mo ago A 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: