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.

custom-icons

721

JKc66/custom-icons-skill

Skill Codex

Create or refine custom icon assets as native or traced SVGs and transparent PNG/WebP files. Use when the user asks for a bespoke icon or cohesive icon set, wants an image traced into a clean vector, or needs a detailed or 3D icon with transparency.

not rated 41 1mo ago A 57 tokens original MIT

kompas-mcp-operator

722

dwnmf/KOMPAS-3D-MCP-bin

Skill Codex

Operate KOMPAS-3D MCP for 2D drawings, 3D parts, CAD-as-Code scripts, screenshots, exports, runtime memory, remote/local recovery, and Graph Brain diagnostics. Use when Codex needs to create, edit, inspect, validate, or debug geometry through mcpkompas3d, especially for sketch-feature chains, reusable scenarios…

not rated 41 +1 2mo ago A 95 tokens

ux-design

723

bacnh85/pi-extensions

Skill Claude Code

Anti-slop UI/UX design discipline for AI-generated interfaces. Enforces industrial-design principles (Dieter Rams: honest, thorough to the last detail, as little design as possible) so output is a defensible system, not statistical-default slop (purple glow, shadow-as-texture, missing states) — and equally not the…

not rated 41 changed 1mo ago A 219 tokens

revit-mcp-server

725

Demolinator/revit-mcp-server

MCP server Claude CodeCodexCursor +2

MCP server "revit-mcp-server" as configured in Demolinator/revit-mcp-server. Runs locally from the revit-mcp-server Python package.

not rated 41 +1 2d ago A Socket: pass tokens not measured original MIT

figma-to-code

726

scoobynko/claude-code-design-skills

Skill Claude CodeCodex

Generate production-ready React/Next.js code from Figma designs. Instructs proper Figma MCP tool usage, component reuse strategies, and variant mapping. CRITICAL: ALWAYS use this skill when user provides a Figma link or mentions implementing/redesigning from Figma design. Never attempt manual implementation without…

not rated 40 1mo ago A 0 tokens original MIT

Nagarjuna2997/ios-agent-skill

Agent Claude Code

Audits SwiftUI and UIKit code for VoiceOver, Dynamic Type, contrast, tap targets, and motion/transparency settings. Read-only — reports findings with file:line and the specific fix. Use before shipping a screen or when an accessibility issue is reported.

not rated 40 changed 1mo ago A 57 tokens original MIT

humane

728

glebis/humane-agentic-design

Plugin Claude Code

Bundles 21 skills, 1 agent · 3,010 tokens together

21 design-method skills for people and agents: evidence, prototypes, tokens, typography, semantic interactions, scroll stories, optional sound, reviews, and framework adaptation.

not rated 40 +1 changed 22d ago A tokens not measured original MIT

nodesign

729

Xiaokebuyu/Nodesign

Plugin Claude Code

Bundles 6 skills · 1,124 tokens together

NoDesign design agent runtime — methodology skills + canvas templates.

not rated 40 26d ago A tokens not measured AGPL-3.0

dashboard-design

730

DeepSQLAI/deepsql

Skill Claude CodeCodex

Design and code a self-contained HTML dashboard for DeepSQL — ground on the schema, verify SQL, then emit it as a shell plus one verified widget block at a time so the canvas builds progressively.

not rated 40 5d ago A SkillSpector: warn 43 tokens original Apache-2.0

design-skills

731

master5d/claude-design-skills

Plugin Claude Code

Bundles 6 skills · 280 tokens together

Design skill bundle — curated skills from the best design engineers on the web. Includes Emil Kowalski's design engineering principles, UI Skills baseline enforcement, and the Interface Design craft system.

not rated 40 +2 7mo ago A tokens not measured

design-engineering

732

AgentsORG/design-engineering

Plugin Claude Code

Bundles 1 skill, 15 commands, 10 agents · 1,062 tokens together

Design engineering for AI agents — animation timing, transitions, typography, color, components, layout, accessibility, anti-patterns, sound, SVG, launch films, faux product UI. Plus a SOUL.md identity layer and ten workflow subagents (ui-reviewer, motion-auditor, anti-pattern-scanner, agentation-fix-loop…

not rated 40 +4 changed 5d ago A tokens not measured original MIT

uxcel

733

Uxcel-Lab/product-skills

Plugin Claude Code

Bundles 58 skills · 6,117 tokens together

UX and product management skills from Uxcel lessons — audits, screens, flows, components, deliverables, processes, and workflows. Use for design reviews, heuristics audits, PRDs, roadmaps, onboarding flows, accessibility, and PM discovery.

not rated 40 +4 4mo ago A tokens not measured original MIT

albertzhangz10/figma-design-system-to-design-md

Plugin Claude Code

Bundles 1 skill · 78 tokens together

Figma design system to design.md — Extract Figma design system into a structured design.md document. Automatically detects token files, style configs, and Figma MCP data to generate comprehensive design system documentation covering Colors, Typography, Spacing, Border Radius, Elevation, Responsive, and more.

not rated 39 7mo ago A tokens not measured original MIT

Pretend-to/mio-chat-backend

Skill Claude CodeCodex

Author and invoke high-quality, mobile-first AnyUI HTML templates for MioChat. Guides the creation of clean, responsive cards, game interfaces, forms, story choices, and Galgame/visual novel dialogue cards rendered via extraRender in Shadow DOM. Enforces decoupled zero-round-trip async image rendering (pure CSS…

not rated 39 7d ago A SkillSpector: pass 148 tokens original MIT

daffy0208/ai-dev-standards

Skill Claude CodeCodex

Build scalable, maintainable design systems that unify product experiences. Use when creating component libraries, design tokens, or establishing design standards. Covers atomic design, Storybook, theming, and design system governance.

not rated 39 +1 10mo ago A 45 tokens original MIT

Foxfire1st/agents-remember

Skill Claude CodeCodex

Review the agents-remember cockpit dashboard like a user: discover the intended workflow scenarios, detect missing views and where users get stuck, and judge whether the UI is self-explanatory at a glance / leads the user / progressively discloses / has clear hierarchy / is a good observability surface. Conducts the…

not rated 39 yesterday A SkillSpector: pass 102 tokens original MIT

vibe-to-ui

738

MonkeyUI-dev/vibe-to-ui

Skill Claude CodeCodex

Design systems, motion, mood boards, spatial layout, visual assets, Design Context profiles, and a global Inspiration Library from screenshots, website URLs, inspiration images, music, or fuzzy aesthetic intent. Classifies page archetype, explores 3 product-aware directions before locking tokens (unless exact…

not rated 39 2mo ago A 122 tokens original MIT

codebase-design

739

astordu/qoderharness

Skill Claude CodeCodex

A design guide for organizing code around small interfaces that hide substantial behavior. It defines shared terms for modules, implementations, adapters, seams, testability, and the benefits of keeping changes localized.

not rated 39 1mo ago A SkillSpector: pass 74 tokens original MIT

app-icon-gen

740

xzhih/app-icon-skill

Skill Claude CodeCodex

Use when creating, repairing, converting, packaging, or verifying app icons for any platform from briefs, references, brand marks, SVG/logo/text assets, generated concepts, or existing icons; use the optional Apple adapter when Icon Composer output is requested.

not rated 39 +22 3mo ago A 53 tokens

ui-application-detail

741

eliornl/rolemule

Cursor rule Claude CodeCursor

Application detail page — 10-tab layout, render functions, CSS classes, data field mappings, content regeneration.

not rated 38 yesterday A 0 tokens original MIT

ui-flow-design

742

sean-sunagaku/claude-code-plugin

Skill Claude CodeCodex

A screen-design skill that turns product requirements into user flows and PlantUML wireframes. A wireframe is a rough screen layout showing structure and interactions before visual styling.

not rated 38 3mo ago A SkillSpector: pass 281 tokens original MIT

freecad-mcp-agent

743

theosib/FreeCAD-MCP-Server

MCP server Claude CodeCodexCursor +2

MCP server "freecad-mcp-agent" as configured in theosib/FreeCAD-MCP-Server. Runs locally from the freecad-mcp-agent Python package.

not rated 38 +1 8mo ago A tokens not measured

quzhi-ai/logo2docs

Skill Claude CodeCodex

Universal branded office document generation suite. Extracts brand identity from a company logo, builds a complete design system (brand-config.json), then generates professional Excel, Word, PPT, PDF, flowcharts, handbooks, and diagrams — all consistently branded. Use this skill whenever the user wants to: create…

not rated 38 +1 6mo ago A 178 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: