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.

usage-monitor-design

1009

edilsonvilarinho/usage-monitor

Skill Claude Code

Use this skill to generate well-branded interfaces and assets for Usage Monitor, either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for protoyping.

not rated 18 today A 52 tokens copy · 88% MIT

unslop

1010

runkids/my-skills

Skill Codex

Turns vibecoded, AI-looking UI into a designed interface with its own character. Finds a direction from the product itself, then fixes spacing, color, icons, copy, type, layout, details, visuals and motion in that order, and can generate a real hero visual with an image tool when one is available. Use when the user…

not rated 17 +1 yesterday A 152 tokens

open-pencil

1011

open-pencil/skills

Skill Claude CodeCodex

Work with Figma .fig design files and the running OpenPencil editor — inspect structure, query nodes, analyze design tokens, export PNG/SVG/PDF/JSX, and modify designs programmatically. Use when asked to open, inspect, export, analyze, or edit .fig files, or to control the running OpenPencil app.

not rated 16 1mo ago A Socket: passSnyk: pass 73 tokens original MIT archived

mermaid-mcp-server

1014

abekdwight/mermaid-mcp-server

MCP server Claude CodeCodexCursor +2

Mermaid diagram MCP server. Runs locally from the mermaid-mcp-server npm package.

not rated 16 1y ago A tokens not measured original MIT

anti-slop-review

1015

markoblogo/abvx-agent-skills

Skill Codex

Review an implemented product UI or public prose surface for hard visual defects, design-system incoherence, repeated template patterns, and AI-writing tells without treating subjective taste as universal law. Use for pre-ship screenshots, browser review, README/tool-page copy, launch notes, guide prose, or redesigns…

not rated 16 changed 24d ago A SkillSpector: pass 91 tokens original MIT

krds-mcp

1016

KRDS-MCP/krds-mcp

MCP server Claude CodeCodexCursor +2

An MCP server containing the Korea Design System, a set of design guidance for Korean government digital services.

not rated 16 9mo ago A tokens not measured

figlets

1017

arashr/figlets

Plugin Claude Code

Bundles 4 skills · 227 tokens together

Figma design system workflow: bootstrap variables, build components, audit token compliance, and generate spec handovers.

not rated 16 7mo ago A tokens not measured

excalidraw

1018

NicholasSpisak/excalidraw

Skill Claude CodeCodex

Create and edit Excalidraw diagrams in an Excalidraw+ workspace — flowcharts, software architecture diagrams, sequence diagrams, data-flow diagrams, UML, Gantt charts, mind maps, wireframes, mockups, presentations/slide decks, roadmaps, user personas, brainstorming boards, Lean Canvas, SWOT analysis, competitor…

not rated 16 changed 17d ago A 111 tokens original MIT

m3-expressive

1020

TalissonVitorino/kmp-ios-skills

Skill Claude CodeCodex

Material 3 Expressive design patterns for Jetpack Compose - expressive theming, motion physics, shape morphing, typography emphasis, color emphasis, and all 28 expressive components.

not rated 16 2mo ago A SkillSpector: pass 41 tokens original MIT

basecoat-ui

1021

Sorbh/basecoat-ui-mcp

MCP server Claude CodeCodexCursor +2

MCP server "basecoat-ui" as configured in Sorbh/basecoat-ui-mcp. Runs /absolute/path/to/basecoat-mcp/server.js with node.

not rated 16 14d ago A tokens not measured

pradaslides

1022

prodigeproject/pradaslides

Skill Codex

Create, redesign, critique, or plan audience-ready presentations and PowerPoint decks from a short prompt or source material. Use for portfolios, work/result reviews, proposals, sales decks, investor pitches, strategy or decision decks, research and technical talks, lessons, keynotes, reports, product launches, and…

not rated 16 3mo ago A 146 tokens original MIT

frontend-design

1023

AkyRayy/Frontend-Design-SKILLS-for-AI

Skill Claude CodeCodex

Design-quality skill for AI agents building websites, landing pages, and web app UI. Use whenever creating or restyling any web interface that must read as designed by a senior designer, not generated. Covers aesthetics and sub-styles (Linear, Stripe, Vercel, editorial, Swiss, brutalist), typography, color tokens…

not rated 16 2mo ago A 99 tokens original MIT

cursorrules

1025

awbx/fhir-dsl

Cursor rule Cursor

Use the latest version of Shadcn to install new components, like this command to add a button component.

not rated 15 6mo ago A 45 tokens copy · 100% MIT

design-reference

1026

animalzinc/claude-plugins

Plugin Claude Code

Bundles 1 skill · 54 tokens together

Iterative design research process: brief, reference collection, per-reference feedback, pattern synthesis, design principles, and prototype iteration. Builds shared visual language before any prototyping begins.

not rated 15 2mo ago A tokens not measured original MIT

bricks-mcp-server

1027

sabiertas/bricks-mcp-server

MCP server Claude CodeCodexCursor +2

Provider-agnostic MCP server that exposes Bricks Builder pages, templates, global classes and theme styles as tools. Works with any MCP-compatible client (Claude Code, Codex CLI, etc.). Runs locally from the bricks-mcp-server npm package.

not rated 15 4mo ago A tokens not measured

exposnap

1028

edwarddjss/ExpoSnap

MCP server Claude CodeCodexCursor +2

ExpoSnap: Enhanced MCP server for screenshot management with remote capture and AI integration. Runs locally from the exposnap npm package.

not rated 15 11mo ago A tokens not measured original MIT

awwwards-animations

1029

DevMartinese/awwwards-animations-skill

Skill Claude CodeCodex

Professional React animation skill for creating Awwwards/FWA-level animations using GSAP (useGSAP), Motion (Framer Motion), Anime.js, and Lenis. Use when building premium scroll experiences, custom cursors, page transitions, text animations, parallax effects, micro-interactions, or any animation that needs to be 60fps…

not rated 15 9mo ago A 209 tokens

brandsystem-mcp

1031

Brandcode-Studio/brandsystem-mcp

MCP server Claude CodeCodexCursor +2

Build portable .brand runtimes from websites, Figma, and PDFs for use across AI tools. Runs locally from the @brandsystem/mcp npm package.

not rated 15 yesterday A tokens not measured original MIT

charlesmu99/speccrew

Agent Claude Code

SpecCrew Feature Designer. Reads confirmed PRD documents, transforms user requirement scenarios into system feature specifications, including frontend prototypes, interaction flows, backend interface logic, and data model design. Does not focus on specific technology implementation details, but outlines how to…

not rated 15 6mo ago A 0 tokens original Apache-2.0

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: