Design and UX

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

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

usage-guidelines

1466

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 6mo ago A 3,760 tokens

mooboard-create-board

1467

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

btp-diagram-generator

1468

dovoanhtruong/abap-agent-antigravity-workspace

Skill Claude CodeCodex

Generate SAP BTP (Business Technology Platform) solution architecture diagrams as native draw.io (.drawio) files following the official SAP BTP Solution Diagram guidelines (Fiori Horizon design system) and open them via a configured draw.io MCP server. USE WHEN: user asks to create/draw/design/sketch a BTP diagram…

not rated 5 2mo ago A 178 tokens

openclaw-fusion

1469

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 6mo 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 3mo ago A 73 tokens original MIT

design-lab

1471

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

orcanote-whiteboard

1472

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

dungnotnull/game-ui-mobile-friendly-design-agent-skill

Skill Claude CodeCodex

Mobile-Friendly Game UI Design & Touch-Friendly Interaction — Bulletproof production-grade harness for Mobile Game UI/UX & Touch Interaction Design analysis with zero placeholder code. Use this skill whenever the user asks for mobile game UI evaluation, touch interaction design, gesture discoverability analysis…

not rated 5 1mo ago A 129 tokens original MIT

ives

1475

lenxism/ives

Plugin Claude Code

Bundles 13 skills · 1,396 tokens together

A complete design philosophy and practical UI knowledge system for building exceptional interfaces. 13 composable skills covering craft mindset, design critique, typography, color, layout, style, elements, and more. In memory of Jony Ive.

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

ui-forge

1477

DNM03/ui-forge

Skill Codex

Generate, implement, or redesign distinctive, premium web and app interfaces through product-derived art direction, visual assets, composition, typography, motion, responsive behavior, and anti-slop generation decisions. Use for frontend pages, product screens, dashboards, landing pages, design systems, UI components…

not rated 5 28d ago A 105 tokens original MIT

chelsey-xhs-cover

1478

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 1mo ago A 154 tokens

web-ai-slop

1479

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

deslopify

1480

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

duolingo-ux-reference

1481

virgiliojr94/duolingo-ux-reference

Skill Claude CodeCodex

World-class UI/UX reference distilled from Duolingo's PUBLIC design guidelines (design.duolingo.com) — color tokens, typography rules, and UX-writing/microcopy patterns — for frontend devs. Unofficial, not affiliated with Duolingo. Use when building or reviewing UI: choosing colors, type, button/header copy…

not rated 5 1mo ago A 118 tokens

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 3mo ago A 64 tokens

design-lenses

1483

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 5mo ago A tokens not measured original MIT

website-design-veteran

1484

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 7mo ago A tokens not measured

figma-fidelity-guard

1485

paranoiaccc/figma-fidelity-guard

Skill Claude CodeCodex

Audit and recover incomplete Figma design evidence before fidelity-sensitive implementation or review. Use when design context is truncated, depth-limited, sparse, inconsistent with the rendered result, or missing nested layers, styles, assets, variables, effects, variants, or responsive behavior. Do not use for…

not rated 5 26d ago A 80 tokens original MIT

and-scene

1486

Codagent-AI/and-scene

Plugin Claude Code

Bundles 1 skill · 99 tokens together

Builds evolving-scene presentations — a shared diagrammatic canvas that morphs across steps — into your project, with a reusable scene kit.

not rated 5 yesterday A tokens not measured original MIT

bench-studio

1487

inematds/bench-studio-en

Skill Codex

Create and inspect images, videos, local websites, and designed PDF documents through Bench Studio. Use when a request involves choosing a fal model, mapping reference media to model-specific fields, generating media with transparent pricing, building a prompt-driven website or PDF through the cached Codex…

not rated 5 26d ago A 74 tokens copy · 100% 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: