Design and UX

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

design-taste

601

h3nryprod01/design-taste

Skill Claude CodeCodex

Elite frontend design taste for building, reviewing, and polishing web interfaces. Use whenever the user wants to design, redesign, shape, critique, audit, polish, or improve any UI — landing pages, portfolios, dashboards, product UI, components, forms, onboarding, empty states — or asks to make something look better…

not rated 49 +6 1mo ago A 127 tokens original MIT

cad-automation

602

delancy827/cad-skills

Skill Claude CodeCodex

Guidance for automating computer-aided design (CAD), software used to create technical drawings and 3D models. It covers connecting to AutoCAD and compatible CAD programs, creating files offline, and handling drawings, layers, dimensions, blocks, and models.

not rated 49 +7 3mo ago A 93 tokens original MIT

penpot

603

EXXETA/trufos

MCP server Claude CodeCodexCursor +2

MCP server "penpot", hosted remotely, as configured in EXXETA/trufos.

not rated 49 3d ago A tokens not measured GPL-3.0

getdesign

604

MohtashamMurshid/getdesign

Skill Claude CodeCodex

Turn any public URL into a production-grade 9-section design.md spec (colors, typography, components, layout, depth, motion, responsive, prompt guide) using the agent's own built-in tools — WebFetch, browser/screenshot, and file writes. Use when the user asks to "generate a design system from a URL", "extract brand…

not rated 49 4d ago A Socket: passSnyk: warnSkillSpector: warn 132 tokens original MIT

ks-design

606

MikeCodeur/killer-saas

Command Claude Code

Derive a story's screen from the design system. Autonomous path (the agent produces it) or brief path (an external tool produces it and the result comes back). Never freestyles outside the system.

not rated 48 +2 changed 3d ago A 42 tokens

finesse-brief

607

mouse-lin/finesse-brief

Cursor rule Cursor

A product-definition method that creates a written workbench specification before anyone builds the interface. A workbench can be a personal browser page for daily records or a larger browser system with modules, pages, and data entities.

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

ui-and-theme

608

pinebasedev/svelteflare

Skill Claude CodeCodex

Frontend/design system skill for the svelteflare monorepo. Use this whenever the user wants to build or modify UI — pages, sections, components, layouts, forms, cards, tables, dialogs, dashboards, or landing pages. Also invoke for anything theme-related: light/dark mode, custom colors, design tokens, typography, or…

not rated 47 1mo ago A SkillSpector: pass 159 tokens original MIT

xxxxxccc/devops-bot

Skill Claude CodeCodex

Build production-ready design systems with Tailwind CSS v4, including CSS-first configuration, design tokens, component variants, and accessibility. Use when working with Tailwind projects.

not rated 47 5mo ago A 39 tokens original MIT

brand-guidelines

610

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 7mo ago A 66 tokens original MIT

design-audit

611

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 4mo ago A 107 tokens original MIT

maquina-ui-standards

612

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 47 24d ago A tokens not measured original MIT

checklist-design

613

Checklist-Design/skills

Plugin Claude Code

Bundles 1 skill, 1 hook · 171 tokens together

Design review grounded in Checklist Design's 100+ published checklists. One skill, two modes: /checklist-design audit for a systematic item-by-item check, /checklist-design critique for quick honest feedback.

not rated 48 +4 changed 2d ago A tokens not measured original MIT

variant-design

614

YuqingNicole/variant-design-skill

Skill Claude CodeCodex

AI-driven interactive design generation, style analysis, and UX evaluation with Impeccable design system. Context-aware output — auto-detects React projects (package.json with react dependency) and generates .tsx components; otherwise generates zero-dependency interactive HTML. Seven modes — (0) Design System: tokens…

not rated 46 27d ago A 607 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 46 +2 1mo ago A SkillSpector: pass 125 tokens original MIT

mobbin-mcp

616

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 45 3mo ago A tokens not measured original ISC archived

icon-composer-mcp

617

ethbak/icon-composer-mcp

MCP server Claude CodeCodexCursor +2

CLI and MCP server for creating Apple .icon bundles with Liquid Glass effects (iOS 26+). Runs locally from the icon-composer-mcp npm package.

not rated 45 +2 5mo ago A tokens not measured original MIT

dashboard-design

618

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 44 4mo ago A 44 tokens original MIT

logo-design

619

atypica-ai/marketing-skills

Skill Claude CodeCodex

Design professional logos as SVG code with browser preview. Use this skill when the user asks to design a logo, create a brand mark, make an icon, or build a visual identity. Also triggers on 'logo', 'brand mark', 'wordmark', 'monogram', 'icon design', 'visual identity', or 'design a logo for'. Outputs clean, scalable…

not rated 44 5mo ago A 84 tokens original MIT

stitch-kit

620

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 45 +1 1mo ago A tokens not measured original Apache-2.0

preview-html-author

621

CaesiumY/ko-design-md

Agent Claude Code

Use ONLY as part of the /design-md skill pipeline. Builds one self-contained preview HTML file (preview.html) carrying both themes, which visually demonstrates a design.md's tokens and components. Hero on top + component showcase grid below. Writes to staging only — never to public/preview/ directly.

not rated 44 +2 yesterday A 66 tokens original MIT

indesign-cli

622

zhanglongxiao111/indesign-cli

Skill Codex

A guide for creating and editing fixed-page HTML layouts, InDesign presentations, architectural reports, and typeset documents. It also covers converting between HTML and InDesign files and filling existing InDesign templates.

not rated 45 +2 4d ago A SkillSpector: pass 55 tokens original MIT

fairygui-agent-bridge

624

Wilson520403/fgui-agent-bridge

MCP server Claude CodeCodexCursor +2

MCP server "fairygui-agent-bridge" as configured in Wilson520403/fgui-agent-bridge. Runs locally from the fairygui-agent-bridge Python package.

not rated 47 +4 21d ago A tokens not measured 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: