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.

create-an-asset

1129

giadaf-boosha/claude-code

Skill Claude CodeCodex

Generate tailored sales assets (landing pages, decks, one-pagers, workflow demos) from your deal context. Describe your prospect, audience, and goal — get a polished, branded asset ready to share with customers.

not rated 12 2d ago A 48 tokens

taste-skill

1130

PIXARTSeu/Synapse

Skill Claude CodeCodex

Aesthetic-direction design skill: reads a brief, infers the right visual style and direction, and ships interfaces that do not look templated. Umbrella for concrete style variants — minimalist, brutalist, soft/premium-agency. Use when the user wants a particular vibe or aesthetic, or wants a landing page or portfolio…

not rated 12 +1 1mo ago A 99 tokens

type-designer

1131

nmassi/glyphs-mcp

Skill Claude CodeCodex

Trigger: type design, Glyphs, spacing, kerning, stems, color, proportions, masters, interpolation, production QA, typeface voice or DNA, differentiation, and anti-copycat analysis.

not rated 12 +1 1mo ago A 44 tokens original MIT

vynix-mcp

1132

UseVynix/vynix-mcp

MCP server Claude CodeCodexCursor +2

Give AI coding agents access to your Vynix visual feedback, bug reports, and AI diagnosis. Runs locally from the @usevynix/mcp-server npm package. Needs 2 environment variables to run.

not rated 11 +2 2mo ago A tokens not measured original MIT

pudge-ui

1133

pudge-studio/pudge-ui

MCP server Claude CodeCodexCursor +2

Query pudge-ui — 93 skeuomorphic 2000s-era UI component specs — for coding-agent context. Runs locally from the @pudge-ui/mcp-server npm package.

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

talk-to-figma-design

1134

richardplg2/figma-annotations

Skill Claude CodeCodex

Parse Figma design prompt, enrich via MCP, explore codebase, generate design spec, and invoke brainstorming.

not rated 11 7mo ago A 28 tokens original MIT

vstack

1135

Cavalry-Collective/visual-stack

Plugin Claude Code

Bundles 8 skills, 1 hook · 718 tokens together

Stop prompting. Start pointing. Visual Stack adds a Figma-like feedback layer to Claude Code. Create a new screen from a prompt, screenshot, reference site, or design system, or open an app you already have running. Click any element and leave feedback exactly where the problem is hiding, and Claude publishes the next.

not rated 11 changed yesterday A tokens not measured original MIT

frontend-ui-clone

1136

instantX-research/skills

Skill Claude Code

Pixel-perfect website cloner. Given a URL, faithfully reproduces the page as a single self-contained HTML file. Uses Playwright to render the page in a real browser, then directly extracts the rendered DOM + all computed CSS — no manual rewriting. Handles static HTML, JS-rendered SPAs, Webflow, Next.js, and any…

not rated 11 7mo ago A 129 tokens original MIT

design-with-claude

1137

imsaif/design-with-claude

Plugin Claude Code

Bundles 1 skill, 49 commands · 1,817 tokens together

A product designer inside your terminal: 49 design skills as slash commands (39 specialists and 8 technical guides), covering accessibility, motion, color, checkout, dashboards, and more.

not rated 11 changed yesterday A tokens not measured original MIT

agent-vision

1138

amitpatole/agent-vision

Skill Claude Code

Visually verify rendered output before claiming a UI/visual task is done. Use whenever you generate or edit a visual artifact — frontend HTML/CSS/JSX, a generated chart or plot, an SVG/diagram, a PDF, or an exported image. AgentVision renders the artifact, "sees" it, and returns a machine-graded report (pass/warn/fail…

not rated 11 13d ago A 101 tokens original MIT

diagrammer

1139

IdraDev/Diagrammer

Cursor rule Cursor

Author Diagrammer JSON for the Diagrammer viewer. Use whenever the user asks for a mind map, concept map, flowchart, tree, dependency graph, ER diagram, or timeline. Output a single JSON document conforming to the schema below.

not rated 11 6mo ago A 0 tokens original MIT

blueprint-infographic

1140

MuduiClaw/ClawKing

Skill Claude CodeCodex

A generator for blueprint-style infographic PNG images from a topic, using predefined themes, layouts, and fonts.

not rated 11 6mo ago A 81 tokens original MIT

ceo0x/skills

Skill Claude CodeCodex

Design and build world-class SaaS onboarding flows grounded in behavioral science. Covers Aha Moment identification, 7 architecture patterns (including mobile-native), segmented flows, multi-channel sequences (in-app + email + human), copy frameworks, framework-agnostic UI component standards, analytics…

not rated 11 6mo ago A 161 tokens

design-led-development

1142

vkpriyesh/ai-stuff

Skill Claude Code

Build software with elite design principles focusing on user outcomes, trust, accessibility, and performance. Use when creating UI components, designing user flows, writing production code, reviewing code quality, or when the user mentions UX, accessibility, performance, or trust-focused development.

not rated 11 1mo ago A 56 tokens

zap

1143

hetpatel-11/Zap

Skill Claude CodeCodex

Customize any running Electron desktop app (Slack, Codex, VS Code, Discord, Notion, etc.) live without modifying app files. Use when the user wants to change how an Electron app looks or behaves — move panels, change fonts, hide elements, inject features, restyle UI — all applied instantly via Chrome DevTools Protocol…

not rated 11 6mo ago A 79 tokens original MIT

designkit

1144

leroybbad/designkit

Plugin Claude Code

Bundles 2 skills · 78 tokens together

Browser-based design tools for Claude Code — explore design directions, then refine with Comment, Inspect, Tune, and Shadow modes.

not rated 11 7mo ago A tokens not measured

designmd

1146

zishh/designmd-extractor

Skill Claude CodeCodex

Extract any brand into a DESIGN.md file. Use when the user asks to extract a brand, get colors and fonts from a website, generate brand guidelines from a URL, build on-brand assets for a specific company, or prepare design tokens for AI agents. Outputs a Stitch-compatible DESIGN.md any AI agent (Claude Code, Cursor…

not rated 11 6mo ago A 88 tokens

design-concepts

1147

mevans2120/design-suite-claude-skills

Skill Claude CodeCodex

Creates conceptual designs that illustrate design strategy and approach. Use when user says "mockup", "wireframe", "concept", "mood board", "visual direction", "design options", "explore designs", "UI design", "prototype", "design this", "show me designs", "create a design", "look and feel", or "design variations".…

not rated 11 7mo ago A 118 tokens original MIT

cross-review

1148

danta-jz/cross-review

Skill Claude CodeCodex

Multi-perspective cross review for product, design, and technical proposals. Reviews proposals from user, system, and cost perspectives using isolated reviewer roles. Works out of the box with zero configuration (single-model with sub-agent isolation). Optionally configure a second model (GPT, Claude, Gemini…

not rated 11 6mo ago C 134 tokens original MIT

frontend-design

1149

recca0120/code-quest

Plugin Claude Code

Bundles 1 skill · 43 tokens together

Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.

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

CamelKing1997/editable-leadership-pptx

Skill Codex

Use when creating or revising a PPT, PowerPoint, presentation deck, leadership deck, or executive progress deck as an editable 16:9 .pptx with repo-backed evidence, minimal text, restrained white-first visuals, and screenshot-based layout QA.

not rated 11 7mo ago A 60 tokens original Apache-2.0

ppt-design-system

1151

att6113/ppt-design-system

Skill Claude CodeCodex

A design system for creating presentations in HTML or PPTX format, with predefined visual styles, layouts, typography rules, and image guidance. PPTX is the editable presentation format used by PowerPoint and similar tools.

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