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.

moonlin1213/muted-zine-poster-v01

Skill Claude CodeCodex

Generate Muted Zine Poster v0.1 poetic paper-poster prompts and the matching generated image. Use when the user gives a theme, sentence, object, mood, article idea, photo, or content brief and wants a quiet Japanese/Korean zine-like editorial poster with large negative space, aged paper texture, experimental…

not rated 90 +1 3mo ago A 110 tokens original MIT

design-taste

530

h3nryprod01/design-taste

Plugin Claude Code

Bundles 1 skill · 127 tokens together

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 90 +4 changed 1mo ago A tokens not measured original MIT

ks-design

531

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 89 +1 changed 2mo ago A 42 tokens

UI/UX Design Review

532

rknall/claude-skills

Skill Claude CodeCodex

Comprehensive design review for websites and desktop applications with extensive accessibility analysis. Use this skill when users ask you to review UI/UX designs, wireframes, mockups, prototypes, or deployed interfaces for usability, accessibility (WCAG compliance), visual design, interaction patterns, responsive…

not rated 88 +2 1y ago A 72 tokens

pi-tui-design

533

joelhooks/pi-tools

Skill Claude CodeCodex

Create distinctive, crafted TUI components for pi using @mariozechner/pi-tui and @mariozechner/pi-coding-agent. Use when building interactive terminal UIs — custom components, overlays, dialogs, dashboards, widgets, data visualizations, animated elements, game-like interfaces, or any visual TUI work inside pi…

not rated 87 +1 yesterday A 139 tokens

gregkozakiewicz/roast-my-design-system

Plugin Claude Code

Bundles 2 skills, 3 hooks, 2 MCP servers · 158 tokens together

Roast your repo's design system with real data: a health score, the receipts behind it (every colour, spacing value, duplicated component and inline style), and the first fixes ranked by payoff. Deterministic scanner, benchmarked against 119 public repos and 10 reputable design systems, one shareable light/dark HTML…

not rated 86 +29 changed 21d ago A tokens not measured original MIT

hand-drawn-diagrams

535

muthuishere/hand-drawn-diagrams

Skill Claude CodeCodex

Create hand-drawn Excalidraw diagrams, flows, explainers, wireframes, and page mockups. Default to monochrome sketch output; allow restrained color only for page mockups when the user explicitly wants webpage-like fidelity. Use when the user asks for a diagram, flowchart, wireframe, sketch, visual explanation, mind…

not rated 85 1mo ago A 88 tokens

uizze-ui-finish-gate

536

uizze/uizze

Cursor rule Cursor

Apply the UIZZE design contract and finish gate to frontend work.

not rated 85 +8 5d ago A 177 tokens original MIT

ripdpi-design

537

po4yka/RIPDPI

Skill Claude Code

Use this skill to generate well-branded interfaces and assets for RIPDPI (an Android-native, Compose-first VPN and DPI-bypass app), either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, brand-ship icons, and an interactive UI kit of every public composable…

not rated 85 today A 77 tokens original BSD-3-Clause

awesome-skills/mobile-app-design

Skill Claude CodeCodex

This skill should be used when the user asks to "design mobile UI", "review app design", "check UI guidelines", "improve app UX", "design React Native interface", "create app screens", "follow design standards", or mentions iOS/Android design patterns, accessibility, or mobile user experience. Provides comprehensive…

not rated 84 +1 9mo ago A 78 tokens

figma-bridge

540

magic-spells/figma-mcp-bridge

Skill Claude CodeCodex

How to work through the figma-mcp-bridge effectively and honestly. Read this before any write-heavy design session. Applies to bridge v0.4.0+.

not rated 84 +2 changed 16d ago A SkillSpector: pass 0 tokens original MIT

plumb-mcp

541

tathagat22/plumb-mcp

MCP server Claude CodeCodexCursor +2

Figma → code MCP: no rate limits, no metered quotas, verification loop. Works on every Figma plan. Runs locally from the plumb-mcp npm package. Needs 2 environment variables to run.

not rated 83 +1 23d ago A tokens not measured original MIT

chinese-font-selector

542

Songzhi-lab/chinese-font-selector

Skill Claude CodeCodex

A guide for choosing Chinese fonts and typography for designs such as social-media cards, product materials, websites, books, and posters.

not rated 83 +2 2mo ago A SkillSpector: pass 310 tokens original MIT

store-teardown

543

BENZEMA216/ai-ecommerce-agent-skills

Skill Claude CodeCodex

A visual analysis guide for online shops and competing stores on Taobao, Tmall, JD.com, and Pinduoduo. It examines colors, layout, photography, and overall design style.

not rated 82 6mo ago A 104 tokens

apple-hig

544

LOGIN-TB/claude-skills

Skill Claude CodeCodex

Anwendungen nach Apples Human Interface Guidelines entwickeln, überarbeiten und prüfen. Verwende diesen Skill bei Apple-HIG-Anforderungen, nativen iOS-, iPadOS-, macOS-, watchOS-, tvOS- und visionOS-Oberflächen, SwiftUI-/UIKit-/AppKit-Projekten sowie ausdrücklich HIG-inspirierten Web/PWA-Interfaces. Übersetzt…

not rated 82 +2 8d ago A 145 tokens original MIT

oop-architect

545

ZhongliangGuo/oop-architect

Plugin Claude Code

Bundles 1 skill · 183 tokens together

OOP architecture planning and progress tracking for software projects. Generates Mermaid UML (class, sequence, component, state, and ER diagrams) inside CLAUDE.md with full typed signatures, visibility markers, and implementation status on every class/method/relationship. Triggers on: 'plan the architecture', 'design…

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

design

546

amaynez/kiro-style-sdd

Cursor rule Cursor

Design skill for Spec Driven Development.

not rated 81 +1 11d ago A 38 tokens GPL-3.0

vocabulary

547

index-how/vocabulary

Skill Claude CodeCodex

The precise design and UI vocabulary used on index.how/to/articulate — covering typography, color, iconography, layout, interaction, motion, accessibility, information architecture, copywriting, tools, analysis, and components. Use when reaching for the exact word for a design concept ("what's the term for the space…

not rated 81 5mo ago A Socket: passSnyk: pass 135 tokens

Folio Boards

548

evergreen-it-dev/folio

Skill Claude CodeCodex

Generate Excalidraw boards with createboard's sketch DSL and tidy EXISTING boards with boardops (align/distribute/autolayout) — layout method, palette, worked examples.

not rated 81 +1 yesterday A 41 tokens original MIT

component-builder

549

jrpease/throughline

Cursor rule Cursor

Build Figma components — buttons, inputs, cards, badges, chips, modals, and more — with variant matrices (types, sizes, states) and icon/component/content slots bound to the design system's tokens and styles. Use this when the user wants to create components, build a component library, make buttons/inputs/cards/etc.…

not rated 80 +1 changed 9d ago A 99 tokens original MIT

web-animation-skills

551

iart-ai/web-animation-skills

Plugin Claude Code

Bundles 9 skills · 949 tokens together

Web animation skills for AI coding agents — GSAP, SVG, Lottie, micro-interactions, page transitions, and 60fps performance, installed straight into your agent.

not rated 80 +14 4mo ago A tokens not measured original MIT

clawd-emotes

552

xixicc186/clawd-emotes-skill

Skill Claude CodeCodex

Create original pixel-art "Clawd" crab emotes as pure SVG + CSS keyframe animations (no frame-by-frame GIFs, no raster sprites), and optionally export them to looping GIFs. Each emote is a tiny pixel crab doing an activity — holding a prop, wearing a hat, reacting — built from / / and animated with @keyframes. Use…

not rated 79 3mo ago A SkillSpector: pass 204 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: