Design and UX

17,795 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.

one-shot-ui

1489

TN0123/one-shot-ui

Skill Claude CodeCodex

Extract UI designs from screenshots and iteratively refine implementations to match a reference image pixel-perfectly using comparison and fix suggestions.

not rated 5 +1 1mo ago A 28 tokens original MIT

visio-image-replica

1490

Leobeckham-162632/codex-visio-replica

Skill Codex

Use this skill when converting a user-provided PNG, JPG, screenshot, scanned diagram, flowchart, electrical schematic, network topology, academic mechanism diagram, neural-network architecture figure, map, infographic, or other two-dimensional reference image into an editable Microsoft Visio VSDX with separately…

not rated 5 +1 1mo ago A 157 tokens original Apache-2.0

whimsical

1491

WhimsicalCode/mcp-server-guide

Plugin Claude Code

Bundles 1 MCP server

Whimsical's official MCP server. Create and edit boards, docs, flowcharts, mind maps, sequence diagrams, wireframes, tables and sticky notes, then read, search and comment on anything already in the workspace. OAuth 2.1, no API key; a free Whimsical account can use every tool.

not rated 5 +1 changed 3d ago A tokens not measured original MIT

brandkit-mcp

1492

ejwhite7/brandkit-mcp

MCP server Claude CodeCodexCursor +2

Brand atomic system over MCP: verbal, visual, motion, tokens, and a magictrick taste primer. Runs locally from the brandkit-mcp npm package.

not rated 5 +1 14d ago A tokens not measured original MIT

wiremark

1493

Blackburn-Labs/wiremark

Skill Claude CodeCodex

Read and write wiremark, the text-based wireframe DSL rendered from fenced wireframe code blocks and .wiremark files. Use when creating, editing, or interpreting wireframes, screen sketches, screen flows, or low-fidelity UI mockups in markdown documents.

not rated 5 +1 2mo ago A 56 tokens

Kainiko943/beautiful-ui

Skill Claude CodeCodex

Use when users want a premium, demo-worthy cinematic web experience, immersive landing page, portfolio, product showcase, or Claude-made wow-factor UI with motion, 3D, particles, WebGL, or scroll-driven storytelling.

not rated 5 4mo ago A 51 tokens original MIT

indesign

1495

LevyBytes/AI-SKILL-adobe-products

Skill Claude CodeCodex

Use when a task specifically concerns Adobe InDesign: InDesign documents, layouts, pages, spreads, frames, styles, publishing, UXP, or layout scripting; this is the product subskill routed from adobe-products.

not rated 5 +1 2mo ago A 0 tokens AGPL-3.0

hierarchy-check

1496

Dragoon0x/argus

Skill Claude CodeCodex

Visual hierarchy and information architecture analysis.

not rated 5 +1 5mo ago A 10 tokens original MIT

web-platform-design

1498

dirnbauer/typo3-skills

Skill Claude CodeCodex

Web platform design and accessibility guidelines. Use when building web interfaces, auditing accessibility, implementing responsive layouts, or reviewing web UI code. Triggers on tasks involving HTML, CSS, web components, WCAG compliance, responsive design, or web performance.

not rated 5 +1 today A 53 tokens

svg-vectorizer

1499

svgnew/plugin

Plugin Claude Code

Bundles 5 skills, 1 MCP server · 198 tokens together

Convert images to SVG vectors, edit colors, simplify paths, remove backgrounds, and batch process — powered by svg.new.

not rated 5 5mo ago A tokens not measured

talk-to-figma

1500

xlzuvekas/figma-copilot

MCP server Claude CodeCodexCursor +2

Enhanced Figma MCP server with improved font handling and additional features. Unofficial tool, not affiliated with Figma, Inc. Runs locally from the figma-copilot npm package.

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

affinity-mcp-bridge

1501

andre-carbajal/affinity-mcp-bridge

MCP server Claude CodeCodexCursor +2

A standalone MCP stdio bridge for Affinity by Canva's local MCP SSE server. Runs locally from the affinity-mcp-bridge npm package.

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

substance-designer-mcp

1502

MikeLi-28/Substance-3D-Designer-MCP

MCP server Claude CodeCodexCursor +2

MCP server "substance-designer-mcp" as configured in MikeLi-28/Substance-3D-Designer-MCP. Runs locally from the substance-designer-mcp Python package.

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

cosmos-mcp

1504

mrmos/cosmos-mcp

MCP server Claude CodeCodexCursor +2

Unofficial MCP server for cosmos.so. Search, browse and build visual moodboards with Claude, Cursor or any MCP client. Runs locally from the cosmos-mcp npm package.

not rated 5 +1 1mo ago A tokens not measured original MIT

drawio-skill

1506

tuoxie2046/claude-code-research-skills

Skill Claude CodeCodex

Use when the user requests diagrams, flowcharts, architecture diagrams, ER diagrams, UML / sequence / class diagrams, network topology, ML/DL model figures (Transformer/CNN/LSTM), mind maps, or any visualization. Also use proactively when explaining systems with 3+ components, complex data flows, or relationships that…

not rated 5 2mo ago A 120 tokens

frontend-ui-ux-wizard

1508

SohailKhan0525/skills

Skill Claude CodeCodex

Designs and builds real, production-ready websites — landing pages, marketing sites, web apps, redesigns — with an intentional, non-templated visual identity (distinctive typography pairing, real design-token system, real spacing/color scale), then checks the build for errors, pushes to GitHub, and deploys it live.…

not rated 4 +1 20d ago A 204 tokens original MIT

tabler-mcp-server

1509

MaFady/tabler-mcp-server

MCP server Claude CodeCodexCursor +2

Tabler.io for AI assistants: search 5,000+ icons, UI components, layouts, themes and docs. Runs locally from the tabler-mcp-server npm package.

not rated 4 1mo ago A tokens not measured

composer

1510

OliverGrabner/composer-mcp

MCP server Claude CodeCodexCursor +2

Give your AI coding agent an architecture canvas to design and evolve diagrams. Runs locally from the @usecomposer/mcp npm package.

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

metricui

1511

mpmcgowen/metricui

MCP server Claude CodeCodexCursor +2

React dashboard components — API lookup, code generation, and prop validation for AI tools. Runs locally from the @metricui/mcp-server npm package.

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

font-lab

1512

jmg698/Font-Lab

Skill Claude CodeCodex

Use when a user wants to choose, change, compare, or improve the FONTS / typography of their web app — ANY framework: Next.js, Vite, Astro, Remix, SvelteKit, TanStack, plain CSS ("pick a font", "these fonts look generic/AI-generated", "make the headings nicer", "what typeface should I use", "change the font"). Font…

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