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.

ui-ux-pro-max

793

PSYOP-Z/UIUXProMax

Plugin Claude Code

Bundles 7 skills · 717 tokens together

UI/UX design intelligence. 67 styles, 161 palettes, 57 font pairings, 25 charts, 15 stacks (React, Next.js, Vue, Svelte, Astro, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Nuxt, Jetpack Compose). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX…

not rated 31 +2 6mo ago A tokens not measured original MIT

spectr

794

Meliwat/spectr

Skill Claude CodeCodex

Turn a screen recording (.mp4 / .mov / .m4v) into a production-ready DESIGN.md — 10 sections, exact hex codes, exact font weights, exact spacing, every screen folded in. Produces the Spectr gallery spec format. Use when the user has dropped a screen recording in chat and wants to clone or document the app.

not rated 31 +1 5mo ago C 75 tokens original MIT

nakkas

795

arikusi/nakkas

MCP server Claude CodeCodexCursor +2

MCP server that turns AI into an SVG artist. One rendering engine, AI decides everything. Runs locally from the nakkas npm package.

not rated 31 3mo ago A tokens not measured original MIT

OLDyade/animated-sketch-diagram

Skill Claude CodeCodex

A skill for generating animated technical diagrams in a hand-drawn sketch style. It produces a self-contained HTML file with an SVG diagram, animated connections and icons, and an option to export a looping GIF.

not rated 31 3mo ago A 182 tokens

case-study

797

SonwaneyY/portfolio-case-study-generator

Skill Claude CodeCodex

Craft portfolio-ready case studies that tell the story of a design project. Runs a structured intake first, then drafts in the story format that best fits the project and audience.

not rated 31 4mo ago A 37 tokens original MIT

image-to-svg

798

zyipeng/image-to-svg

Skill Codex

Convert user-provided raster images into clean editable transparent-background SVG for icons, logos, UI glyphs, wordmarks, text marks, and other flat graphic assets. Use for PNG, JPG, WebP, or screenshot inputs, including non-transparent images whose background must be separated before vector reconstruction, combined…

not rated 31 +1 3mo ago A 102 tokens

poster-generator

799

howardz27/poster-generator-skill

Skill Claude CodeCodex

Generates professional designer-grade posters, flyers, campaign visuals, event posters, and product posters. Use when the user asks for 海报, poster, flyer, campaign visual, event poster, product poster, promotional visual, or high-end marketing key visual.

not rated 31 +2 changed 1mo ago A 54 tokens original MIT

visual-docs

800

PabloNAX/visual-docs

Skill Claude CodeCodex

Use when asked to explain, document, visualize, map, teach, onboard, or make an HTML explainer for a repo, feature, module, agent system, prompt stack, provider route, business flow, code pipeline, or code changes/diff. Produces evidence-first graph.json plus a standalone Visual Atlas HTML page that opens from file://.

not rated 30 5mo ago A 74 tokens original MIT

figma-mcp-server

801

1yhy/Figma-Context-MCP

MCP server Claude CodeCodexCursor +2

MCP server for Figma design integration with AI coding tools. Runs locally from the @yhy2001/figma-mcp-server npm package.

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

design

802

WARROOM-CEO/CORE

Plugin Claude Code

Bundles 7 skills · 314 tokens together

เร่งออกแบบเวิร์กโฟลว์การทำงานด้าน UX/UI ให้ครอบคลุมตั้งแต่ต้นจนจบ ไม่ว่าจะเป็นการวิจารณ์งาน (critique), การจัดการ design system, การเขียน UX writing, การตรวจสอบด้าน accessibility, การสังเคราะห์งานวิจัย (research synthesis) ไปจนถึงการส่งมอบงานให้ทีมพัฒนา (dev handoff) ตั้งแต่ช่วง exploration จนถึงการกำหนดสเปกระดับ…

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

critique

803

XY-Showing/pageclaw

Skill Claude Code

Evaluate design from a UX perspective, assessing visual hierarchy, information architecture, emotional resonance, cognitive load, and overall quality with quantitative scoring, persona-based testing, automated anti-pattern detection, and actionable feedback. Use when the user asks to review, critique, evaluate, or…

not rated 30 changed 1mo ago A 64 tokens

ux-audit

804

SemineChen/ux-interaction-audit

Skill Codex

UX Interaction Audit: Chinese structured UX evaluation assistant and local browser UI for interface screenshots, product design mockups, web/app page screenshots, and page descriptions. Use when the user asks to evaluate UX, interaction design, usability, page clarity, conversion flow, forms, accessibility, trust…

not rated 30 2mo ago A 115 tokens

ui-ux-pro-max

805

regutierrez/ui-ux-skill

Plugin Claude Code

Bundles 1 skill · 221 tokens together

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing…

not rated 30 9mo ago A tokens not measured original MIT

penpot-mcp

806

ar27111994/penpot-mcp

Skill Claude CodeCodex

Use this skill whenever the user wants to use AI agents to work with Penpot design files via the Penpot MCP Server. Triggers include: using Penpot through an AI agent, design files, design systems, design tokens, Penpot MCP, design-to-code, generating UI from design, auditing a design system, creating…

not rated 30 changed 1mo ago A SkillSpector: warn 175 tokens original MIT

better-typography

807

CanglongCl/dsh-web-review

Skill Codex

Web typography from choosing fonts to spacing, wrapping and accessibility. Use when picking or pairing typefaces, configuring variable fonts or OpenType features, setting up a type scale, checking heading hierarchy, styling text in components, truncating text, styling underlines, selection, placeholders or carets, or…

not rated 30 +1 2mo ago A 159 tokens

hmi-design-full

808

timhok/hmi-design

Skill Claude CodeCodex

Comprehensive ISA-101 design rules for Human Machine Interfaces in process automation, with detailed reference files covering color design, display hierarchy, navigation, alarms, human factors, performance, and lifecycle management. Use when designing, building, reviewing, or generating code for HMIs, control system…

not rated 30 +2 7mo ago A 107 tokens original MIT

devinilabs/pro-skill

Skill Codex

Turn a visual or interaction technique you already built into a reusable web-design skill, by isolating the one mechanism that makes it work while reproducing its approved reference exactly around that focus, and packaging it with a demo that proves both the mechanism and the visual fidelity. Covers finding the…

not rated 30 2mo ago A 148 tokens copy · 100% MIT

ai-interface-reviewer

810

uxuiprinciples/agent-skills

Skill Claude CodeCodex

Audit AI-powered interfaces against the uxuiprinciples Part V taxonomy — 44 principles covering transparency, trust calibration, human override, consent, agentic workflows, and conversational design. Returns structured findings with severity and remediation. API key optional — enriched output requires…

not rated 30 +2 changed 2mo ago A 66 tokens

design-taste-frontend

811

BND-1/taste-skill

Skill Claude CodeCodex

Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component architecture, CSS hardware acceleration, and balanced design engineering.

not rated 30 8mo ago A 40 tokens fork

design-system

812

reqvire-org/reqvire

Skill Claude CodeCodex

Use the ADS workflow skills served by the configured MCP server. Start with adsstatus, discover public APIs with adscatalog, and inspect their discovered scenario IDs before editing. The local source guide is readme.md; shared ownership and tooling rules belong to the ADS tooling contract.

not rated 30 +1 changed 2d ago A 0 tokens original Apache-2.0

reer-rhino-mcp

813

reer-ide/rhino_mcp

MCP server Claude CodeCodexCursor +2

Rhino MCP Server. Runs locally from the reer-rhino-mcp Python package.

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

divi-5-builder

814

oaris-dev/diviops

Plugin Claude Code

Bundles 2 skills · 236 tokens together

AI agent skill for building pages and layouts on WordPress sites running Divi 5. Create sections, modules, presets, theme builder templates, and design systems via MCP tools. Includes CSS effects and WebGL shader backgrounds via DiviOps Visuals.

not rated 29 +1 changed 6d ago A tokens not measured

sap-architecture

815

marianfoo/btp-drawio-skill

Cursor rule Cursor

Use this rule whenever the user asks to create, draw, design, edit, or nudge any SAP / BTP / on-prem architecture diagram (XSUAA flow, Cloud Connector, Joule, MCP, Agentic AI, Task Center, Build Work Zone, Identity Lifecycle, Private Link, Event-Driven, Business Data Cloud, etc.). Output is a .drawio file.

not rated 29 +1 4mo ago A 0 tokens

openscad

816

andreahaku/openscad_claude_skill

Skill Claude Code

Programmatic 3D CAD with OpenSCAD. Fast path for simple printable parts (Quick mode) and for editing an existing STL without reconstructing it (Modify mode), plus full design, STL-to- parametric reconstruction, and export. Triggers on: 3D model, STL, 3D print, parametric design, openscad, CAD, enclosure, bracket…

not rated 29 +1 20d ago B 101 tokens

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: