Design and UX

17,526 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.

umg-mcp-authoring

313

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 198 +2 1mo ago A SkillSpector: pass 79 tokens original MIT

ban-pattern

314

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 196 changed yesterday A SkillSpector: pass 67 tokens original MIT

dark-theme-no-banding

315

ASHR12/iris

Cursor rule Cursor

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

not rated 195 +1 1mo ago A 0 tokens original MIT

variate

316

Nutlope/variate

Skill Claude Code

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 194 +10 18d ago A 168 tokens original MIT

claude-design

317

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 189 +2 1mo ago A 202 tokens original MIT

domscribe

318

patchorbit/domscribe

Plugin Claude Code

Bundles 1 skill, 1 MCP server · 94 tokens together

Domscribe is a pixel-to-code development tool that maps running UI elements to their exact source locations, capturing runtime context (props, state, DOM) for handoff to coding agents via MCP.

not rated 188 29d ago A tokens not measured copy · 89% MIT

chunui

319

liseami/ChunUI

Skill Claude CodeCodex

Build iOS apps with the ChunUI design system (Monochrome texture extracted from the production app Zinner/Chat0IM). Use when integrating ChunUI via SPM, theming with CCColors, using CC components (buttons/forms/cards/sheet/toast/alert/skeleton), Metal effects (aurora/fractal/generating/sweep), motion primitives…

not rated 187 +1 7d ago A SkillSpector: pass 104 tokens original MIT

sql2er

320

ystemsrx/sql_to_ER

Skill Codex

Use when the user wants a Chen-model ER diagram from SQL CREATE TABLE statements or DBML, wants to rearrange or clean up an existing sql2er state, wants a skeleton-only overview with attributes hidden at generate time, or needs drawio/svg/png/json/html exports with final visual review.

not rated 187 changed 2d ago A 63 tokens AGPL-3.0

swiftui-design-skill

321

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 186 +4 4mo ago A 85 tokens original MIT

tui-design

322

pass-agent/loomkin

Skill Claude CodeCodex

This skill should be used when designing terminal user interfaces, creating TUI layouts, choosing TUI color schemes, implementing keyboard navigation, building terminal dashboards, or working with any TUI framework. Activates on mentions of TUI design, terminal UI, Ratatui layout, Ink components, Textual widgets…

not rated 179 3mo ago A 109 tokens original MIT

creative-direction

323

dylanfeltus/skills

Skill Claude CodeCodex

Image prompt templates, model selection guidance, and anti-generic patterns for generating visual assets. Use when the user needs AI-generated images for landing pages, marketing, or products. Covers hero images, feature illustrations, OG cards, icons, and backgrounds.

not rated 179 5mo ago A 53 tokens

anydesign

324

uxKero/anydesign

Skill Claude CodeCodex

Analyze images, websites, and Figma files to extract their design and generate a design.md with token system, component inventory, and reconstruction notes. Use this skill whenever the user wants to understand, document, replicate, or audit the design of something visual: a screenshot, a URL, a Figma link, a Pinterest…

not rated 182 +11 2mo ago A 214 tokens original MIT

design-system-ops

325

murphytrueman/design-system-ops

Plugin Claude Code

Bundles 40 skills, 14 commands · 4,522 tokens together

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

not rated 176 +2 16d ago A tokens not measured original MIT

ui-audit

326

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 175 +2 today A SkillSpector: warn 97 tokens original Apache-2.0

ios-accessibility

328

dadederk/iOS-Accessibility-Agent-Skill

Skill Codex

Expert guidance on iOS accessibility best practices, patterns, and implementation. Use when developers mention: (1) iOS accessibility, VoiceOver, Dynamic Type, or assistive technologies, (2) accessibility labels, traits, hints, or values, (3) automated accessibility testing, auditing, or manual testing, (4) Switch…

not rated 167 6mo ago A Socket: passSnyk: pass 101 tokens original MIT

apple-hig

329

justinwetch/HIGAgentSkills

Skill Claude CodeCodex

Apple Human Interface Guidelines reference (Updated for OS 27 releases). Provides authoritative platform-specific design rules, component specifications, exact measurements, and interaction patterns for iOS, iPadOS, macOS, tvOS, visionOS, and watchOS. Use when designing, reviewing, or auditing any Apple platform UI…

not rated 258 +4 2mo ago A 124 tokens

design-doc-mermaid

330

SpillwaveSolutions/design-doc-mermaid

Plugin Claude Code

Bundles 1 skill · 79 tokens together

Default diagrams for design docs, walkthroughs, and requirements (flowchart, sequence, class, ER, state, C4). GitHub wiki renders the fence. Confluence needs PNG or SVG as well.

not rated 167 +7 14d ago A tokens not measured

jarvis-onshape-mcp

331

ReshefElisha/jarvis-onshape-mcp

Plugin Claude Code

Bundles 2 skills · 163 tokens together

Jarvis Onshape MCP — let Claude drive real Onshape CAD. Sketches, extrudes, fillets, mates, parametric iteration, FeatureScript custom features. Includes the vision-decomposition skill (zoom-and-describe a reference image into a structured feature tree before building) and side-by-side reference comparison tool.…

not rated 168 +3 4mo ago A tokens not measured

general

332

Khan/wonder-blocks

Cursor rule Cursor

Wonder Blocks design system conventions, component patterns, and coding standards.

not rated 163 3d ago A 5,190 tokens original MIT

canvas-design

333

AgiFlow/aicode-toolkit

Skill Claude CodeCodex

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.

not rated 162 +1 1mo ago A 59 tokens AGPL-3.0

ux-writing

334

content-designer/ux-writing-skill

Skill Claude CodeCodex

Create user-centered, accessible interface copy (microcopy) for digital products including buttons, labels, error messages, notifications, forms, onboarding, empty states, success messages, and help text. Use when writing or editing any text that appears in apps, websites, or software interfaces, designing…

not rated 163 +4 3mo ago A 137 tokens original MIT

dashmotion

335

csthink/dashmotion

Skill Claude CodeCodex

Create dark-themed, animated technical diagrams as self-contained HTML+SVG files — flowcharts whose connectors visibly flow, and architecture diagrams where requests travel as light dots through the system (Diagrid/Temporal landing-page style). Use this skill whenever the user asks for a flowchart, workflow, pipeline…

not rated 162 +1 2mo ago A SkillSpector: warn 187 tokens original MIT

interface-kit

336

JuliusBrussee/skills

Skill Claude CodeCodex

Authoritative guide for implementing stunning, accessible, performant UI. Synthesizes design engineering philosophy, accessibility standards, animation principles, spatial design, typography, color systems, and component craft into a single actionable reference. Complements the design-system skill (which covers…

not rated 160 +1 1mo ago A Socket: passSnyk: passSkillSpector: pass 125 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: