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.

tufte-xiaohei-fusion

625

quzhi-ai/tufte-xiaohei-fusion

Skill Claude CodeCodex

A design workflow that combines Tufte-style information graphics with a recurring hand-drawn black character called Xiaohei in a tall mobile image. Tufte-style graphics prioritize clear evidence and accurate data displays.

not rated 58 5mo ago A 217 tokens original MIT

c2d2c

626

BIAsia/c2d2c

Plugin Claude Code

Bundles 3 skills · 352 tokens together

Code-to-design-to-code: the pipelines closing the loop between Figma and a production codebase. restore (design→code, 1:1 with acceptance and auto-MR), export (code→design: components, state matrices, and tokens, everything bound to variables), govern (converge + freeze a style system with CI gates).

not rated 58 3mo ago A tokens not measured original MIT

toss-tech-design

627

Ilbie/Toss-Design-Skill

Skill Claude CodeCodex

Use when applying Toss Tech Design principles from a 129-article toss.tech design summary to complex product flows, research ops, internal tools, UX writing, accessibility, or brand work with high cognitive load, repeated manual work, trust issues, or inclusion gaps.

not rated 58 4mo ago A 57 tokens original MIT

sketchup-mcp2

628

zinin/sketchup-mcp2

MCP server Claude CodeCodexCursor +2

Sketchup integration through Model Context Protocol. Runs locally from the sketchup-mcp2 Python package.

not rated 58 +2 2d ago A tokens not measured original MIT

skill

629

cozy/cozy-ui

Skill Claude CodeCodex

Skill "skill" from cozy/cozy-ui, covering cozy ui, quick start, what this skill provides, quick reference and components.

not rated 57 yesterday A SkillSpector: pass 0 tokens original MIT

design-contract

630

Carlos-Dominguez-faber/criterio

Skill Claude CodeCodex needs its repo

Crea el contrato de diseño de un proyecto antes de escribir el primer componente. Corre una entrevista de 8 preguntas, elige un preset visual, y escribe brand.json, voice.json, motion.json y COMPONENTRULES.md (y compila brand.css). Úsala cuando el usuario diga "quiero que se vea bien", "hazme una landing bonita"…

not rated 57 +1 3mo ago A SkillSpector: pass 143 tokens original MIT

red-hat-quick-deck

631

toddward/red-hat-quick-deck

Skill Claude CodeCodex

Create beautiful, shareable HTML-based slide presentations styled to Red Hat brand standards. Generates single-file, self-contained HTML decks with click/keyboard navigation, story-arc-driven narrative structure, and cinematic dark-mode aesthetics. Supports embedded videos (YouTube, Vimeo, direct URLs) and linked…

not rated 57 4mo ago A 199 tokens original MIT

Design

632

frhscopex/design-skill-os

Skill Cursor

A comprehensive design operating system synthesized from 10 canonical design books. Covers research, typography, color theory, composition, branding, logo design, storytelling, web design, creative process, and professional practice.

not rated 57 +1 6mo ago A 42 tokens original MIT

pencilplaybook

633

stevembarclay/pencilplaybook

Skill Claude CodeCodex

PencilPlaybook is the UI Skills / Taste-Skill for Pencil.dev + Claude Code — a design playbook that gives Claude real perceptual psychology and senior-level guardrails so it stops producing averaged-out AI slop.

not rated 57 +3 7mo ago A 50 tokens original MIT

html-report-design

634

Ted0321/kotetsu-work-ai-skills

Skill Claude CodeCodex

A set of rules for making HTML reports, proposals, dashboards, and research documents look like professionally designed consulting documents.

not rated 56 2mo ago A SkillSpector: pass 121 tokens original MIT

prism

635

tommy0103/prism

Plugin Claude Code

Bundles 1 skill · 25 tokens together

Structured documents for AI agents — 45 production-ready components with a coherent visual system. Decisions, architecture flows, collapsible references, metrics, and charts rendered as self-contained HTML.

not rated 56 5mo ago A tokens not measured

qiaomu-icon-generator

636

joeseesun/qiaomu-icon-generator

Skill Codex

Generate multiple app, favicon, or website icon candidates with either the local QM Icon Studio CLI or Codex built-in image generation with reference icons, then present a contact sheet so the user can choose. Use when building websites or apps and needing reusable icon options.

not rated 56 +1 4mo ago A 58 tokens original MIT

visio-copy

637

zwj276765037-lab/Visio-copy

Skill Codex

Recreate a reference raster diagram/image in Microsoft Visio as editable native Visio shapes using pixel-coordinate mapping, sampled color palettes, Visio COM automation, layer ordering, text sizing, complex shape primitives, 2.5D/3D stacked diagram reconstruction, crop comparisons, and preview exports. Use when the…

not rated 56 4mo ago A 166 tokens original MIT

hyperweave-verbs

638

InnerAura/hyperweave

Skill Claude CodeCodex

Read, verify, mutate, and round-trip HyperWeave living artifacts via the verb algebra instead of vision-parsing the SVG.

not rated 56 +2 1mo ago A SkillSpector: pass 32 tokens original Apache-2.0

maker-ui-workflow

639

taptap/instant-games-open-mcp

Skill Claude CodeCodex

A workflow for turning TapTap Maker game interface designs into working UI data. It covers separating buttons, icons, and backgrounds, assembling existing assets into UI.json, and comparing the result with the design.

not rated 56 +5 changed yesterday A 103 tokens

verify-ui

640

ThisIsSadeghi/KMPilot

Skill Claude Code needs its repo

Verify UI implementation against Stitch design via a token audit (HTML ↔ Code, with X-component default-render checks) and an X-components compliance check.

not rated 55 3mo ago A SkillSpector: warn 30 tokens original MIT

render-style

641

Rustam-Z/hamroh

Skill Claude CodeCodex

House style for the renderhtml tool — dark dashboard / architecture-diagram look with stat tiles, bar rows, numbered timeline steps, two-panel grids, status pills, connector arrows, callout bands, and verdict blocks. Read this skill before calling renderhtml so the output is visually consistent. Provides CSS tokens…

not rated 55 yesterday A SkillSpector: pass 82 tokens original MIT

ppt-orchestrator

642

huangrichao2020/pretty-skills

Skill Claude CodeCodex

A dispatcher for creating presentations, slide decks, long images, and weekly reports. It chooses a visual style and output format, then sends the work to a more specialised add-on.

not rated 55 +1 1mo ago A SkillSpector: pass 160 tokens original MIT

fd

643

dgk-dev/dgk-gpt

Skill Claude CodeCodex

Frontend design mode for strong visual direction, UI polish, redesigns, landing pages, and production-grade interface work, including shadcn-based surfaces. Use when the user says /fd or explicitly asks for better design, styling, layout, visual quality, or UX polish.

not rated 55 7mo ago A 58 tokens original MIT

next-slide

644

codesstar/next-slide

Skill Claude CodeCodex

A tool for creating browser-based presentations as single HTML files, or converting PowerPoint files into them. It includes bilingual English and Chinese support and a library of visual styles.

not rated 55 6mo ago A 260 tokens original MIT

draw

645

agavra/yuzudraw

Skill Claude Code

Create YuzuDraw diagrams by choosing the right family and following a short reference for architecture, components, flow, bar charts, or ASCII art.

not rated 55 +3 7mo ago C 30 tokens original MIT

getdesign

646

MohtashamMurshid/getdesign

Skill Claude CodeCodex

Turn any public URL into a production-grade 9-section design.md spec (colors, typography, components, layout, depth, motion, responsive, prompt guide) using the agent's own built-in tools — WebFetch, browser/screenshot, and file writes. Use when the user asks to "generate a design system from a URL", "extract brand…

not rated 55 changed 1mo ago A Socket: passSnyk: warnSkillSpector: warn 132 tokens original MIT

streamdeck-designer

647

verygoodplugins/streamdeck-mcp

Skill Claude CodeCodex

Design, theme, and author complete Stream Deck layouts for the user's hardware using the streamdeck-mcp tools. Use whenever the user wants a custom Stream Deck setup, asks for a themed deck (e.g. "hello-kitty Twitch deck", "retrowave music controls", "a dev deck for this repo"), wants buttons or dials configured for…

not rated 55 +1 2mo ago A SkillSpector: warn 167 tokens original MIT

guizang-ppt-skill

648

open-fox/agents

Skill Claude CodeCodex

A single-file HTML presentation format for swipeable web slides. It includes templates for speaker notes, presenter and audience views, chapter covers, large data displays, and image grids.

not rated 55 7d ago A 176 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: