Design and UX

18,967 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.

anomalyco/opencode

Skill Claude Code

Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the…

not rated 225k +1.5k today A 192 tokens original MIT

ui-ux-pro-max

02

nextlevelbuilder/ui-ux-pro-max-skill

Plugin Claude Code

Bundles 7 skills, 2 commands, 1 agent · 662 tokens together

UI/UX design intelligence. Searchable local database with 80 styles, 192 palettes, 74 font pairings, 25 charts, and 22 stacks (React, Next.js, Vue, Nuxt.js, Nuxt UI, Svelte, Astro, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, WPF, WinUI, Avalonia, Uno Platform, UWP…

not rated 146k +2.7k changed today A tokens not measured original MIT

shadcn

03

shadcn-ui/ui

Plugin Cursor

Bundles 2 skills · 174 tokens together

UI component and design system framework. Search registries, install components as source code, and audit your project.

not rated 127k +453 yesterday A tokens not measured original MIT

Leonxlnx/taste-skill

Skill Claude CodeCodex

Build the website a good company would ship: it says plainly what is sold, shows the real thing on every screen, and looks made for this client, not from a template and not like an art piece. figma.com and x.ai are the bar (in words: layout-v4.md section 1).

not rated 111k +4.3k changed yesterday A SkillSpector: warn 184 tokens original MIT

impeccable

05

pbakaus/impeccable

Plugin Claude Code

Bundles 1 skill, 1 command, 4 agents, 5 hooks · 392 tokens together

Design fluency for frontend development. 1 skill with 24 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection.

not rated 104k +6.9k changed 10d ago A tokens not measured original Apache-2.0

archify

06

tt-a1i/archify

Skill Claude CodeCodex

Create validated architecture, workflow, sequence, data-flow, lifecycle/state, ERD, class, tree, timeline, and waterfall diagrams as explorable standalone HTML with dark/light themes, motion and image/SVG/WebM export. Accept requirements or Mermaid; inspect repository evidence for code-backed diagrams. Use when…

not rated 94k +2.0k changed 11d ago A ✓ AI review Socket: warnSnyk: passSkillSpector: pass 162 tokens original Apache-2.0

calesthio/OpenMontage

Skill Claude CodeCodex

Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.

not rated 77k +3.7k 3d ago A Socket: passSnyk: passSkillSpector: pass 42 tokens AGPL-3.0

visual-qa

08

code-yeongyu/oh-my-openagent

Skill Claude CodeCodex

Runs rigorous visual QA across web, terminal, and paginated surfaces: an Apple HIG-based checklist, paired light/dark captures at phone and desktop widths, screenshot evidence, and a per-item PASS/FAIL verdict. Use for any UI build or change, or when asked whether a page, component, or TUI looks right or follows the…

not rated 71k +228 changed 7d ago A SkillSpector: pass 78 tokens

diagram-design

09

cathrynlavery/diagram-design

Plugin Claude Code

Bundles 1 skill, 6 commands · 314 tokens together

Architecture, architecture delta, IT current-state, flowchart, sequence, state machine, ER/data model, timeline, swimlane, quadrant, radar/spider, polar, loop, nested, tree, org chart, layer stack, exploded/plan, Venn, pyramid/funnel, bar, waterfall, treemap, heatmap, line, Gantt, scatter, high-level, process…

not rated 65k +2.0k changed 2d ago A tokens not measured original MIT

shadcn-add

10

TryGhost/Ghost

Command Claude Code

Add a new ShadCN/UI component to Shade with Storybook stories.

not rated 56k +47 today A 14 tokens original MIT

hallmark

11

Nutlope/hallmark

Plugin Claude Code

Bundles 1 skill · 58 tokens together

A design skill for Claude Code, Codex, Cursor and OpenCode that refuses to look AI-generated. Powered by Together AI.

not rated 49k +5.8k yesterday A tokens not measured original MIT

daisyui

12

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 43k +42 6d ago A tokens not measured original MIT

chakra-ui-builder

13

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 +5 yesterday A Socket: passSnyk: passSkillSpector: warn 214 tokens original MIT

antd

14

ant-design/ant-design-pro

Skill Claude Code needs its repo

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 +19 2d ago A Snyk: passSkillSpector: warn 69 tokens original MIT

clone-website

15

JCodesMore/ai-website-cloner-template

Skill Claude CodeCodex

Rebuild existing web pages as working local code, matching their real content, assets, responsive layout, and interactions. Use for website cloning, replication, or reverse engineering, including Framer sites and animated pages.

not rated 39k +579 changed 1mo ago A Socket: passSnyk: warnSkillSpector: warn 46 tokens original MIT

next-ai-drawio

16

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 37k +207 yesterday A tokens not measured original Apache-2.0

huashu-design

17

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 29k +571 changed yesterday A 123 tokens original MIT

jetbrains-ui

18

Kilo-Org/kilocode

Skill Claude CodeCodex

Use when writing or reviewing UI code in packages/kilo-jetbrains/ — Swing layout, platform components, UiStyle tokens, theme colors/fonts/borders, Stack/Align layouts, tool windows/dialogs/popups/notifications, settings pages, and the pre-return UI checklist.

not rated 28k +68 yesterday A 60 tokens original MIT

magic-ui

20

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 23k +123 changed 3d ago A Socket: passSnyk: passSkillSpector: warn 56 tokens original MIT

awesome-dsh-plugin/awesome-dsh-plugin

Skill Claude CodeCodex

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

not rated 23k +1.1k yesterday A 44 tokens copy · 100% CC0-1.0

gpui-component

22

longbridge/gpui-component

Skill Claude CodeCodex

How to use the gpui-component UI library in GPUI applications, and the normative Design and Coding Guides that govern it. Use when building UIs with gpui-component components (Button, Input, Select, Dialog, Tabs, Sidebar, List, Table, etc.), setting up the library, handling component state or theming, finding the…

not rated 19k 5d ago A SkillSpector: pass 112 tokens

lark-apps

23

larksuite/cli

Skill Claude CodeCodex

A toolkit for creating, developing, hosting, and publishing applications in Feishu’s Miaoda (Spark) platform, either locally or through cloud-based generation. It also covers page designs, integrations, monitoring, and access settings.

not rated 18k +90 changed yesterday A Socket: warnSnyk: passSkillSpector: pass 364 tokens original MIT

gsap-skills

24

greensock/gsap-skills

Plugin Claude Code

Bundles 8 skills · 622 tokens together

Official GSAP skills for Claude, Cursor, and other AI agents — animations, timelines, ScrollTrigger, plugins, utilities, React, and performance.

not rated 18k +351 3mo ago A tokens not measured 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: