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.

beiming183-cloud/AutoCAD-skills

Skill Codex

Create, revise, audit, validate, and present mechanical CAD using Chinese GB/T drafting conventions. Use for AutoCAD/AutoCAD MCP; parametric 2D/3D parts, complex assemblies, mechanisms, engines, gears, machined parts, consumer products, enclosures, and powered appliances; DXF/DWG/PDF/STEP and model-based definition…

not rated 20 +1 3mo ago A 145 tokens original MIT

skills-for-figma

962

southleft/skills-for-figma

Plugin Claude Code

Bundles 18 skills · 2,887 tokens together

18 skills for the native Figma MCP: export/import design tokens, manage variables, analyze and document component sets, lint for WCAG and design-system compliance, audit accessibility, and author Slides and FigJam content.

not rated 20 5mo ago A tokens not measured original MIT

lume-design

963

byte5ai/palaia

Skill Claude Code

Use this skill to generate well-branded interfaces and assets for Omadia UI (Lume design system), either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.

not rated 20 3d ago A 57 tokens original MIT

pencil-design

964

chiroro-jr/pencil-design-skill

Skill Claude CodeCodex

Design UIs in Pencil (.pen files) and generate production code from them. Use when working with .pen files, designing screens or components in Pencil, or generating code from Pencil designs. Triggers on tasks involving Pencil, .pen files, design-to-code workflows, or UI design with the Pencil MCP tools.

not rated 19 6mo ago A 67 tokens archived

forge

965

Webba-Creative-Technologies/forge

Skill Claude Code

Forge design system for React. Use when writing any React UI in this project, when picking which component to use, when theming, when creating block templates, or when reviewing UI code for accessibility and anti-patterns. Covers components, tokens, theming, motion, patterns, a11y, and anti-patterns.

not rated 19 5mo ago A 67 tokens original MIT

devPnal/design-system-is-all-you-need

Skill Claude CodeCodex

This skill provides a curated set of cross-platform design guideline prompts for building consistent, high-quality UIs. Each guideline defines common rules, component-specific guides, and an auto-derived token system — all driven by minimal user inputs.

not rated 19 8mo ago A 53 tokens original MIT

ship-it

967

LunkiBR/ship-it

Skill Claude CodeCodex

Use this skill whenever building, reviewing, or auditing any product surface — a mobile app screen, a web app (in-product) screen, a marketing website page, or a cross-screen interaction flow — especially right before calling it done or shipping it. Start here to identify which section (mobile app, web app, website…

not rated 19 2mo ago A 159 tokens original MIT

argos-cli

968

argos-ci/argos-javascript

Skill Claude CodeCodex

Operate Argos visual testing from the terminal with the argos CLI — list and inspect builds and snapshot diffs, download a build's screenshots or a project's latest baseline, submit reviews, request reviewers, post comments, inspect a test's flakiness and its recurring changes, ignore flaky test changes, configure a…

not rated 19 changed 16d ago A Socket: passSnyk: warnSkillSpector: warn 162 tokens original MIT

unslop

969

aahil62/unslop

Plugin Claude Code

Bundles 3 skills · 233 tokens together

Rescue ugly vibe-coded React + Tailwind sites: audit the AI-slop, interview for taste, synthesize a custom design lane, and systematically re-theme with verification.

not rated 19 4mo ago A tokens not measured original MIT

NonicaTeam/AI-Connector-for-Revit

MCP server Claude CodeCodexCursor +2

MCP server "ai-connector-for-revit" as configured in NonicaTeam/AI-Connector-for-Revit. Launched with https://github.com/NonicaTeam/AI-Connector-for-Revit/releases/download/MCPB/noni.

not rated 19 1mo ago A tokens not measured

Xialiang98/design-visual-frontend

Skill Codex

Design, build, redesign, or critically review distinctive frontend interfaces with strong composition, domain authenticity, responsive behavior, component coherence, and browser-verified visual quality. Use for websites, landing pages, login and form flows, dashboards, admin tools, product pages, portfolios, visual UI…

not rated 19 3mo ago A 80 tokens original MIT

cis2042/product-design-harness

Skill Claude CodeCodex

Use when a product direction, feature, workflow, experiment, launch, feedback signal, automation, or scale decision needs judgment before execution or the next iteration.

not rated 19 1mo ago A 36 tokens original MIT

designer

973

ulises-jeremias/agent-toolkit

Cursor rule Cursor

Cursor rule "designer" from ulises-jeremias/agent-toolkit, covering designer, when invoked, design routing — canonical (do not run mechanically), figma subtree and delegate to skills.

not rated 19 changed 21d ago A 2,684 tokens original MIT

fidgetcoding/refero-design-mcp

MCP server Claude CodeCodexCursor +2

Bullet-proof MCP for styles.refero.design — natural-language search across the curated DESIGN.md library. Runs locally from the fidgetcoding-refero-mcp npm package.

not rated 19 5d ago A tokens not measured original MIT

google-fonts

975

sliday/google-fonts-skill

Plugin Claude Code

Bundles 1 skill · 117 tokens together

Google Fonts typography system generator. Searches 1,923 fonts, suggests singles or pairs, generates CSS/Tailwind typographic systems.

not rated 19 +1 changed 2mo ago A tokens not measured original MIT

figma-mcp-go

976

tunglt1810/figma-mcp-go

MCP server Claude CodeCodexCursor +2

Figma MCP server with full read/write access via plugin bridge — no API token or rate limits. Runs locally from the @tunglt1810/figma-mcp-go npm package.

not rated 19 +2 24d ago A tokens not measured fork MIT

aesthetic-literacy

977

alexiseverage/aesthetic-frontend-skills

Skill Claude CodeCodex

Use this skill when a user names or describes a visual aesthetic (Y2K, vaporwave, brutalist, cottagecore, dark academia, etc.), wants to compare or disambiguate aesthetics, or needs formal characterization before producing design tokens or assets. Provides the 7-dimension framework (palette, type, texture, shape…

not rated 19 +1 changed 7d ago A 109 tokens original MIT

openscad-bosl2

978

swh/openscad-skill

Skill Claude CodeCodex

Write or edit OpenSCAD (.scad) files using the BOSL2 library. Use whenever the user is designing a 3D-printable part — jigs, holders, brackets, enclosures, fixtures, household items — and the file is OpenSCAD. Covers the user's house style (BOSL2 idioms, anchors, epsilon/layerheight baselines, Customizer parameters)…

not rated 19 +1 1mo ago C 99 tokens

jev-branch-check

980

CheshiAI/Cheshi

Skill Claude CodeCodex

Test natural-language if/else with Jev against collected research and record success or fail in Markdown. Use for the Cheshi skill-flow prototype; it does not generate PPT files.

not rated 19 12d ago A 41 tokens original MIT

design-maker

981

zxpmail/ReqForge

Skill Claude Code

name: design-maker description: Used when the Design Brief is complete and the user needs to generate mockups. Reads Product-Spec.md and Design-Brief.md, then generates a complete set of design deliverables through a design tool MCP, including all pages, state variants, component specifications, design tokens…

not rated 18 1mo ago A SkillSpector: warn 0 tokens original MIT

YangsonHung/awesome-agent-skills

Skill Claude CodeCodex

Use when building, modifying, or reviewing frontend UI where text overflow, layout, responsiveness, accessibility, and visual polish must be verified.

not rated 18 3mo ago A SkillSpector: pass 33 tokens original MIT

fluxwing-skills

983

trabian/fluxwing-skills

Plugin Claude Code

Bundles 8 skills · 382 tokens together

AI-native UX design system using uxscii standard - create, validate, and compose UI designs through natural language.

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

zaidmukaddam/skills

Skill Claude CodeCodex

Apply design engineer judgment, the role that owns the shipped result rather than a handoff: decide the intent before the pixels, name the defaults you are rejecting, build hierarchy from space and weight before size, treat copy and accessibility as part of the interface, ask whether something should animate before…

not rated 18 2mo ago A SkillSpector: warn 197 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: