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.

zhukunpenglinyutong/desktop-cc-gui

Skill Claude CodeCodex

A plugin-building workflow for CC GUI, a desktop client that can be extended with plugins written as configuration or JavaScript modules.

not rated 4.6k +21 yesterday A 132 tokens original MIT

microsoft/flint-chart

Skill Claude CodeCodex ✓ vendor

Use when: a Flint chart should respond to the reader (highlight, zoom, brush, legend toggle, reorder, annotate, explore, link charts); an application or an agent changes a mounted chart from outside or reads what it shows; or a gesture no preset gives must be built. Produce one valid interactionspec, one ChartUpdate…

not rated 4.5k +30 3d ago A 87 tokens original MIT

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.4k +11 changed 4d ago A SkillSpector: warn 107 tokens

kumo-design

76

cloudflare/kumo

Skill Claude CodeCodex ✓ vendor

Cloudflare product design guidance. Use when designing, implementing, or reviewing Cloudflare dashboard interfaces, Kumo UI, responsive styling, dialogs, or frontend tests.

not rated 4.2k +25 yesterday A Socket: passSnyk: passSkillSpector: pass 36 tokens original MIT

dembrandt

78

dembrandt/dembrandt

MCP server Claude CodeCodexCursor +2

Extract design tokens and publicly visible CSS information from any website. Runs locally from the dembrandt npm package.

not rated 4.0k +62 5d ago A Socket: warn tokens not measured original MIT

jakubkrehel/make-interfaces-feel-better

Skill Codex

Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover states, shadows, borders, typography, icons, micro-interactions, enter/exit animations, or any visual detail work. Supports quick and full review modes. Triggers…

not rated 3.9k +39 2mo ago A Socket: passSnyk: pass 117 tokens copy · 97% MIT

swiftui-expert

80

AvdLee/SwiftUI-Agent-Skill

Plugin Claude Code

Bundles 2 skills · 274 tokens together

Expert SwiftUI guidance for state management, view composition, performance, modern SDK APIs, and Liquid Glass adoption.

not rated 3.8k +36 changed 1mo ago A tokens not measured original MIT

agentic

82

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 3.5k +102 4mo ago A Socket: passSnyk: passSkillSpector: warn 24 tokens original MIT

CopilotKit/OpenGenerativeUI

Skill Claude Code

UI mockups, dashboards, advanced interactivity, generative art, simulations, math visualizations, and design system rules for producing rich generateSandboxedUi output.

not rated 3.4k 24d ago A SkillSpector: warn 37 tokens original MIT

documd-visuals

84

markdown-viewer/skills

Skill Claude CodeCodex

Create text-driven visuals in Markdown: charts, diagrams, cards, architecture and page layouts. Charts and analytical views (bar, line, pie, heatmap, correlation, regression); reliability and operations (latency, incident, throughput, cycle time, OKR, standup, on-call); product and finance (funnel, retention, revenue…

not rated 3.4k +8 changed 1mo ago A 230 tokens CC-BY-4.0

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: the design-practice plugins ship from this repo, and the other four collections are…

not rated 3.3k +89 changed 2mo ago A tokens not measured original MIT

ux-ui-agent-skills

87

plugin87/ux-ui-agent-skills

Plugin Claude Code

Bundles 26 skills, 1 command, 1 agent, 3 hooks, 2 MCP servers · 1,941 tokens together

Turn Claude into a senior design architect: DTCG design tokens, 52 components, WCAG 2.2 AA to AAA accessibility, 2,144 brand-grade design systems, any-framework code generation, and 52 objective quality gates that fail the build instead of claiming success.

not rated 3.1k +45 changed 11d ago A tokens not measured original MIT

thesvg

89

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 3.0k +32 changed 7d ago A SkillSpector: warn 72 tokens original MIT

runkids/skillshare

Skill Claude Code

Skillshare frontend design system for the React dashboard (ui/) and Docusaurus website (website/). Use this skill whenever you: build or modify a dashboard page or component in ui/src/, style or layout website pages or custom CSS in website/, create new React components for the dashboard, add pages to the dashboard…

not rated 2.9k +56 changed 1mo ago A SkillSpector: pass 162 tokens original MIT

apple-design

91

dickwu/apple-design-skill

Skill Claude CodeCodex

Cross-platform UI/UX design reviewer grounded in Apple's Human Interface Guidelines (123 pages pulled from developer.apple.com, including 57 component pages) plus a design-craft lens for distinctive, non-templated work. Use it to audit, review, critique, or improve any mobile app (iOS, Flutter, React Native) or…

not rated 2.9k +387 changed 8d ago A 233 tokens

nothing-design

92

dominikmartn/nothing-design-skill

Skill Claude Code

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 +1 7mo ago A Socket: passSnyk: passSkillSpector: pass 47 tokens original MIT

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.8k +53 7mo ago A Socket: passSnyk: passSkillSpector: warn 186 tokens original MIT

shadcn-ui-flutter

94

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 +7 3d ago A Socket: passSnyk: passSkillSpector: pass 58 tokens original MIT

motion-design

95

LottieFiles/motion-design-skill

Skill Claude CodeCodex

Applies motion design principles to create emotionally-driven, technically sound animations and transitions. Provides timing, easing, choreography, and Disney animation principles adapted for UI. Use when creating animations, transitions, micro-interactions, loading states, page transitions, scroll-triggered effects…

not rated 2.8k +189 5mo ago A Socket: passSnyk: passSkillSpector: warn 82 tokens original MIT

oil-motion

96

oil-oil/oil-motion

Skill Codex

A skill for designing and implementing interactive web animation controlled by inputs such as scrolling, pointer movement, dragging, touch, audio, data, or component state. It covers the visual plan as well as the webpage code that runs the animation.

not rated 2.8k +58 changed 1mo ago A 172 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: