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.

Abhinavbwj/Claude-skills-for-Computational-Designers

Plugin Claude Code

Bundles 18 skills · 637 tokens together

18 specialized Claude Code skills for computational design in AEC covering parametric modeling, generative design, computational geometry, algorithmic patterns, structural computation, environmental simulation, facade engineering, digital fabrication, BIM scripting, interoperability, optimization methods, data-driven…

not rated 226 +2 7mo ago A tokens not measured original MIT

apple-hig-designer

338

axiaoge2/Apple-Hig-Designer

Skill Claude CodeCodex

Design Apple-style iOS/macOS interfaces following Human Interface Guidelines. Creates HIG-compliant components with SF Symbols, San Francisco typography, and proper accessibility. Supports optional modern effects. Use when designing Apple-style UI, iOS/macOS interfaces, HIG-compliant components, or implementing design…

not rated 224 +10 8mo ago C 67 tokens original MIT

ios-taste

340

pproenca/dot-skills

Skill Claude CodeCodex

Designs iOS 18+ SwiftUI experiences with real taste — starting from user goals, not pixels. Use this skill whenever the user asks you to build SwiftUI views, screens, or experiences. Trigger when the user says "build a settings screen", "create a detail view", "design this properly", "I want this to feel like a native…

not rated 221 +2 2mo ago A SkillSpector: pass 130 tokens original MIT

umg-mcp-authoring

341

winyunq/UnrealMotionGraphicsMCP

Skill Codex

Use when Codex needs to create, edit, inspect, validate, or demo UE5.8 UMG interfaces through Unreal Motion Graphics MCP/FabUmgMcp, especially target/default workflows, widget tree authoring, HLSL-backed UI materials, Sequencer widget animations, Blueprint event wiring, readback validation, or operation-trace demo…

not rated 221 +2 3mo ago A SkillSpector: pass 79 tokens original MIT

variate

342

Nutlope/variate

Skill Claude CodeCodex

Puts real design variations of one project file on the user's own localhost, behind a small card that flips them with the arrow keys, then keeps listening for their verdict. Use when the user wants design variations, alternatives, or directions to choose between; asks to try a different hero, layout, palette, section…

not rated 221 +6 2mo ago A 168 tokens original MIT

internet-development/nextjs-css-agent-components

Skill Claude CodeCodex

Port a component from nextjs-css-agent-components into a different repo without losing the design-system precision. Use when the user says "copy this component to ", "lift Button into ", "bring the Thin layout over", or otherwise wants a faithful transplant of one or more components from this codebase. Carries over…

not rated 218 +1 changed 6d ago A SkillSpector: pass 106 tokens original MIT

brainstorming

344

modimihir07/agentic-os

Skill Claude CodeCodex

Socratic design refinement and ideation.

not rated 217 +5 15d ago A SkillSpector: pass 11 tokens original MIT

visualize

345

Cloudgeni-ai/opengeni

Skill Claude CodeCodex

Create visualizations and interactive tools directly in conversation. Use when the user asks to see how something works, explore 'what happens when' or 'what changes', compare or inspect, or wants a simulation, map, chart, graph, or mockup, or when a visual clearly explains better than text. Use standard tools for…

not rated 216 +3 changed 6d ago A 72 tokens original Apache-2.0

design-system-ops

346

murphytrueman/design-system-ops

Plugin Claude Code

Bundles 36 skills, 4 commands · 2,399 tokens together

Staff-level design system auditing, governance, documentation, validation, and communication — 36 skills, 4 agents, and 13 knowledge notes for the full design system lifecycle.

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

starcat-ui-prototype

347

starcat-app/Starcat

Skill Claude CodeCodex

A design skill for creating macOS interface prototypes and visual designs for Starcat, a GitHub star-management and AI knowledge-organising app. It follows Apple’s Liquid Glass design language for macOS 26.

not rated 215 +3 yesterday A 85 tokens original MIT

review

348

golbin/agent-skills

Skill Codex

Review software designs and implementations for user experience, simplicity, and maintainability; apply fixes when requested.

not rated 215 1mo ago A 22 tokens

claude-design

349

jiji262/claude-design-skill

Skill Claude CodeCodex

Produce thoughtful, high-fidelity design artifacts in HTML — landing pages, slide decks, interactive prototypes, animated videos, posters, wireframes, and visual explorations. Use whenever the user asks to design, mock up, prototype, visualize, storyboard, or explore UI options — including phrases like "make a deck"…

not rated 214 +1 3mo ago A 202 tokens original MIT

claude2figma

351

senlindesign/claude2figma

Plugin Claude Code

Bundles 4 skills, 1 hook · 249 tokens together

Design System compliance harness for Claude + Figma. Enforces library-first components, token binding, and automated QA — so AI-generated designs stay on-spec.

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

guizang-ppt-skill

352

OWWZO/ai-agent

Skill Claude CodeCodex

A skill for creating single-file, horizontal web presentations that work like slide decks. It includes templates for speaker notes, presenter and audience views, section covers, large-number data slides, image grids, and WebGL backgrounds.

not rated 206 18d ago A 176 tokens

mermaid-skill

353

Agents365-ai/mermaid-skill

Skill Claude CodeCodex

A tool for creating text-based Mermaid diagrams and exporting them as PNG, SVG, or PDF files. Mermaid is a format where diagram structure is written as text and laid out automatically.

not rated 205 2mo ago B SkillSpector: warn 137 tokens original MIT

ui-audit

354

rustfs/console

Skill Codex

Audit and fix UI quality issues across web apps, dashboards, landing pages, product sites, forms, dialogs, tables, component libraries, and rendered frontend flows. Use when the user asks for UI walkthrough, visual QA, pixel/detail review, dimensions, spacing, whitespace, color hierarchy, alignment, typography, icon…

not rated 205 2d ago A SkillSpector: warn 97 tokens original Apache-2.0

excalidraw

355

Agents365-ai/excalidraw-skill

Skill Claude CodeCodex

Use when user requests diagrams, flowcharts, architecture charts, or visualizations. Also use proactively when explaining systems with 3+ components, complex data flows, or relationships that benefit from visual representation. Generates .excalidraw files and exports to PNG/SVG via Kroki API or locally using…

not rated 204 3mo ago A SkillSpector: warn 73 tokens original MIT

swiftui-design-skill

356

Wholiver/swiftui-design-skill

Skill Claude CodeCodex

SwiftUI frontend visual design skill. Creates beautiful, distinctive iOS/macOS interfaces that avoid generic AI slop patterns. Covers design direction, layout systems, typography, color, spacing, brand integration, and design review. Use when designing new SwiftUI views, reviewing UI quality, creating iOS prototypes…

not rated 204 +10 6mo ago A 85 tokens original MIT

ie3-design-bridge

357

ie3jp/illustrator-mcp-server

Plugin Claude Code

Bundles 1 skill, 1 MCP server · 101 tokens together

Work with Adobe Illustrator from Claude Code and Cowork — read, edit and export Illustrator documents via illustrator-mcp-server, plus a pre-press preflight skill. Not affiliated with Adobe.

not rated 204 +15 1mo ago A tokens not measured original MIT

dark-theme-no-banding

358

ASHR12/iris

Cursor rule Cursor

Dark-theme rules that prevent 8-bit colour banding (contour lines).

not rated 203 3mo ago A 0 tokens original MIT

html-line-svg

359

simbajigege/book2skills

Skill Codex

A method for turning content, screenshots, sketches, or existing HTML diagrams into simple instructional line drawings made with inline SVG, a web format for vector graphics.

not rated 203 +5 2mo ago A SkillSpector: pass 210 tokens original MIT

ban-pattern

360

tsubotax/melta-ui

Skill Claude Code

A design-system rule for recording interface patterns that should not be used because they make a UI look generic or AI-generated.

not rated 202 changed 2mo ago A SkillSpector: pass 67 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: