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.

mimikyu

817

3x-haust/Mimikyu

Skill Claude CodeCodex needs its repo

A workflow that converts a Figma design into web code and checks the rendered page against the original design. It uses saved design data, screenshots, pixel differences, and structural checks to guide repeated fixes.

not rated 29 changed 2mo ago A 199 tokens original MIT

design-skill

818

Overbrilliant/ob-1

Skill Claude CodeCodex

Use BEFORE building or restyling anything a user will see — web/mobile UIs, landing pages, dashboards, components, emails, AND creative work like Three.js/WebGL/canvas/SVG scenes, data-viz, games, and animations — to make it look intentional and polished, not generic; covers tokens, type, color, layout, motion…

not rated 29 +1 11d ago A 82 tokens original Apache-2.0

pencil-dev-skill

819

Nisus74/pencil-skill

Plugin Claude Code

Bundles 1 skill · 158 tokens together

Teaches AI coding tools to design, edit, and validate pencil.dev UIs using .pen files, .lib.pen libraries, design-system docs, and the Pencil MCP server.

not rated 28 +1 3mo ago A tokens not measured original MIT

keyshot-mcp

820

truman-t3/keyshot-mcp

Skill Claude CodeCodex

Install, diagnose, and safely use KeyShot MCP for local product visualization, scene editing, camera control, material assignment, and rendering.

not rated 28 +2 changed 2d ago A SkillSpector: pass 32 tokens original MIT

impeccable-lite

821

ilindaniel/impeccable-lite

Skill Claude CodeCodex

Design, build, redesign, critique, audit, and refine frontend interfaces with strong visual direction and production-ready UX. Use for websites, landing pages, dashboards, application UI, components, forms, onboarding, empty states, responsive behavior, accessibility, typography, color, layout, motion, UX copy, or…

not rated 27 3mo ago A 95 tokens original Apache-2.0

figma-mcp-server

822

tothienbao6a0/Figma-Context-MCP

MCP server Claude CodeCodexCursor +2

The most comprehensive Figma MCP server. Access Figma design data, generate comprehensive design systems, and empower AI-driven workflows. Runs locally from the @tothienbao6a0/figma-mcp-server npm package.

not rated 27 1y ago A tokens not measured copy · 86% MIT

figma-mcp-pro

823

artemsvit/Figma-MCP-Pro

MCP server Claude CodeCodexCursor +2

A Claude Desktop MCP server for Figma that retrieves design data, downloads assets, and processes designer comments for AI-powered design implementation. Runs locally from the figma-mcp-pro npm package.

not rated 27 1y ago A tokens not measured original MIT

ai-design-engineer

824

agenisea/ai-design-engineering-cc-plugins

Plugin Claude Code

Bundles 8 skills, 8 commands, 8 agents · 888 tokens together

Human-first AI Design Engineer toolkit with 8 specialized personas for resilient agentic systems: Blueprompt (app specs), Brooks (JTBD methodology), Agenisea (multi-agent architecture), Atlas (data & ML architecture), Argus (security), Angel (backend systems), Clarity (human-first UX research & strategy), and Bliss…

not rated 27 +1 7mo ago A tokens not measured original MIT

ifq-design-skills

826

peixl/ifq-design-skills

Skill Claude CodeCodex

Agent-native design engine that makes AI do more useful work: route the prompt, fork a template, weave IFQ ambient craft, verify the artifact, and only install export tooling when requested. One prompt -> shippable HTML, with optional MP4 / GIF / PPTX / PDF / SVG. Triggers include prototype, hi-fi mockup, slide deck…

not rated 27 +1 1mo ago A 0 tokens original Apache-2.0

figma-to-swiftui

827

daetojemax/figma-to-swiftui-skill

Skill Claude CodeCodex

Implement or update iOS SwiftUI UI from Figma designs; also use for implementation plans, token mapping, or asset export for that UI.

not rated 27 changed 1mo ago A 36 tokens

mcp-freecad

828

jango-blockchained/mcp-freecad

MCP server Claude CodeCodexCursor +2

MCP server "mcp-freecad" as configured in jango-blockchained/mcp-freecad. Runs locally from the mcp-freecad Python package.

not rated 27 1y ago A tokens not measured original MIT

carouselbot

829

alexgusevski/carouselbot

Skill Claude CodeCodex

Create, edit, visually inspect, and export CarouselBot slides through the local CarouselBot MCP companion.

not rated 27 changed 1mo ago A SkillSpector: warn 23 tokens original MIT

Brand

831

b1rdmania/claude-brand-skills

Skill Claude CodeCodex

Complete brand development system with emotive foundation. Triggers on requests for brand identity, logos, visual systems, or design guidelines. Creates distinctive, anti-AI-slop design from strategy through delivery.

not rated 27 +1 8mo ago A 42 tokens

excalidraw

832

eigent-ai/agent-skills

Skill Claude CodeCodex

Generate architecture diagrams as .excalidraw files from codebase analysis. Use when the user asks to create architecture diagrams, system diagrams, visualize codebase structure, or generate excalidraw files.

not rated 27 2d ago A 45 tokens original Apache-2.0

vermont42/iOS-Design-Agent-Skill

Skill Claude CodeCodex

Audit and improve iOS/SwiftUI app aesthetics — typography, color, spatial composition, motion, and atmospheric depth. Use when reviewing UI design, critiquing screenshots, or improving SwiftUI view code beyond functional correctness.

not rated 27 7mo ago A 51 tokens original MIT

boxbox

835

aiunlocked1412/boxbox

Plugin Claude Code

Bundles 1 command, 3 agents · 122 tokens together

See your codebase as a friendly, zoomable picture. Built for non-coders who use AI to build apps — type /boxbox and get a beautiful HTML diagram of how your system works.

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

frontend-design

836

AnswerZhao/agent-skills

Skill Claude CodeCodex

Transform UI style requirements into production-ready frontend code with systematic design tokens, accessibility compliance, and creative execution. Use when building websites, web applications, React/Vue components, dashboards, landing pages, or any web UI requiring both design consistency and aesthetic quality.

not rated 26 9mo ago A 54 tokens

alessioarzenton/claude-code-wp-toolkit

Skill Claude CodeCodex

Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.

not rated 26 8mo ago A 42 tokens GPL-3.0

Amsterdam/amsterdam-agent-skills

Skill Claude CodeCodex

Mandatory for all Gemeente Amsterdam UI work. Use for pages, layouts, forms, dashboards, landing pages, React/JSX/TSX components, styling, theming, scaffolding frontend projects, or any visual interface. Covers @amsterdam/design-system-react, CSS tokens (--ams-), BEM CSS with ams- prefixes, 4/8/12-column Grid…

not rated 26 10d ago A 122 tokens EUPL-1.2

html-style-generator

839

Renais-Star/html-style-generator

Skill Claude CodeCodex

A tool for generating multiple connected HTML page prototypes in different design styles. The generated pages use Simplified Chinese text, custom CSS styling, navigation links, and optional image and icon libraries.

not rated 26 7mo ago A 29 tokens original MIT

live-canvas

840

hamr0/liteagents

Command Claude Code needs its repo

Conduct design interviews, generate UI variations, and collect live click-to-annotate feedback that streams into the session so edits land without leaving the browser. Use when the user wants rapid iterative UI refinement, not just batched feedback.

not rated 26 changed 1mo ago A 46 tokens original Apache-2.0

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: