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.

web-designer-plugin

481

MickeyAlton33/web-designer-plugin

Plugin Claude Code

Bundles 1 skill, 1 command · 90 tokens together

Transforms AI code generation into award-winning web design. Injects real design thinking, creative patterns, and anti-AI-aesthetic techniques extracted from 38 of the world's best-designed websites.

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

cad-automation

482

delancy827/cad-skills

Skill Claude CodeCodex

Guidance for automating computer-aided design (CAD), software used to create technical drawings and 3D models. It covers connecting to AutoCAD and compatible CAD programs, creating files offline, and handling drawings, layers, dimensions, blocks, and models.

not rated 112 +9 changed 1mo ago A 93 tokens original MIT

revit-mcp-server

483

shuotao/REVIT_MCP_study

MCP server Claude CodeCodexCursor +2

MCP Server for Revit integration - AI-Powered Revit Control. Runs locally from the @shuotao/revit-mcp-server npm package.

not rated 110 14d ago A tokens not measured

wiremd

484

akonan/wiremd

Plugin Claude Code

Bundles 1 skill · 151 tokens together

Create and render wireframes using wiremd — converts Markdown into visual HTML mockups.

not rated 109 +2 6mo ago A tokens not measured original MIT

uml-diagramming

485

antoinebou12/uml-mcp

Skill Claude CodeCodex

Produces Mermaid or PlantUML diagram code from user specifications for UML, architecture, and flow diagrams. Use when the user asks for diagram code or output for the generateuml / generateumlimage MCP tools. Supports Kroki-renderable output.

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

refactoring-ui

488

jaywilburn/refactoring-ui-skill

Skill Claude CodeCodex

Comprehensive UI design guidance based on Refactoring UI principles covering design personality, color theory, layout strategy, visual hierarchy, typography, spacing, mobile-first responsive design, and writing copy that doesn't read like AI wrote it. Use this skill whenever the user is creating new pages, building…

not rated 107 +6 5mo ago A 154 tokens original MIT

oil-visual

489

oil-oil/oil-visual

Skill Codex

A visual guide for creating bitmap images in a consistent oil-painting and manga-ink style. It supports either complete explanatory images with labels or transparent character illustrations for use in another layout.

not rated 106 +1 changed 1mo ago A 96 tokens original MIT

figma-pilot

490

youware-labs/figma-pilot

Skill Claude CodeCodex

REQUIRED reading before using figmaexecute. Contains API syntax, parameter formats, and examples. READ rules/.md files for correct usage.

not rated 105 9mo ago A 33 tokens original MIT

airbnb-ui-skills

491

ihlamury/design-skills

Skill Claude CodeCodex

Airbnb's UI design system. Use when building interfaces inspired by Airbnb's aesthetic - light mode, Inter font, 4px grid.

not rated 105 +2 8mo ago A 34 tokens

agents

492

sketch-hq/agents

Plugin Claude Code

Bundles 2 skills, 1 MCP server · 218 tokens together

Integrate Sketch with your workflows. Includes the Sketch MCP server and skills to explore and organize documents, generate code from designs, create designs from code, and more.

not rated 104 +1 4mo ago A tokens not measured

getvect

493

craigjmidwinter/getvect

Skill Claude CodeCodex

Convert a raster image (PNG, JPEG, BMP) into a vector file (SVG, EPS, DXF, PDF) locally, with no network call and no account. Use when you have generated or been given a bitmap and need clean editable paths — a logo to scale, line art to cut, a diagram to embed at any size. Do not use for photographs you want to keep…

not rated 103 10d ago A 92 tokens original MIT

morphous-catalog

494

Ameyanagi/morphos

Skill Codex

Create or refresh Morphous website design-system/theme bundles from animal, insect, plant, landscape, mineral, weather, or other nature motifs. Use when Codex is asked to generate Morphous motif images, light/dark design-system boards, reusable image prompts, generated web assets, shadcn/tweakcn theme exports, or the…

not rated 102 2mo ago A SkillSpector: pass 79 tokens original Apache-2.0

Scofieldfree/excalidraw-mcp

Skill Claude CodeCodex

Minimal Excalidraw workflow for stable output. Steps: start session first, route Mermaid/manual inputs correctly, use the default Ghibli style, write in small batches, and verify.

not rated 102 9mo ago A 47 tokens original MIT

irrlicht-design

497

ingo-eichhorst/Irrlicht

Skill Claude Code

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

not rated 101 changed 1mo ago A SkillSpector: pass 51 tokens original MIT

web-design

498

pascalorg/skills

Skill Claude CodeCodex

Web design reference for building production-grade interfaces. Covers layout, typography, color, spacing, shadows, animation, accessibility, responsive design, components, performance, and UX psychology. Use when building UI, reviewing design quality, choosing design tokens, or making any visual design decision.

not rated 101 1mo ago A 58 tokens

image-taste-frontend

499

antoniolg/agent-kit

Skill Claude CodeCodex

Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then implement the website to match them as closely as possible. In Codex, it must prefer large, readable, section-specific images instead of tiny compressed boards…

not rated 100 5mo ago A 118 tokens

figma-generate-design

500

thedesignproject/agent-skills

Skill Claude Code

Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the…

not rated 100 +1 1mo ago A SkillSpector: pass 192 tokens original MIT

network-topologies

501

excalimate/excalimate

Skill Claude CodeCodex

Create animated network topology and infrastructure diagrams using the Excalimate MCP server. Use when asked to visualize network architecture, server infrastructure, cloud deployments, Kubernetes clusters, VPC layouts, firewall rules, load balancing, or any physical/logical network topology.

not rated 100 +1 5d ago A SkillSpector: pass 54 tokens original MIT

html-design

502

NimaChu/html-design

Skill Codex

Create, redesign, repair, validate, preview, and package lightweight standalone HTML deliverables. Use for marketing experiences, product prototypes, infographics, motion narratives, documents, browser tools, dashboards, guided workflows, knowledge interfaces, mini-games, presentations, reusable style and brand…

not rated 99 changed 2mo ago A 82 tokens

spark-ui

503

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 99 +10 3mo ago A SkillSpector: warn 73 tokens original MIT

axe-preview

504

k-kohey/axe

Plugin Claude Code

Bundles 5 skills · 212 tokens together

SwiftUI preview integration for AI coding. Capture, review, and iterate on SwiftUI views using axe CLI.

not rated 99 +1 22d ago A tokens not measured 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: