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.

html-report-design

553

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 55 +1 24d ago A SkillSpector: pass 121 tokens original MIT

design-contract

554

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 55 +1 1mo ago A SkillSpector: pass 143 tokens original MIT

thesis-flowchart

555

BAOXI11/thesis-flowchart

Skill Claude CodeCodex

Create, revise, normalize, and validate thesis-ready flowchart figures for undergraduate theses, graduation projects, dissertations, and academic papers. Use when users ask to draw or convert thesis/graduation-project process descriptions, algorithm steps, system workflows, business processes, experimental protocols…

not rated 55 +1 1mo ago A 139 tokens original MIT

opencad

556

caid-technologies/OpenCAD

Plugin Claude Code

Bundles 1 skill · 73 tokens together

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

not rated 55 7d ago A tokens not measured original Apache-2.0

huashu-design

557

itgoyo/hermes-skills

Skill Claude CodeCodex

A design skill for making high-fidelity prototypes, interactive demos, slides, animations, and design variations with HTML. It can also provide design-direction advice and expert reviews.

not rated 55 +1 4mo ago A 503 tokens

dacnay816y62-hub/regional-culture-poster

Skill Claude CodeCodex

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 55 +3 3d ago A 158 tokens original MIT

shadcn

559

productdevbook/shadcn-htmx

Skill Claude CodeCodex

Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. 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 file. Also triggers for…

not rated 55 +2 3mo ago A 90 tokens copy · 92% MIT

bootstrap-from-figma

560

leefanv/omit-design

Skill Claude CodeCodex

Bootstrap a fresh omit-design project's visual theme from an existing Figma file — extract design tokens (colors + spacing) and PUT the result to the dev-server so the workspace can apply it to theme-editor. Use when the user pastes a figma.com URL and wants to seed the project's theme. Patterns are produced…

not rated 54 3mo ago A 84 tokens original MIT

alonf/specrew

Skill Claude Code

Run Specrew's per-lens design workshop and collaborative design-analysis. Use whenever you work the design lenses for a feature: at specify/intake (the lens workshop) and at the design-analysis stop (co-design the architecture), and RE-INVOKE at the start of EACH new lens (architecture, data, ui-ux, security…

not rated 54 today A SkillSpector: pass 193 tokens original MIT

render-style

562

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 54 16d ago A SkillSpector: pass 82 tokens original MIT

ppt-orchestrator

563

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 54 2d ago A SkillSpector: pass 160 tokens original MIT

c2d2c

564

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 54 1mo ago A tokens not measured original MIT

toss-tech-design

565

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 54 2mo ago A 57 tokens original MIT

codex-dream-skin

566

xnydl/codex-dream-skin

Skill Codex

Apply, launch, verify, repair, update, or restore a full decorative skin for the Windows Codex desktop app. Use when the user asks for a Codex theme that goes beyond official color settings, wants the pink-purple Dream/Fiona-style interface, needs the skin reapplied after a Codex update, or needs a safe rollback…

not rated 54 1mo ago A SkillSpector: pass 83 tokens original MIT

qiaomu-icon-generator

567

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 54 2mo ago A 58 tokens original MIT

red-hat-quick-deck

568

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 54 +1 2mo ago A 199 tokens original MIT

ywq177995212697-droid/visio-scientific-figures

Skill Claude CodeCodex

Create, edit, export, and quality-check editable Microsoft Visio scientific figures for papers, theses, reports, and presentations. Use when Codex needs to turn research text into Visio diagrams, generate paper-ready flowcharts/frameworks/layered systems/matrices/mechanism figures, create or import AI-generated…

not rated 54 3mo ago A 108 tokens original MIT

buildable

570

suntay44/buildable-plugin-skills

Cursor rule Cursor

Use Buildable's local-first builder brain for prompt-to-prototype app generation.

not rated 54 +1 15d ago A 0 tokens original MIT

design-skills

571

cuellarfr/design-skills

Plugin Claude Code

Bundles 10 skills · 687 tokens together

Ten UX and design skills that give coding agents deep knowledge of established design frameworks: research, critique, accessibility, journey mapping, design systems, strategy, interaction design, design ops, UX writing, and visual elevation.

not rated 54 +1 17d ago A tokens not measured original MIT

dembrandt/dembrandt-skills

Skill Claude CodeCodex needs its repo

Buttons, inputs, pills, badges, calendars, and other interactive components form a visual family — they share the same border-radius, colour logic, shadow scale, border style, and spacing rhythm. Inconsistency between them breaks the sense of a coherent product. Use when building or reviewing a component library…

not rated 54 +2 changed 4d ago A Socket: passSnyk: passSkillSpector: pass 76 tokens original MIT

openpencil-skill

573

ZSeven-W/openpencil-skill

Plugin Claude Code

Bundles 1 skill · 52 tokens together

Design skill for OpenPencil — op CLI, batch DSL, MCP tools, PenNode schema, and UI design best practices.

not rated 54 +1 29d ago A tokens not measured original MIT

spark-ui

574

codeweb-dev/spark-ui

Skill Claude CodeCodex

Install and compose Spark UI signature React components such as Widget Stack, Dynamic Island, Interactive Pets, Tactile Highlight, Shimmer Text, Image Trail, Animated Gradient, Ghost Ether, Logo Carousel, QR Code, Receipt, Number Ticker, Spotify Card, Masonry, Keyboard, and Hello from the Spark UI shadcn-compatible…

not rated 54 +6 1mo ago A SkillSpector: warn 73 tokens original MIT

liquid-glass

575

haider-nawaz/liquid-glass-skill

Plugin Claude Code

Bundles 1 skill · 134 tokens together

Build and migrate iOS, macOS, iPadOS, watchOS, tvOS, and visionOS apps with Apple's Liquid Glass design system. Covers all SwiftUI glass APIs, migration workflows, platform-specific patterns, and real-world examples from Apple's Landmarks sample app.

not rated 54 +3 6mo ago A tokens not measured

balsa-ui

576

pedrobalsa/balsa-ui

Skill Codex

Build, fix, review, install, and validate Balsa UI open-code components for Vue applications. Use for focused Balsa repository maintenance, Vue UI built from Balsa components, compositions or blocks, semantic tokens, registry metadata, accessibility behavior, and installed-source update safety. Scale the workflow from…

not rated 54 +2 20d ago A SkillSpector: warn 84 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: