Design and UX

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

mermaid

265

WH-2099/mermaid-skill

Skill Claude Code

Generate Mermaid diagrams from user requirements. Supports flowcharts, sequence diagrams, class diagrams, ER diagrams, Gantt charts, and 18 more diagram types.

not rated 274 +4 26d ago A SkillSpector: pass 34 tokens original MIT

mck-ppt-design

266

likaku/Mck-ppt-design-skill

Skill Claude CodeCodex

Create professional, consultant-grade PowerPoint presentations from scratch using MckEngine (python-pptx wrapper) with McKinsey-style design. Use when user asks to create slides, pitch decks, business presentations, strategy decks, quarterly reviews, board meeting slides, or any professional PPTX. AI calls…

not rated 270 +5 4mo ago A 207 tokens original Apache-2.0

frontend-design-pro

267

claudekit/frontend-design-pro-demo

Plugin Claude Code

Bundles 1 skill · 52 tokens together

Creates jaw-dropping, production-ready frontend interfaces AND delivers perfectly matched real photos (Unsplash/Pexels direct links) OR flawless custom image-generation prompts for hero images, backgrounds, and illustrations. Zero AI slop, zero fake URLs.

not rated 269 9mo ago A tokens not measured

AkoliteZA/hermes-agent-idea-workflow

Skill Claude CodeCodex

Use when running the full idea workflow: capture a rough idea, expand it into design/UI/implementation docs, research similar products, and generate build-ready Markdown artifacts.

not rated 268 +2 4mo ago A 38 tokens original MIT

wwwzhouhui/skills_collection

Skill Claude CodeCodex needs its repo

A tool that creates modern cover images for public WeChat articles from a topic and title. It uses Jimeng to make a 3D illustration background, adds the text as HTML, and can convert the result to a PNG or JPG.

not rated 272 +3 yesterday A 55 tokens

perfect-web-clone

270

ericshang98/Perfect-Web-Clone

Skill Claude CodeCodex

Reproduce a live website from its URL as a clean, deployable Vite + React project by running the complete agent-driven Perfect Web Clone harness: capture source evidence, plan the full page, author every section, implement common interactions, build, compare, repair, and hand the measured result to the user for…

not rated 264 +2 16d ago A SkillSpector: pass 134 tokens original MIT

frontend-design

271

Qiao-920/claude-desktop-cn

Skill Claude CodeCodex

Design principles and component patterns for building polished web UIs, games, and interactive HTML/CSS/JS projects. Use when creating websites, web apps, browser games, or any frontend project.

not rated 258 +1 3mo ago A 42 tokens

opendesign

272

manalkaff/opendesign

Plugin Claude Code

Bundles 10 skills · 450 tokens together

Open-source, skills-based version of Claude Design (claude.ai/design) for Claude Code. HTML pages, slide decks, interactive prototypes, UI kits, and brand systems — with taste, context-matching, and anti-slop discipline.

not rated 255 2mo ago A tokens not measured original MIT

brand-docs

273

ferdinandobons/brand-docs

Plugin Claude Code

Bundles 3 skills, 4 commands · 426 tokens together

AI on-brand document generator for Claude Code & Codex: turn a company's Word, PowerPoint or Excel template into unlimited on-brand .docx/.pptx/.xlsx. Extracts a reusable Brand Profile once - off-brand output impossible by construction. Skills: brand-docx, brand-pptx, brand-xlsx.

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

ip-diagram-creator

274

haloshin/ip-diagram-creator

Skill Claude CodeCodex

A Chinese-language visual-content skill that turns user-provided personal material into a reusable simple hand-drawn character and content illustrations. It can guide prompts or create images when suitable image tools are available.

not rated 254 +2 2mo ago A 228 tokens original MIT

antd

275

ant-design/ant-design-cli

Skill Claude Code needs its repo

Use when the user's task involves Ant Design (antd) — writing antd components, debugging antd issues, querying antd APIs/props/tokens/demos, migrating between antd versions, or analyzing antd usage in a project. Triggers on antd-related code, imports from 'antd', or explicit antd questions.

not rated 253 +1 today A Socket: passSnyk: warnSkillSpector: pass 69 tokens original MIT

ark-ui

276

Brandon030722/ark-ui-skill

Skill Claude CodeCodex

Design, implement, audit, or refactor web and game-adjacent interfaces using an evidence-based Hypergryph visual language with two independent choices: product family and application depth (1 minimal, 2 moderate, 3 complex, 4 maximal). Use for Hypergryph-, Arknights-, Endfield-, Rhodes Island-, industrial sci-fi-…

not rated 249 +4 1mo ago A 127 tokens

opentikz

277

opentikz/opentikz

Plugin Claude Code

Bundles 1 skill · 61 tokens together

Find, edit, and verify academic TikZ figures (icons, templates, examples) with the using-opentikz skill.

not rated 247 +3 1mo ago A tokens not measured

codedrobe-theme

278

CodeDrobe/skills

Skill Codex

Create, inspect, convert, apply, replace, verify, troubleshoot, update, publish, or restore reversible CodeDrobe themes for supported Chromium/Electron AI desktop apps, including OpenAI Codex, Tencent WorkBuddy, QoderWork (CN/global), and TRAE SOLO (global/CN). Use when a user asks to turn an attached or local…

not rated 246 +1 29d ago A SkillSpector: warn 181 tokens original Apache-2.0

create-anatomy

281

redongreen/uSpec

Skill Claude CodeCodex

Generate a visual anatomy annotation in Figma showing numbered markers on a component instance with an attribute table. Use when the user mentions "anatomy", "anatomy annotation", "component anatomy", "create anatomy", or wants to annotate a component's structural elements.

not rated 241 +2 3d ago A SkillSpector: pass 59 tokens original MIT

pptx-design-styles

282

corazzon/pptx-design-styles

Skill Claude CodeCodex

Use this skill whenever creating PPTX slides, presentations, or decks with any of these 30 modern design styles: Glassmorphism, Neo-Brutalism, Bento Grid, Dark Academia, Gradient Mesh, Claymorphism, Swiss International, Aurora Neon Glow, Retro Y2K, Nordic Minimalism, Typographic Bold, Duotone Color Split, Monochrome…

not rated 239 5mo ago A 193 tokens

oklch-skill

283

jakubkrehel/oklch-skill

Skill Claude CodeCodex

OKLCH color space for web projects. Convert hex/rgb/hsl to oklch, generate palettes, check contrast, handle gamut boundaries, and theme with Tailwind v4. Triggers on oklch, color conversion, palette generation, contrast ratio, gamut, display p3, design tokens, hue drift, chroma, dark mode colors.

not rated 238 +6 9d ago A Socket: passSnyk: pass 79 tokens

oil-icon

284

oil-oil/oil-icon

Skill Codex

Generate a cohesive set of transparent-background icons in a chosen or brand-matched visual style. Use when the user wants custom icons, an icon pack / set, system icons, spot / feature / category icons, or icons matching a specific look (line, filled, colorblock, cartoon, isometric, 3D, sticker, realistic, animal…

not rated 241 +33 1mo ago A 139 tokens original MIT

figma-ui-mcp

285

TranHoaiHung/figma-ui-mcp

MCP server Claude CodeCodexCursor +2

Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back. Runs locally from the figma-ui-mcp npm package.

not rated 236 +2 3mo ago A tokens not measured original MIT

clone-app-pat-pro

286

per-simmons/clone-app-pat-pro-public

Skill Claude Code

Clones any web app pixel-for-pixel from a URL. Runs as an IN-CONVERSATION workflow — the live Claude orchestrates Task sub-agents and drives the Claude Chrome extension to recon (every view), extract (computed styles = ground truth), design-spec, build, QA (computed-style assertions), and extend. Guided check-ins…

not rated 234 +7 3mo ago A 153 tokens

co-design

287

am-will/swarms

Skill Claude CodeCodex

Only to be triggered by explicit /co-design commands. Parallel task executor that routes frontend/design tasks to Claude CLI print mode for superior design output.

not rated 233 +3 4mo ago A 32 tokens

c4-diagrams

288

lexler/skill-factory

Skill Claude Code

Creates C4 architecture diagrams for designing, documenting, or understanding software architecture. Use when working through system design, mapping existing codebases, or visualizing structure at any level from system landscape down to code.

not rated 234 +2 12d ago A SkillSpector: pass 46 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: