Design and UX

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

daisyui

25

saadeghi/daisyui

Plugin Claude Code

Bundles 7 skills · 267 tokens together

Official daisyUI component library skill. The mandatory UI library for Tailwind CSS. TRIGGER when generating any HTML or JSX code even if the user does not explicitly ask for this skill.

not rated 42k 11d ago A tokens not measured original MIT

archify

26

tt-a1i/archify

Skill Claude CodeCodex

Create polished, validated architecture, workflow, sequence, data-flow, and lifecycle/state diagrams as explorable standalone HTML with inline SVG, dark/light themes, optional trace motion, and PNG/JPEG/WebP/SVG/WebM export. Accept plain-language requirements or pasted Mermaid flowchart, sequenceDiagram, and…

not rated 42k +8.3k changed 2d ago A 130 tokens original MIT

dogfood

27

vercel-labs/agent-browser

Skill Claude CodeCodex ✓ vendor

Systematically explore and test a web application to find bugs, UX issues, and other problems. Use when asked to "dogfood", "QA", "exploratory test", "find issues", "bug hunt", "test this app/site/platform", or review the quality of a web application. Produces a structured report with full reproduction evidence -…

not rated 42k +137 yesterday A 100 tokens original Apache-2.0

chakra-ui CLAUDE.md

28

chakra-ui/chakra-ui

Instructions file

Instructions for chakra-ui/chakra-ui, covering claude's learning document - chakra ui, project overview, project structure, root directory and key packages.

not rated 41k +4 4d ago A 2,265 tokens original MIT

chakra-ui-builder

29

chakra-ui/chakra-ui

Skill Claude CodeCodex

Build responsive, accessible UI components and layouts using Chakra UI v3, install or configure Chakra UI in new and existing projects, and design scalable themes using tokens, semantic tokens, recipes, and slot recipes. Use this skill whenever a user asks to build, create, or generate any UI component, page, form…

not rated 41k +4 4d ago A 214 tokens original MIT

chakra-ui-refactor

30

chakra-ui/chakra-ui

Skill Claude CodeCodex

Review, convert, and improve UI code using Chakra UI v3. Use this skill whenever a user wants to review Chakra UI code for issues, convert plain HTML/CSS, Tailwind, CSS Modules, or styled-components to Chakra UI, clean up messy Chakra components, fix layout structure or token usage, or asks anything like "is this…

not rated 41k +4 4d ago A 139 tokens original MIT

figma-use

31

novuhq/novu

Skill Claude CodeCodex

MANDATORY prerequisite — you MUST invoke this skill BEFORE every usefigma tool call. NEVER call usefigma directly without loading this skill first. Skipping it causes common, hard-to-debug failures. Trigger whenever the user wants to perform a write action or a unique read action that requires JavaScript execution in…

not rated 40k +9 today A 114 tokens

antd

32

ant-design/ant-design-pro

Skill Claude CodeCodex

Use when the user's task involves Ant Design (antd) — writing antd components, debugging antd issues, querying antd APIs/props/tokens/demos, migrating between antd versions, or analyzing antd usage in a project. Triggers on antd-related code, imports from 'antd', or explicit antd questions.

not rated 39k +6 2d ago A 69 tokens original MIT

next-ai-drawio

33

DayuanJiang/next-ai-draw-io

Plugin Claude Code

Bundles 1 MCP server

AI-powered Draw.io diagram generation with real-time browser preview. Create flowcharts, architecture diagrams, and more through natural language.

not rated 36k +75 2d ago A tokens not measured original Apache-2.0

apple-design

34

emilkowalski/skills

Skill Claude CodeCodex

Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading)…

not rated 35k +889 14d ago A 80 tokens original MIT

emil-design-eng

35

emilkowalski/skills

Skill Claude CodeCodex

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

not rated 35k +889 14d ago A 35 tokens original MIT

clone-website

37

JCodesMore/ai-website-cloner-template

Skill Claude CodeCodex

Reverse-engineer and clone one or more websites in one shot — extracts assets, CSS, and content section-by-section and proactively dispatches parallel builder agents in worktrees as it goes. Use this whenever the user wants to clone, replicate, rebuild, reverse-engineer, or copy any website. Also triggers on phrases…

not rated 34k +148 20d ago A 96 tokens original MIT

hallmark

38

Nutlope/hallmark

Skill Claude CodeCodex

Anti-AI-slop design skill for greenfield pages, audits, redesigns, and design extraction from URLs or screenshots. Use when the user asks to build a new app or landing page, wants to redesign something, invokes Hallmark by name, or uses audit/redesign/study.

not rated 28k +167 28d ago A 61 tokens original MIT

cua-driver

39

QwenLM/qwen-code

Skill Claude CodeCodex ✓ vendor

Drive a native GUI app (macOS, Windows, Linux) via the Qwen Cua Driver CLI (default) or MCP server; snapshot its accessibility tree, act through snapshot-bound element tokens, native menu paths, exact window geometry, or pixel coordinates, and verify from fresh state. Use when the user asks you to operate, drive…

not rated 28k +52 changed 2d ago A 88 tokens original Apache-2.0

recharts AGENTS.md

40

recharts/recharts

Instructions file CodexOpenCode

AGENTS.md instructions for recharts/recharts: This is Recharts repository. Recharts is a React-based charting library. The goal is to provide a simple, declarative, and composable way to build charts. We value consistency, usability, and performance. Accessibility is important.

not rated 28k today A 310 tokens original MIT

cmux-cua

41

manaflow-ai/cmux

Skill Claude CodeCodex

Drive real macOS apps from a cmux agent session via the bundled computer-use engine (accessibility tree + screenshot perception, click/type/scroll/drag, branded agent cursor). Use when an agent should see and operate GUI apps on the local Mac, when computer-use tools are missing or failing, or when explaining how to…

not rated 27k +72 today A 83 tokens

a11y-audit

42

alirezarezvani/claude-skills

Skill Claude CodeCodexGemini CLI

../../../engineering-team/a11y-audit/skills/a11y-audit/SKILL.md.

not rated 25k +135 5d ago A 0 tokens original MIT

openai/skills

Skill Claude CodeCodex ✓ vendor

Generates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set up design rules", "customize design system guidelines", or wants to establish project-specific conventions for Figma-to-code workflows. Requires Figma MCP server…

not rated 25k +43 1mo ago A 71 tokens

p5.js AGENTS.md

44

processing/p5.js

Instructions file CodexOpenCode

AGENTS.md instructions for processing/p5.js, covering detailed guidelines for ai coding assistants and agents, generating any analysis of the codebase, stop signs for agents, character and tone and who you are in this conversation.

not rated 24k +10 yesterday B 4,651 tokens LGPL-2.1

lexical CLAUDE.md

45

facebook/lexical

Instructions file ✓ vendor

Claude Code instructions for facebook/lexical, a project described as: Lexical is an extensible text editor framework that provides excellent reliability, accessibility and performance.

not rated 24k +10 yesterday A 5 tokens copy · 100% MIT

huashu-design

46

alchaincyf/huashu-design

Skill Claude CodeCodex

A design workflow for making high-fidelity HTML prototypes, slide decks, animations, visualizations, and design reviews. It requires three initial design directions before developing the selected one.

not rated 24k +87 10d ago A 123 tokens original MIT

magic-ui

47

magicuidesign/magicui

Skill Claude CodeCodex

Use this skill when users want to add, customize, or troubleshoot Magic UI components in React/Next.js projects. It covers component selection, shadcn registry installation (@magicui/), integration patterns, and practical quality checks for accessibility and maintainability.

not rated 22k +20 23d ago A 56 tokens original MIT

cua-driver

48

trycua/cua

Skill Claude CodeCodex

Drive a native GUI app (macOS, Windows, Linux) via the cua-driver CLI (default) or MCP server; snapshot its accessibility tree, act through snapshot-bound element tokens, native menu paths, exact window geometry, or pixel coordinates, and verify from fresh state. Use when the user asks you to operate, drive, automate…

not rated 22k changed today A 98 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: