Design and UX

18,961 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.

cc-frontend-skills

577

oikon48/cc-frontend-skills

Plugin Claude Code

Bundles 1 skill, 1 agent · 378 tokens together

Distinctive frontend design skills and agents for professional UI implementation. Avoid generic AI aesthetics with thoughtful typography, colors, layouts, and animations.

not rated 70 11mo ago A tokens not measured original MIT

infographic-creator

578

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 70 9mo ago A 25 tokens original Apache-2.0

fluidglass-ui

579

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 70 +2 2mo ago A 37 tokens original Apache-2.0

autocad-com-mcp

580

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 70 +3 1y ago A tokens not measured original Apache-2.0

many-ppt-skills

581

brycewang-stanford/many-ppt-skills

Plugin Claude Code

Bundles 1 skill · 138 tokens together

Routes to the right AI slide-deck skill and names a style id you can ask for, backed by sample imagery read from the projects' own repositories.

not rated 70 +2 yesterday A tokens not measured

plantuml-skill

582

Agents365-ai/plantuml-skill

Skill Claude CodeCodex

Use when user requests diagrams, flowcharts, sequence diagrams, class diagrams, component diagrams, ER diagrams, architecture charts, or visualizations — including generating a diagram from existing source code, or rendering/extracting PlantUML embedded in a Markdown file to images (e.g. preparing docs for…

not rated 69 3mo ago B 114 tokens original MIT

gogh

583

AgriciDaniel/gogh

Plugin Claude Code

Bundles 7 skills, 1 agent · 222 tokens together

Gogh is a source cited Obsidian operating brain that turns six frontend design skills into one advisable stack for AI coding agents.

not rated 69 +1 1mo ago A tokens not measured original Apache-2.0

divi5-toolkit

584

cjsimon2/Divi5-ToolKit

Plugin Claude Code

Bundles 3 skills, 10 commands, 5 agents, 1 hook · 1,813 tokens together

Divi 5 development assistant: validates CSS compatibility, generates Divi-ready code, scaffolds page sections, audits project CSS health, checks accessibility, diagnoses symptoms, audits performance for Core Web Vitals, and learns from errors. Includes /setup (auto-detecting config bootstrap) and /selector (instant…

not rated 69 changed 1mo ago A tokens not measured

dacnay816y62-hub/regional-culture-poster

Skill Codex

Convert Chinese provinces, municipalities, autonomous regions, cities, counties, ancient cities, and cultural regions into restrained contemporary posters led by one culturally transformed Chinese character. Supports direct one-shot final image generation and layered production. Use when the user asks for a…

not rated 69 2mo ago A 158 tokens original MIT

interface-details

586

detaildotdesign/skill

Skill Claude CodeCodex

Bring crafted micro-interactions, thoughtful details, and polish to interfaces. Use when building UI, reviewing UI for detail/polish opportunities, making an interface "feel better," or adding tasteful delight and micro-interactions.

not rated 69 4mo ago A 47 tokens

ppt-forge

587

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 68 +2 changed 1mo ago A 97 tokens

design-md-extractor

588

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 68 5mo ago A 60 tokens original MIT

ui-patterns

589

lubusIN/frappe-skills

Skill Claude CodeCodex

UI/UX patterns and guidelines derived from official Frappe apps (CRM, Helpdesk, HRMS). Use when designing interfaces for custom Frappe applications to ensure consistency with the ecosystem.

not rated 68 2d ago A SkillSpector: warn 43 tokens original MIT

SVG mapmaker

590

1A7432/loreweaver

Skill Claude Code

Enable to let the Keeper draw simple player-visible SVG handout maps: location maps, room hierarchy diagrams, clue-route sketches, and relationship/area structures with labels.

not rated 68 +1 4d ago A SkillSpector: pass 37 tokens original MIT

comic-ip-onboarder

592

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 67 4mo ago A 271 tokens

figma-mcp

594

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

icon-composer

595

ethbak/icon-composer-mcp

MCP server Claude CodeCodexCursor +2

CLI and MCP server for creating Apple .icon bundles with Liquid Glass effects (iOS 26+). Runs locally from the icon-composer-mcp npm package.

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

poster-style-transfer

596

jiemianduan/poster-style-transfer

Skill Codex

Analyze an uploaded or local reference poster, extract its reusable design system, and transpose that system to an original poster with a new theme, title, subtitle, or campaign copy.

not rated 67 +1 3mo ago A 39 tokens original MIT

opencad

597

caid-technologies/OpenCAD

Plugin Claude Code

Bundles 1 skill · 73 tokens together

Generate validated STEP and STL models from natural-language requirements.

not rated 66 1mo ago A tokens not measured original Apache-2.0

feishu-whiteboard-pro

598

LcpMarvel/feishu-whiteboard-pro

Skill Claude CodeCodex

Builds, revises, restyles, and critiques deliberate, editable Feishu / Lark whiteboards from content, references, existing SVGs, or live boards. Use for whiteboards, infographics, diagrams, system maps, timelines, decision boards, posters, and visual explainers that need factual fidelity, strong hierarchy, intentional…

not rated 65 +1 changed 2mo ago A 133 tokens

explainmyrepo

599

stuinfla/Repo-Explainer

Plugin Claude Code

Bundles 1 skill, 1 command · 235 tokens together

Turn any GitHub repo into a beautiful, art-directed explainer site that takes a stranger from "I've never seen this" to "oh, I get why this matters — and I'm ready to use it." One Claude Code skill (the brain) reads the repo, builds a real RVF vector knowledge base, conceives a bespoke visual metaphor, authors the…

not rated 65 +1 yesterday A tokens not measured

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: