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.

chinese-font-selector

505

Songzhi-lab/chinese-font-selector

Skill Claude CodeCodex

A guide for choosing Chinese fonts and typography for designs such as social-media cards, product materials, websites, books, and posters.

not rated 69 +5 21d ago A SkillSpector: pass 310 tokens original MIT

infographic-creator

506

LingyiChen-AI/OpenSkills

Skill Claude CodeCodex

An infographic-generation skill turns written information into a visual layout using AntV Infographic, a tool for defining infographic structure and style in text.

not rated 68 7mo ago A 25 tokens original Apache-2.0

hand-drawn-diagrams

507

muthuishere/hand-drawn-diagrams

Skill Claude CodeCodex

Create hand-drawn Excalidraw diagrams, flows, explainers, wireframes, and page mockups. Default to monochrome sketch output; allow restrained color only for page mockups when the user explicitly wants webpage-like fidelity. Use when the user asks for a diagram, flowchart, wireframe, sketch, visual explanation, mind…

not rated 68 +3 1mo ago A 88 tokens

vocabulary

508

index-how/vocabulary

Skill Claude CodeCodex

The precise design and UI vocabulary used on index.how/to/articulate — covering typography, color, iconography, layout, interaction, motion, accessibility, information architecture, copywriting, tools, analysis, and components. Use when reaching for the exact word for a design concept ("what's the term for the space…

not rated 68 3mo ago A Socket: passSnyk: pass 135 tokens

victor-design-system

509

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 67 +1 26d ago A 78 tokens original MIT

get-web-design

510

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

511

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 yesterday A SkillSpector: pass 54 tokens original MIT

figma-mcp

512

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

513

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

514

brendanciccone/storysync

Cursor rule Cursor

Generate Figma component library from Storybook using storysync.

not rated 66 8d ago A 11 tokens original MIT

fluidglass-ui

515

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 3d ago A 37 tokens original Apache-2.0

cinematic-ui

516

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

517

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

518

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

519

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 63 +2 2mo ago A 90 tokens original MIT

autocad-com-mcp

520

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

521

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

522

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

523

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 yesterday A SkillSpector: pass 81 tokens original MIT

skills

524

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 5d ago A SkillSpector: pass 0 tokens original MIT

brandmd

526

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

527

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 today 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

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: