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.

figmanage

1201

dannykeane/figmanage

MCP server Claude CodeCodexCursor +2

Let agents manage your Figma workspace. 102 tools for seats, teams, offboarding, and cleanup. Runs locally from the figmanage npm package.

not rated 8 5mo ago A tokens not measured copy · 72% MIT

render-visual-skill

1202

imshaikot/render-visual-skill

Plugin Claude Code

Bundles 1 skill · 240 tokens together

Architecture diagrams, presentation slides, social cards, code snippets and device mockups — authored as HTML/SVG and rendered to crisp PNGs by a local headless Chromium. Includes a 55-part element library (device frames, infrastructure shapes, schematic chart and BI parts, 29 glyphs), places your own screenshots and…

not rated 8 17d ago A tokens not measured original MIT

figma-import

1203

Kemdirimakujuobi/skills

Skill Claude CodeCodex

Pull a Figma node in the order that decides whether the build can be correct — the full node first with no clarifying questions, then locate the exact piece, then every spacing token, then colour, then type/radii/shadows/states, and the screenshot LAST. Use the moment a figma.com link is shared or someone says…

not rated 8 22d ago A 115 tokens original MIT

design-md

1204

eveiljuice/claude-plugin-design-md

Plugin Claude Code

Bundles 1 command · 19 tokens together

Scaffold DESIGN.md files that follow the google-labs-code/design.md spec (YAML design tokens + markdown rationale for AI coding agents).

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

modern-ppt

1205

lainshao/modern-ppt

Skill Claude CodeCodex

A set of layouts and design rules for making a single-file web presentation deck. The deck is designed for sharing on a screen, with horizontal slides, charts, animations, and switchable colour themes.

not rated 8 2mo ago A 171 tokens AGPL-3.0

codemap

1206

beadnall/codemap

Skill Claude CodeCodex

Turns a codebase into an explorable isometric architecture diagram — a self-contained HTML artifact with blocks on a grid, a component index, a what-it-does/how-it's-built panel, and real data snippets travelling along the edges that the reader can stop and inspect. Use this whenever someone asks for a codemap by name…

not rated 8 28d ago A 202 tokens original MIT

figma-to-react

1207

gbasin/figma-to-react

Plugin Claude Code

Bundles 1 skill, 1 hook, 1 MCP server · 19 tokens together

figma-to-react. Claude Code plugin for converting linear Figma screen flows into React components with exact assets, iOS-native animations, and automated visual verification.

not rated 8 8mo ago A tokens not measured original MIT

21st

1209

21st-dev/claude-code-plugin

Plugin Claude Code

Bundles 7 skills, 1 MCP server · 1,055 tokens together

Find, generate, build, explore, review, and publish project-aware UI with seven verified 21st.dev skills plus the remote 21st MCP server.

not rated 8 +1 changed 3d ago A tokens not measured original Apache-2.0

imugi-ai

1210

M00N7682/imugi

MCP server Claude CodeCodexCursor +2

Design to Code — AI-powered frontend builder with visual verification. Runs locally from the imugi-ai npm package.

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

mcp-monodraw

1211

Caryyon/mcp-monodraw

MCP server Claude CodeCodexCursor +2

MCP server for Monodraw - Export ASCII art diagrams, create flowcharts, sequence diagrams, and integrate with Claude AI. Runs locally from the mcp-monodraw npm package.

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

a11y-planner

1212

zivtech/accessibility-skills

Skill Claude CodeCodex

Use when you know what component, flow, or interface you need but not yet the right accessibility approach. Best for turning WCAG 2.2 requirements into an accessible implementation plan with WAI-ARIA APG patterns before code hardens bad interaction and state patterns.

not rated 8 +2 changed 8d ago A 60 tokens GPL-3.0

freecad-modeling-order

1213

tomo1230/freecad_mcp_server

Skill Claude CodeCodex

A step-by-step guide for creating 3D models in FreeCAD, a computer-aided design program, through its MCP tools. It explains the required order for creating, positioning, combining, hollowing, rounding, checking, and exporting shapes.

not rated 8 +2 5mo ago A 187 tokens original MIT

pengqianhan/codex-paper-figure-skill

Skill Codex

Create editable academic-paper figures from natural-language figure descriptions, manuscript sections, methods/results text, graphical abstract ideas, or paper-specific visual concepts. Use when Codex needs to turn scientific text into a polished journal-style diagram by first generating a raster visual reference with…

not rated 8 +2 15d ago A 129 tokens original MIT

design-engineer

1216

ddruids/design-engineer

Plugin Claude Code

Bundles 1 skill · 216 tokens together

Unified design engineering agent — converts Figma designs into production-ready frontend systems and enforces an opinionated engineering handbook (React, Next.js App Router, TypeScript, Tailwind, ShadCN, Framer Motion, a11y, performance, AI/trading/crypto UI patterns).

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

m3-expressive

1217

abhixv/m3-expressive-design-skill

Plugin Claude Code

Bundles 1 skill · 77 tokens together

Material Design 3 / M3 Expressive guidelines: exact tokens, per-component specs, motion springs, shape morphing, emphasized typography, color roles, and 2,587 official reference images.

not rated 8 +1 1mo ago A tokens not measured

pattern

1218

donaldrichard19-LVD/pattern-mcp

Skill Claude CodeCodex

Judge whether a UI component need should use an existing shadcn/ui, 21st.dev, or ReUI component, or requires a custom build guided by a real-app reference from Mobbin/Figma Community.

not rated 8 +2 changed yesterday A 45 tokens original MIT

21st-registry

1219

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 8 +4 3d ago A Socket: passSnyk: fail 259 tokens copy · 100% Apache-2.0

ensemblr-architecture

1220

ensemblr-hq/ensemblr

Plugin Claude Code

Bundles 1 skill · 94 tokens together

Drawing and maintaining the architecture diagram Ensemblr keeps for a workspace: the IR shape, how to derive it from the codebase, and the two control tools that read and store it.

not rated 8 today A tokens not measured original Apache-2.0

html-slides

1221

ontology-of-everything/SemanticSkills

Skill Codex

A workflow for creating a presentation as one self-contained HTML file sized for a 1920×1080 screen. It supports several visual styles and can export to PPTX when requested.

not rated 8 3d ago A 82 tokens original Apache-2.0

chyinan/terminal-ui-design-system

Skill Claude CodeCodex

Create terminal-inspired UI interfaces with macOS-style window decorations, monospace typography, and a warm color palette. Use this skill when building developer tools, code marketplaces, technical documentation sites, or any interface that benefits from a terminal/command-line aesthetic. Provides complete design…

not rated 7 7mo ago A 75 tokens

repo-cover

1223

sjh9714/cover-my-repo

Plugin Claude Code

Bundles 1 skill · 90 tokens together

Design one GitHub social preview card with five moods, CJK-first typography, deterministic checks, and local Chrome export.

not rated 7 20d ago A tokens not measured original MIT

xonack/wp-ux-design-claude-skill

Plugin Claude Code

Bundles 1 skill · 59 tokens together

WordPress UX/design enforcement skill covering Core Web Vitals, mobile-first design, typography systems, color management, navigation UX, page builder patterns, and loading/error states.

not rated 7 7mo 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: