Design and UX

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

victor-design-system

505

victorzhang016-code/victor-design

Skill Claude CodeCodex

A design workflow for creating posters, social posts, presentations, and product interfaces using research, human-made references, and editable HTML templates.

not rated 68 +1 27d ago A 78 tokens original MIT

get-web-design

506

liaocaoxuezhe/get-web-design

Skill Claude CodeCodex

This skill should be used when the user wants to extract a complete DESIGN.md style guide (frontmatter + design thinking + AI style analysis + compressed CSS evidence + negative constraints) from any live website URL. It captures 3 viewport screenshots, samples DOM and computed CSS via chrome-devtools MCP, asks a…

not rated 67 +1 1mo ago A 121 tokens

network-topologies

507

excalimate/excalimate

Skill Claude CodeCodex

Create animated network topology and infrastructure diagrams using the Excalimate MCP server. Use when asked to visualize network architecture, server infrastructure, cloud deployments, Kubernetes clusters, VPC layouts, firewall rules, load balancing, or any physical/logical network topology.

not rated 67 +3 today A SkillSpector: pass 54 tokens original MIT

figma-mcp

508

JayZeeDesign/figma-mcp

MCP server Claude CodeCodexCursor +2

Allow your AI coding agents to access figma files & prototypes directly. Runs locally from the figma-mcp Python package.

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

UI/UX Design Review

509

rknall/claude-skills

Skill Claude CodeCodex

Comprehensive design review for websites and desktop applications with extensive accessibility analysis. Use this skill when users ask you to review UI/UX designs, wireframes, mockups, prototypes, or deployed interfaces for usability, accessibility (WCAG compliance), visual design, interaction patterns, responsive…

not rated 67 10mo ago A 72 tokens

cursor

510

brendanciccone/storysync

Cursor rule Cursor

Generate Figma component library from Storybook using storysync.

not rated 66 9d ago A 11 tokens original MIT

fluidglass-ui

511

csuyincs-creator/fluidglass-ui

Skill Claude CodeCodex

Generates production-grade WebGL fluid glass card interfaces with a fixed canonical material core (144px-tall, 30px-radius wide cards, transparent canvas, cyan.

not rated 66 +2 4d ago A 37 tokens original Apache-2.0

cinematic-ui

512

akseolabs-seo/cinematic-ui

Cursor rule Cursor

Apply when the user asks for a cinematic website, film-style landing page, director-inspired UI, or any design framed around a movie aesthetic. Do not apply for generic web design unless the user explicitly references a film, director, or cinematic style.

not rated 64 5mo ago A 49 tokens original MIT

cloudy-tech-diagrams

513

cloudy-liu/cloudy-tech-diagrams-skill

Skill Claude CodeCodex

Use when creating polished technical diagrams as self-contained HTML+SVG files for software architecture, system design, process flows, cloud infrastructure, security boundaries, network topology, runtime mechanics, data flow, deployment views, or technical presentation visuals.

not rated 63 1mo ago A 52 tokens

ppt-forge

514

zuiho-kai/huawei-style-ppt-skill

Skill Codex

A workflow for creating presentation slides, from analysing content and planning pages to producing visual drafts and reviewing the result.

not rated 63 +1 2mo ago A 93 tokens

avoid-ai-design

515

funboy322/avoid-ai-design

Skill Claude CodeCodex

Audit and rewrite frontend UI to remove generic AI design patterns ("AI slop"). Use this skill when asked to "de-slop a UI", "make a design look less AI-generated", "audit a component or page for AI design tells", or "fix Claude/Codex-generated frontend that looks generic". Covers HTML/CSS and React/Tailwind/shadcn.…

not rated 64 +2 2mo ago A 90 tokens original MIT

autocad-com-mcp

516

thepiruthvirajan/autocad-mcp-server

MCP server Claude CodeCodexCursor +2

MCP server "autocad-com-mcp" as configured in thepiruthvirajan/autocad-mcp-server. Runs locally from the autocad-com-mcp Python package.

not rated 62 1y ago A tokens not measured original Apache-2.0

brand-toolkit

517

jgerton/brand-toolkit

Plugin Claude Code

Bundles 10 skills, 1 command, 1 agent · 659 tokens together

Methodology-grounded brand building toolkit. Positioning, messaging, voice, visual identity, audit, and competitive analysis powered by Dunford, Miller, Neumeier, and NN/g frameworks.

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

design-md-extractor

518

jpoindexter/design-md-extractor

Skill Claude CodeCodex

Extract and document the visual style of public websites as reusable DESIGN.md files. Use when the user asks to analyze a website's design system, extract styles, create design tokens, produce DESIGN.md, generate an agent-readable style guide, or build from a website's visual language.

not rated 61 +1 3mo ago A 60 tokens original MIT

designer-loop

519

pro-vi/designer

Skill Claude CodeCodex

Human-participated design iteration loop driven by claude.ai/design via the designer MCP. The human is the designer; AI is translation + plumbing. Human states intent, AI reads what exists and relays intent to Claude Design, human tastes the variants Claude produces, AI interprets reactions and iterates. Promotes…

not rated 61 +1 2d ago A SkillSpector: pass 81 tokens original MIT

skills

520

aravindev/inkscape_mcp

Skill Claude CodeCodex

Eight portmanteau tools. Each takes an operation string plus per-op parameters. Operation enums are typed Literal[...] so wrong strings fail at parse time.

not rated 61 +6 changed 6d ago A SkillSpector: pass 0 tokens original MIT

brandmd

522

yuvrajangadsingh/brandmd

Skill Claude Code

Extract a website's design system into a DESIGN.md file. Use when starting a new frontend project, rebuilding a site, or when the user wants AI-generated UI to match an existing brand.

not rated 60 +1 1mo ago A 41 tokens original MIT

shadcn

523

udecode/plate-template

Skill Claude CodeCodex

Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json…

not rated 59 changed yesterday A 94 tokens copy · 94% MIT

microsoft/a11y-llm-eval

Skill Claude CodeCodex ✓ vendor

MUST BE USED for any UI work. Invoke this skill before generating, modifying, or reviewing any code that renders, styles, or wires up a user-facing interface — including markup, components, templates, styles, and the JavaScript/TypeScript that drives them. This skill encodes the accessibility (WCAG 2.2 AA)…

not rated 59 4mo ago A 112 tokens original MIT

design-farmer

525

hakilee/design-farmer

Plugin Claude Code

Bundles 1 skill · 75 tokens together

Automated design system construction from repository analysis to production-ready implementation.

not rated 59 yesterday A tokens not measured

bricks-builder-skills

526

Mekko-Digital/bricks-builder-skills

Plugin Claude Code

Bundles 1 skill · 0 tokens together

Build, edit, and audit pages, templates, popups, and custom elements for the Bricks Builder WordPress theme, grounded in verified control keys and JSON shapes (no hallucinated settings).

not rated 59 3mo ago A tokens not measured

comic-ip-onboarder

527

irenerachel/comic-ip-onboarder-skill

Skill Claude CodeCodex

A workflow for turning a person’s photo, toy, avatar, fictional character, or brand mascot into a reusable flat hand-drawn comic character package. The package includes reference images and an IPDNA.md file describing the character’s visual rules.

not rated 59 +2 2mo ago A 271 tokens

grok-designer

528

oil-oil/grok-designer

Skill Claude CodeCodex

Use Grok 4.5 as the required external design advisor when a task needs UI critique, UX critique, component-choice review, interaction-flow review, design imagery markdown, art direction, visual hierarchy judgment, design-system fit, color/type/layout suggestions, HTML mockups, SVG icons, handwritten SVG wordmarks, or…

not rated 59 +1 2mo ago A 180 tokens

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: