Design and UX

19,178 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.

archestra-ai/archestra

Skill Claude CodeCodex

Use for visual design direction on greenfield, user-facing surfaces — marketing and landing pages, generated apps, portfolio-style or standalone pages. NOT for routine Archestra platform UI work (dashboards, data tables, settings, forms, existing components) — use archestra-dev-frontend for that. Upstream intent…

not rated 4.2k +4 yesterday A 0 tokens

huashu-design

50

zhukunpenglinyutong/desktop-cc-gui

Skill Claude CodeCodex

A design workflow that uses HTML to create high-fidelity prototypes, interactive demos, slide presentations, animations, and visual variations. It treats HTML as the production tool while adapting the output to the design task.

not rated 4.1k +14 3d ago A 295 tokens original MIT

coss-particles

51

crafter-station/petdex

Skill Claude CodeCodex

Index of all COSS UI particle examples. Use when implementing UI features to find copy-paste-ready component patterns built on coss primitives. Each particle has a description and a JSON URL for easy installation.

not rated 4.0k +21 4d ago A 46 tokens original MIT

designlang

52

Manavarya09/design-extract

Plugin Claude Code

Bundles 2 skills, 14 commands · 586 tokens together

Extract any website's design language and ship it. Fourteen slash commands — /extract, /site, /grade, /battle, /remix, /pack, /theme-swap, /brand, /pair, /studio, /verify, /fidelity, /gallery, /dna — wrap the designlang CLI to pull DTCG tokens, Tailwind/shadcn/Figma vars, motion + voice, synthesize a whole-site…

not rated 4.0k +17 changed 2d ago A tokens not measured original MIT

JimLiu/baoyu-design

Agent

You are a read-only validator for a portable design system. Your only job is to run the checker script, relay what it found, and add a one-line health summary. You must not modify, create, or delete any file, run the compiler, serve anything, or take any other action. You read and report — nothing else.

not rated 3.8k +128 1mo ago A 0 tokens original MIT

lavish-design

54

kunchenguid/lavish-axi

Skill Claude CodeCodex

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

not rated 3.3k +62 yesterday A 51 tokens original MIT

shadcn-ui-flutter

57

nank1ro/flutter-shadcn-ui

Skill Claude CodeCodex

A comprehensive Flutter UI library inspired by shadcn/ui. Provides high-quality, customizable, and accessible components including Buttons, Cards, Forms, and more. Use this skill when building Flutter UIs, implementing design systems, or needing specific component usage examples.

not rated 2.8k yesterday A 58 tokens original MIT

nothing-design

58

dominikmartn/nothing-design-skill

Skill Claude CodeCodex

This skill should be used when the user explicitly says "Nothing style", "Nothing design", "/nothing-design", or directly asks to use/apply the Nothing design system. NEVER trigger automatically for generic UI or design tasks.

not rated 2.8k +4 5mo ago A 47 tokens original MIT

stellarlinkco/myclaude

Skill Claude CodeCodex

This skill should be used when users need to generate detailed, structured prompts for creating UI/UX prototypes. Trigger when users request help with "create a prototype prompt", "design a mobile app", "generate UI specifications", or need comprehensive design documentation for web/mobile applications. Works with…

not rated 2.7k +2 4mo ago A 81 tokens AGPL-3.0

ux-audit-rethink

60

MaxMiksa/Auto-Company

Skill Claude CodeCodex

Comprehensive UX audit using IxDF's 7 factors, 5 usability characteristics, and 5 interaction dimensions. Holistic evaluation with redesign proposals based on user-centered design principles.

not rated 2.9k +191 3mo ago A 42 tokens

ui-ux-pro-max

61

likaia/nginxpulse

Skill Claude CodeCodex

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

not rated 2.7k +6 3mo ago B 202 tokens original MIT

uncodixfy

62

cyxzdev/Uncodixfy

Skill Claude CodeCodex

Prevents generic AI/Codex UI patterns when generating frontend code. Use this skill whenever generating HTML, CSS, React, Vue, Svelte, or any frontend UI code to enforce clean, human-designed aesthetics inspired by Linear, Raycast, Stripe, and GitHub instead of typical AI-generated UI.

not rated 2.6k +5 5mo ago A 66 tokens original MIT

thesvg

63

glincker/thesvg

Skill Claude CodeCodex

Fetch brand SVG logos and cloud architecture icons (AWS, Azure, GCP) from theSVG. Use when the user asks for a brand logo, company icon, framework mark, service icon, or any "icon/logo for X" where X is a real brand or cloud service. Returns ready-to-use CDN URLs or raw SVG markup.

not rated 2.6k +8 2d ago A 72 tokens original MIT

docs-svg-kit

64

gridaco/grida

Skill Claude CodeCodex

Author SVG figures for Grida docs — diff-able, version-controlled vector diagrams embedded in doc pages instead of screenshots. Provides reusable primitives (selection chrome, size badges, anchor pins, resize cursors, click ripples), color/typography tokens, a starter template, and finished examples to crib from.…

not rated 2.6k +5 14d ago A 145 tokens original Apache-2.0

agentic

65

bergside/awesome-design-skills

Skill Claude CodeCodex

Conversational AI-first interface with minimal controls, clear outcomes, and delegated task flows for agentic workflows.

not rated 2.6k +29 2mo ago A 24 tokens original MIT

chrome-cdp

66

mattzcarey/shippie

Skill Claude CodeCodex

Drive a headless Chrome over the Chrome DevTools Protocol (CDP) for browser QA — navigate, click, fill forms, read the DOM/accessibility tree, screenshot, and assert. Use whenever a task requires loading a web page and interacting with it like a user. Chrome is launched by a bash step (recipe below); this skill…

not rated 2.5k +1 yesterday A 91 tokens original MIT

add-icon-mapping

67

lobehub/lobe-icons

Skill Claude CodeCodex

Add or modify icon keyword mappings for providers, models, or agents in lobe-icons. Use this whenever a task involves mapping a provider/model id to an icon, adding a new entry to ModelProvider enum or providerMappings/modelMappings/agentMappings, or fixing a provider/model that renders the fallback (default) icon in…

not rated 2.5k +5 19d ago A 111 tokens original MIT

Owl-Listener/designer-skills

Plugin Claude Code

Lists 9 plugins

The Designer Skills suite: agentic skills, commands, and plugins for design in the agent era — design practice, AI product design, UX program management, design leadership, and inclusive design. One install surfaces every collection; each lives in its own repo.

not rated 2.5k +49 4d ago A tokens not measured original MIT

excalidraw-skill

69

yctimlin/mcp_excalidraw

Skill Claude CodeCodex

Excalidraw canvas toolkit for creating, editing, and refining diagrams on a live canvas. Use when an agent needs to (1) draw or lay out diagrams, (2) iteratively refine them by describing the scene and screenshotting its own work, (3) export/import .excalidraw files or PNG/SVG images, (4) save/restore canvas…

not rated 2.4k +6 14d ago A 155 tokens original MIT

dstack-prototyping

71

dstackai/dstack

Skill Claude CodeCodex

Use with the dstack skill for model-serving work when the image, serving command, resources, backend/fleet choice, or service behavior is not proven. Guides task-first prototyping on real hardware, choosing fleets/backends that can reuse idle instances and caches, checking vLLM/SGLang sources, and verifying the final…

not rated 2.2k changed yesterday A 80 tokens original MPL-2.0

LigphiDonk/academic-figure-generator

Skill Claude CodeCodex

Use this skill whenever the user wants to generate detailed English prompts for AI image tools (NanoBanana / Gemini / DALL-E / Midjourney) to produce top-conference-quality academic figures — including framework diagrams, network architecture diagrams, pipeline flowcharts, module detail diagrams, comparison/ablation…

not rated 2.2k 5mo ago A 186 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: