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.

impeccable

1585

thecodingend/rails-starter

Skill Codex needs its repo

Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states.…

not rated 5 2mo ago A 189 tokens copy · 80% MIT

frontend-design

1586

yodakeisuke/mcp-desicive

Cursor rule Cursor

A set of frontend development rules covering file design, data access, changes to data, state management, performance, and assets.

not rated 5 1y ago A 5 tokens

portfolio-review

1587

wonjyou/portfolio-review-skill

Plugin Claude Code

Bundles 1 skill · 0 tokens together

Design portfolio review skill from a hiring manager perspective. Evaluates portfolios across copy, IA, positioning, case studies, visual design, usability, and leadership signals. Produces a structured annotated report with severity-coded issues, a priority action plan, and an optional HTML export. Created by Won J.…

not rated 5 6mo ago A tokens not measured

darkyzhou/carbon-design-guidelines

Skill Claude CodeCodex

Guides, references, and tooling for building React UIs with IBM's Carbon Design System (@carbon/react v11). Covers design foundations (grid, color, spacing, typography, theming, motion, accessibility), component usage with code samples, design patterns (forms, dialogs, notifications, loading, empty states), and data…

not rated 5 5mo ago A 113 tokens original MIT

pencil-design

1589

chiroro-jr/skills

Skill Claude CodeCodex

Design UIs in Pencil (.pen files) and generate production code from them. Use when working with .pen files, designing screens or components in Pencil, or generating code from Pencil designs. Triggers on tasks involving Pencil, .pen files, design-to-code workflows, or UI design with the Pencil MCP tools.

not rated 5 1mo ago A 67 tokens

nano-banana-ppt

1590

JoeSangAI/nano-banana-ppt

Skill Claude CodeCodex

Use when creating professional PowerPoint presentations, generating slides from content/topics, or visualizing concepts into a deck with Nano Banana 2. Supports Template Cloning and AI Minting modes.

not rated 5 6mo ago A 43 tokens original MIT

ui-pattern-picker

1592

DigitalBoutique-ai/hackerx

Skill Claude CodeCodex

Helps choose the right UI/UX pattern when the user describes a vague design need. Triggers on phrases like "make this easier to navigate," "hide advanced settings," "make this dashboard better," "add menus," "make this feel more professional," or "I don't know what component I need.".

not rated 5 3mo ago A 66 tokens original MIT

UXdesign-buff

1593

omaxqh/UXdesign-buff

Skill Codex

A business- and user-experience review of a product design, based on materials such as Figma files, screenshots, page structure, and product documents. It reconstructs the user's situation and journey before judging the design.

not rated 5 7mo ago A 99 tokens original MIT

brand-setup

1594

SamyGenAI/Smart-creator-design-system

Skill Claude CodeCodex

Capture creator first+last name, update src/creatorIdentity.js (single source of truth), place assets/avatar/avatar-profile.png, then onboard Smart Creator via Track A (website URL + Firecrawl scrape) when the user has visual identity, or Track B (skills/theme-factory presets / custom theme) when they have no site or…

not rated 5 changed 2mo ago A 98 tokens

chohra-med/claude_design_skill

Skill Claude CodeCodex

Take a UI from a one-line idea to on-brand, shippable design with Claude, in the correct order — brand foundation first, then components, screens, interactions, accessibility, and only then generation via /design. Use whenever someone wants to design, redesign, or generate a screen, page, component, or onboarding flow…

not rated 5 4mo ago A 135 tokens original MIT

usage-guidelines

1596

ymm-oss/try-and-learn-figma-mcp-server-book

Cursor rule Cursor

Welcome to the Simple Design System repository! This is a comprehensive React-based design system with Figma integration using Code Connect. This guide will help you understand how to work with the codebase effectively.

not rated 5 8mo ago A 3,760 tokens

mooboard-create-board

1597

jamesdawsonWD/mooboard-skills

Skill Claude Code

Creates a new Moobard/Moobird moodboard folder with a .mooboard.json in the Hybrid-picks collage style — open interactive image collage, interleaved link cards, curved bound arrows (image→link and callout→image), handwritten labels, and a to-do. Use when the user asks for /mooboard-create-board, a shopping or research…

not rated 5 3mo ago A 99 tokens original MIT

openclaw-fusion

1598

pacificmeister/openclaw-fusion

Skill Claude CodeCodex

Control Autodesk Fusion 360 via the AuraFriday MCP Server add-in. Use when the user wants to create, modify, measure, or inspect 3D CAD models, sketches, assemblies, or manufacturing setups in Fusion 360. Triggers on any Fusion/CAD/3D-modeling request.

not rated 5 8mo ago A 66 tokens original MIT

ChinaIceF/staruml-skills

Skill Claude CodeCodex

Create, inspect, and safely modify StarUML .mdj UML class diagrams using the starumltool Python API or CLI. Use this when the user asks to generate UML class diagrams, edit existing .mdj files, add classes, attributes, operations, associations, generalizations, dependencies, or auto-layout class diagrams.

not rated 5 5mo ago A 73 tokens original MIT

design-lab

1600

marchatton/agent-skills

Skill Claude CodeCodex

Conduct design interviews, generate five distinct UI variations in a temporary design lab, collect feedback, and produce implementation plans. Use when the user wants to explore UI design options, redesign existing components, or create new UI with multiple approaches to compare.

not rated 5 8mo ago A 52 tokens original MIT

orcanote-whiteboard

1601

sethyuan/orcanote-agent-skills

Skill Claude CodeCodex

Guide for creating Excalidraw-based whiteboards in Orca Note. Use when user mentions whiteboard or Excalidraw.

not rated 5 2d ago A 33 tokens original MIT

chelsey-xhs-cover

1603

chenxihuang1028-a11y/chelsey-xhs-cover

Skill Codex

A Chinese-language prompt-writing guide for creating vertical Xiaohongshu covers, where Xiaohongshu is a Chinese social media and content platform. It targets covers about AI tools, productivity, product reviews, tutorials, podcasts, work, and personal experience.

not rated 5 3mo ago A 154 tokens

web-ai-slop

1604

sahilkargutkar/web-ai-slop

Skill Claude CodeCodex

Filters web output against a multi-discipline checklist of AI default patterns. Use before shipping any design, copy, UI code, infrastructure config, or documentation. Trigger when the user asks for something 'premium' or 'not AI-looking', when you're about to reach for a glowing gradient, bento grid, SaaS empowerment…

not rated 5 3mo ago A 91 tokens original MIT

deslopify

1605

AntonioSpagnol/UI-Deslopify-Skill

Skill Claude Code

Audits and refactors vibe-coded UIs by replacing each slop element with modern 21st.dev components or equivalents with real visual character — never removes without replacing. Runs a mandatory grill-me style interview (one question at a time, with recommendations) before touching files, including brand identity and…

not rated 5 5mo ago A 120 tokens original MIT

Tangc/tangzhan-skills

Skill Claude CodeCodex

A webpage design tool that turns text into a standalone page with a chosen visual style. It includes more than 30 design styles and helps match text to a style.

not rated 5 4mo ago A 64 tokens

design-lenses

1607

andrejkanuch/design-lenses

Plugin Claude Code

Bundles 3 skills · 154 tokens together

Orchestrates 8 specialist agents across 4 iterations to take any UI file from functional to production-grade. Covers visual hierarchy, typography, layout, accessibility, motion, resilience, and polish.

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

website-design-veteran

1608

Eskapeum/website-design-veteran

Plugin Claude Code

Bundles 1 skill, 1 command · 72 tokens together

Conversational website design system built on 35 years of UX expertise. Creates outstanding, non-generic designs through strategic questioning. Updated with 2025-2026 design trends, modern CSS capabilities, and emerging interaction patterns.

not rated 5 9mo ago A tokens not measured

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: