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.

solidworks-automation

865

djlex83/solidworks-automation-skill

Skill Claude CodeCodex

Automatisiert SolidWorks CAD-Software über Python und COM-Schnittstelle. Verwende diesen Skill wenn der Nutzer: 2D Skizzen erstellen möchte (Linien, Kreise, Rechtecke, Ellipsen, Bögen, Splines) 3D Features erstellen möchte (Extrusionen, Schnitte, Bohrungen, Fasen, Verrundungen) Drehkörper erstellen möchte (Revolve …

not rated 25 2mo ago A 262 tokens original MIT

markdown-ui-dsl

866

MegaByteMark/markdown-ui-dsl

Skill Claude CodeCodex

Create low-fidelity, text-based wireframes using the Markdown-UI Domain Specific Language (DSL).

not rated 25 +1 7mo ago A 25 tokens original MIT

mobile-app-mockup

867

xiaoweidotnet/suifeng-skills

Skill Claude CodeCodex

A procedure for generating high-fidelity HTML prototypes of mobile app screens from a product requirements document or app idea. A prototype is an interactive model used to visualise how a product may work.

not rated 25 5mo ago A 153 tokens

kimi

868

oil-oil/kimi

Skill Codex

Instructions for sending design-focused software tasks to the local Kimi Code command-line tool. It is intended for interface design, frontend work, repository exploration, review, and analysis of images or videos.

not rated 25 +1 changed 1mo ago A 69 tokens original MIT

ux-error-handling

869

parhamb/design-skills

Skill Claude CodeCodex

Error handling UX: destructive action confirmation, undo, empty states, descriptive error messages, crash recovery, and server error handling. This is also the canonical home for empty-state standards. Use when designing or reviewing error states, confirmation dialogs, undo flows, or any screen that needs to handle…

not rated 25 4mo ago A 64 tokens original MIT

patent-block-diagram

870

lsj4232/KR_PATENT_SKILL

Skill Claude CodeCodex needs its repo

A workflow that turns a natural-language description into an editable `.pbd` patent block diagram, renders it in the diagram editor, checks the image, and exports a PNG.

not rated 25 +1 changed 2d ago A SkillSpector: warn 57 tokens original MIT

pengqianhan/codex-paper-figure-skill

Skill Codex

Create editable academic-paper figures from natural-language figure descriptions, manuscript sections, methods/results text, graphical abstract ideas, or paper-specific visual concepts. Use when Codex needs to turn scientific text into a polished journal-style diagram by first generating a raster visual reference with…

not rated 25 +1 2mo ago A 129 tokens original MIT

m3-expressive

872

abhixv/m3-expressive-design-skill

Plugin Claude Code

Bundles 1 skill · 77 tokens together

Material Design 3 / M3 Expressive guidelines: exact tokens, per-component specs, motion springs, shape morphing, emphasized typography, color roles, and 2,587 official reference images.

not rated 25 changed 27d ago A tokens not measured original MIT

refactor-ui

873

brijr/skills

Skill Codex

Improve an existing screen through critique, authorized edits, and browser verification, following the current stage and preserving prior decisions.

not rated 25 changed 1mo ago A 27 tokens

figma-component-docs

874

yummylabs-coder/yummy-design-plugins

Plugin Claude Code

Bundles 1 skill · 177 tokens together

Documents design system components in Figma so people and AI agents can both build from them: one shared doc template, a component description dev agents read, and a checker that runs inside Figma.

not rated 25 1mo ago A tokens not measured original MIT

pixel-council

875

blinkz-ai/pixel-council

Plugin Claude Code

Bundles 1 skill, 1 agent · 263 tokens together

Build production-grade UI using real design system specifications from Google Material Design 3, Apple HIG, and IBM Carbon. Includes complete design tokens (4 themes for Carbon: White/G10/G90/G100), interaction states, page composition patterns, icon systems (Material Symbols + SF Symbols + Carbon Icons), pictograms…

not rated 24 6mo ago A tokens not measured original MIT

paper-figure-styling

876

zhousodo/paper-submission-check

Skill Codex

Comprehensive figure styling, color scheme, typography, axis/grid design, aspect ratio, legend system, statistical visualization, layout, table design, caption formatting, cross-reference audit, cross-figure consistency, export quality pipeline, hyperlink color policy, and cross-publisher adaptation (Elsevier, IEEE…

not rated 24 6mo ago A 231 tokens original MIT

huashu-design

877

pc-software-org/huashu-design-en

Skill Claude CodeCodex

Huashu Design - Integrated design capabilities using HTML for high-fidelity prototypes, interactive demos, slideshows, animations, design variant exploration + design direction consultant + expert review. HTML is a tool not a medium, embody different experts (UX designer/animator/slideshow designer/prototyper)…

not rated 24 2mo ago C 535 tokens original MIT

korrodesign

878

KorroAi/korrodesign

Skill Claude Code

Design Copilot with two enforcement layers (Taste Guardian + Blind Spot ESLint plugin, 14 rules). Works standalone with zero dependencies. 7-phase design pipeline. Produces Awwwards-level websites with automated UI hygiene enforcement.

not rated 24 changed 27d ago A 50 tokens original MIT

bitovi/superconnect

Skill Claude CodeCodex

Generates Figma Code Connect mappings for React or Angular repos, validates them with pre-checks and the Figma CLI, and can publish via figma connect. Use when a user provides a Figma file URL and a component repo and asks for Code Connect files, figma.config.json, or validation.

not rated 24 9mo ago A 67 tokens original MIT

zian10001/codex-frontend-visual-handoff

Skill Codex

Provider-neutral, Windows-first Beta workflow for inspecting, preparing, and reviewing bounded frontend visual handoffs with optional external coding clients and a Codex-only path. Use only when the user explicitly invokes $frontend-visual-handoff; default to mode=inspect, require a separate second invocation with…

not rated 24 3mo ago A 88 tokens original Apache-2.0

11-motion-transitions

881

saralobo/rules-design-bible

Cursor rule Cursor

Motion, transitions, animations, easing curves, duration tokens, M3 motion system. Use when adding prototyping, screen transitions, animated interactions, or any motion design.

not rated 24 7mo ago A 34 tokens

drawio-flowchart

882

zhiningo/drawio-flowchart-skill

Skill Claude CodeCodex

Generate draw.io (.drawio) flowchart XML files. Use when the user asks for a flowchart, process diagram, workflow diagram, or any visual diagram in draw.io / diagrams.net format. Produces well-structured, visually clean .drawio files with proper alignment, hierarchy, and readable text. NOT for: Mermaid diagrams, ASCII…

not rated 24 6mo ago A 81 tokens original MIT

design-to-code

883

ursazoo/lanhu-to-code

Skill Claude CodeCodex

Lanhu to Code workflow for Claude Code. Convert Lanhu design URLs into Vue/React frontend code with component reuse, design token mapping, TODO-safe business logic, and optional code review.

not rated 24 +1 5mo ago A 42 tokens

workbuddy-skin-maker

884

zhouwei713/WorkBuddy-Dream-Skin

Skill Codex

Create, refine, diagnose, and release adaptive WorkBuddy Dream Skin themes in this project, including image driven light or dark UI selection, lively nonblocking decorations, readable chat and artifact surfaces, external CDP injection, and strict visual auditing. Use for WorkBuddy skin design, theme JSON or CSS…

not rated 24 +1 3mo ago A 89 tokens original MIT

ui-ux-pro-max

885

whyiyhw/seek

Skill Claude CodeCodex

UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design…

not rated 24 +1 1mo ago B 238 tokens copy · 100% MIT

larapilot-design

886

andreapollastri/larapilot

Skill Claude CodeCodex

Writes HTML/CSS mockups under .larapilot/mockups/, presents and revises them with the user, and can build a custom design system for the client. Use for a mockup, landing, design-system choice, a change to existing mockups, or a client design system. Italian: mockup, prototipo visivo, design system, modifica mockup.

not rated 24 changed 25d ago A SkillSpector: warn 81 tokens original MIT

efecto

887

pablostanley/efecto-plugin

Plugin Claude Code

Bundles 3 skills · 257 tokens together

Efecto — AI design skills + 46 MCP tools. Create web pages, social media graphics, presentations, and more with AI agents.

not rated 24 +1 3mo ago A tokens not measured

astryx

888

greedychipmunk/agent-skills

Skill Claude CodeCodex needs its repo

Generate Astryx design system components, themes, and layouts for React 19 applications. Use when building UIs with @astryxdesign/core, creating or extending themes with defineTheme, styling components with StyleX or Tailwind, scaffolding pages from templates, migrating from shadcn or Radix, or working with the Astryx…

not rated 24 17d ago A SkillSpector: warn 98 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: