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.

memi-design/memi

Skill Claude CodeCodex

Use when a task spans interface understanding, design-system memory, UI audits, design CI, Figma, shadcn or Tailwind code generation, research, or agent design workflows and needs the correct Memi capability selected.

not rated 50 +1 changed 1mo ago A SkillSpector: warn 51 tokens original MIT

michelangelo

675

renatoasse/ibeia-skills

Skill Claude CodeCodex

Redesenha artefato visual (UI, documento, slide) com detector determinístico de render.

not rated 50 changed 1mo ago A 25 tokens

reel-text-usage

676

KickNext/reel_text

Skill Codex

Use when adding, reviewing, or refactoring Flutter UI that may use reeltext for compact rolling text: command feedback, async/status labels, counters, rotating short phrases, styled TextSpan phrases, WidgetSpan inline anchors, or editable inline corrections. Also use when deciding whether plain Text is better or…

not rated 50 28d ago A 69 tokens original MIT

deckify

677

seacen/deckify

Plugin Claude Code

Bundles 1 skill · 188 tokens together

Stop making slides. Let AI build them in HTML — the medium it was born to write in. Give deckify any brand URL; in minutes you get a brand-faithful Design System markdown plus a verified 9-slide HTML demo deck.

not rated 49 4mo ago A tokens not measured

UI/UX Designer

678

alec-c4/claude-rails-dev

Agent Claude Code

Specialist in user interface design, user experience flows, accessibility (a11y), and Tailwind CSS styling.

not rated 49 9mo ago A 28 tokens original MIT

diagram-maker

679

amanning3390/hermeshub

Skill Claude CodeCodex

Generate syntactically correct Mermaid diagrams from natural language. Covers flowcharts, sequence diagrams, class diagrams, ER diagrams, state diagrams, Gantt charts, pie charts, and more. Produces clean, render-ready output that avoids the common LLM parsing failures.

not rated 49 4mo ago A 56 tokens original MIT

mobile-android-design

680

xxxxxccc/devops-bot

Skill Claude CodeCodex

Build modern Android apps with Material Design 3 and Jetpack Compose, including theming, navigation, adaptive layouts, and accessibility. Use for Android UI tasks.

not rated 48 7mo ago A 37 tokens original MIT

maquina-ui-standards

681

maquina-app/rails-claude-code

Plugin Claude Code

Bundles 1 skill · 58 tokens together

Build consistent, accessible UIs in Rails using maquinacomponents — ERB partials styled with Tailwind CSS 4, inspired by shadcn/ui.

not rated 48 changed 21d ago A tokens not measured original MIT

dashboard-design

682

markerikson/opencode-config-example

Skill Claude CodeCodex

Design patterns for data-dense dashboard UIs with dark themes. Use when building tables, charts, status panels, and data visualization components. Focuses on readability, information density, and consistent design systems.

not rated 48 6mo ago A 44 tokens original MIT

stitch-kit

683

gabelul/stitch-kit

Plugin Claude Code

Bundles 36 skills, 1 agent, 2 hooks · 2,028 tokens together

Your agent designs terrible UI. stitch-kit wires it into Google Stitch MCP and teaches it the whole pipeline — ideation, screen generation, design systems, and production components across 7 frameworks.

not rated 48 3mo ago A tokens not measured original Apache-2.0

openhop

684

naorsabag/openhop

Plugin Claude Code

Bundles 1 skill, 2 commands · 273 tokens together

Animated data-flow diagrams your AI agent can write. Written by AI. Watched by humans.

not rated 48 2d ago A tokens not measured original MIT

civil3d-mcp

685

barbosaihan/civil3d-mcp

MCP server Claude CodeCodexCursor +2

MCP server "civil3d-mcp" as configured in barbosaihan/civil3d-mcp. Runs locally from the civil3d-mcp npm package.

not rated 48 +2 2mo ago A tokens not measured original MIT

OP

686

MehranMarxian/OpenLayer

Agent Claude Code

OpenLayer Painter — a professional digital artist who makes images through the real OpenLayer panel in Photoshop (via the Agent Bridge), judges every result with an art director's eye, and reports honest product feedback on OpenLayer. Use when asked to "have OP paint/make/design X", to produce hero images, promo art…

not rated 48 +3 yesterday A 87 tokens original MIT

web-stylebook

687

seungdori/web-stylebook-mcp

Plugin Claude Code

Bundles 1 skill, 1 MCP server · 87 tokens together

Improve existing web UIs with researched design judgment, real edits, verification and an honest before/after report. Bundles the web-stylebook-design skill and the offline, read-only Web Stylebook MCP server.

not rated 48 +72 yesterday A tokens not measured original MIT

thesis-flowchart

688

BAOXI11/thesis-flowchart

Skill Codex

Create, revise, normalize, and validate thesis-ready flowchart figures for undergraduate theses, graduation projects, dissertations, and academic papers. Use when users ask to draw or convert thesis/graduation-project process descriptions, algorithm steps, system workflows, business processes, experimental protocols…

not rated 47 +4 3mo ago A 139 tokens original MIT

brand-guidelines

689

mujez/claude-skills

Skill Claude CodeCodex

Brand identity and design system expert. Use when creating or enforcing brand consistency across UI, content, marketing materials, or code. Covers logo usage, typography, color systems, voice and tone, component design tokens, and brand governance. Activate when building new pages, writing copy, or reviewing designs…

not rated 47 8mo ago A 66 tokens original MIT

design-audit

690

Kappaemme-git/codex-design-audit-skill

Skill Codex

Evaluate website, web app, landing page, or frontend implementation quality with a structured design audit and scoring grid. Use when Codex is asked to review UI design, visual hierarchy, UX, responsiveness, accessibility, performance perception, copy clarity, frontend polish, or to produce a design/frontend…

not rated 47 +1 6mo ago A 107 tokens original MIT

variant-design

691

YuqingNicole/variant-design-skill

Skill Claude CodeCodex

Create, vary, review, or extend product interfaces. Routes design generation, design systems, components, existing-site analysis, UX review, presentations, WeChat layouts, brand color, and anti-AI copywriting to focused references while preserving project context and producing runnable code when requested.

not rated 47 changed yesterday A 59 tokens original MIT

yub369302-cyber/gathered-scenes-zine-skill

Skill Codex

Transform a user-supplied photo into a vertical 3:5 Gathered Scenes Zine poster that anchors truthful photography inside a spacious source-derived abstract illustration field, aggressively compresses dense foliage and other micro-detail into a few large quiet forms, integrates one high-chroma hue as compositional…

not rated 47 3mo ago A SkillSpector: pass 125 tokens original MIT

mobbin-mcp

693

pdcolandrea/mobbin-mcp

MCP server Claude CodeCodexCursor +2

MCP server "mobbin-mcp" as configured in pdcolandrea/mobbin-mcp. Runs locally from the mobbin-mcp npm package.

not rated 47 5mo ago A tokens not measured original ISC archived

vtex/skills

Cursor rule Cursor

FastStore styling conventions including CSS custom properties (design tokens), SCSS modules for scoped component styles, component-level overrides using data-fs- attributes, and how to import @faststore/ui styles for new sections. Use when styling components, creating SCSS modules, overriding design tokens in…

not rated 47 23d ago A 77 tokens

aws-diagrams

695

eraserlabs/eraser-io

Skill Claude Code

Visualizes AWS infrastructure from CLI output, CloudFormation, or descriptions. Use when user has AWS resources to diagram.

not rated 47 +1 7mo ago A Socket: passSnyk: pass 27 tokens original MIT

architecture-drawer

696

Andy1314Chen/architecture-drawer

Plugin Claude Code

Bundles 1 skill · 0 tokens together

Turn a text description of a system architecture into a multi-layered SVG diagram, validated by a 13-dimension quality evaluator, then exported to editable PowerPoint.

not rated 47 2mo ago A tokens not measured copy · 92% 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: