agentmods.dev

Design and UX plugins

985 tagged Design and UX, measured the same way as everything else here.

Browse within: claude-code-plugin 123design-system 68ai-tools 58cursor 50skills 39accessibility 38claude-code-skill 27claude-skill 27agentic-ai 26claude-code-plugins 23design-systems 22claude-code-skills 21figma 21cli 20

Sort RelevanceRecently updatedFewest tokensSecurity gradeRepo starsStars this weekTop rated 985 mods

frontend-design-research-zh

267

0505ttt/frontend-design-research-zh

Plugin Claude Code

Bundles 1 skill · 146 tokens together

A Chinese-language plugin that provides a method for researching and designing website front ends. It includes guidance on visual direction, avoiding generic AI design patterns, image-generation prompts, and workflows for tools such as v0, Bolt, and Lovable.

not rated 12 3mo ago A tokens not measured original MIT

superskills

268

ariadoss/superskills

Plugin Claude Code

Bundles 4 hooks, 2 plugins

Curated AI coding skills with a Google/Meta-quality workflow (TDD, DRY, SOLID). The plugin install exposes the whole skills/ tree (use ./setup --packs for pack selection); design, marketing, media and gstack ship as separate plugins or opt-in packs.

not rated 12 changed today A tokens not measured original MIT

cannonball

269

harebeats/cannonball

Plugin Claude Code

Bundles 10 skills · 1,801 tokens together

Guarda as peças de site que você já fez e as encontra de volta antes de gerar qualquer coisa do zero. O acervo é seu e começa com três peças de exemplo: templates, design systems, componentes, animações, efeitos e prompts que você ingere. Busca, monta combinando peças, decide cor e tipografia com contraste e licença…

not rated 12 changed 1mo ago A tokens not measured original MIT

vstack

270

Cavalry-Collective/visual-stack

Plugin Claude Code

Bundles 7 skills, 1 hook · 604 tokens together

Stop prompting. Start pointing. Visual Stack adds a Figma-like feedback layer to Claude Code. Create a new screen from a prompt, screenshot, reference site, or design system, or open an app you already have running. Click any element and leave feedback exactly where the problem is hiding, and Claude publishes the next.

not rated 11 changed 10d ago A tokens not measured original MIT

design-with-claude

271

imsaif/design-with-claude

Plugin Claude Code

Bundles 1 skill, 49 commands · 1,817 tokens together

A product designer inside your terminal: 49 design skills as slash commands (39 specialists and 8 technical guides), covering accessibility, motion, color, checkout, dashboards, and more.

not rated 11 changed 1mo ago A tokens not measured original MIT

diagrammer

272

IdraDev/Diagrammer

Plugin Claude Code

Bundles 1 skill · 49 tokens together

Author Diagrammer JSON for the Diagrammer viewer (mind maps, flowcharts, ER diagrams, concept maps, trees, graphs, timelines).

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

designkit

274

leroybbad/designkit

Plugin Claude Code

Bundles 2 skills · 78 tokens together

Browser-based design tools for Claude Code — explore design directions, then refine with Comment, Inspect, Tune, and Shadow modes.

not rated 11 6mo ago A tokens not measured

frontend-design

276

recca0120/code-quest

Plugin Claude Code

Bundles 1 skill · 43 tokens together

Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.

not rated 11 4mo ago A tokens not measured original MIT

blender

277

jithinolickal/blender

Plugin Claude Code

Bundles 1 skill · 94 tokens together

AI-powered 3D design in Blender via MCP. Create parametric models, apply materials, set up lighting, and render scenes.

not rated 10 7mo ago A tokens not measured original Apache-2.0

whimsical

278

WhimsicalCode/mcp-server-guide

Plugin Claude Code

Bundles 1 MCP server

Whimsical's official MCP server. Create and edit boards, docs, flowcharts, mind maps, sequence diagrams, wireframes, tables and sticky notes, then read, search and comment on anything already in the workspace. OAuth 2.1, no API key; a free Whimsical account can use every tool.

not rated 11 +2 changed 5d ago A tokens not measured original MIT

liquid-glass

279

heyparsadev/liquid-glass-skill

Plugin Claude Code

Bundles 1 skill · 252 tokens together

Liquid Glass for SwiftUI on iOS 26 and iOS 27: an API reference verified against Apple's docs, system chrome (toolbars, tab bars, search, sheets) with the iOS 27 APIs and how to gate them, HIG rules, contrast measured on iOS 27, accessibility, performance, anti-patterns, patterns, ten example screens, and a linter…

not rated 11 changed 10d ago A tokens not measured original MIT

design-library

284

zeta92/design-library-plugin

Plugin Claude Code

Bundles 12 skills, 2 hooks, 1 MCP server · 507 tokens together

A full design suite for Claude Code: 58 brand design systems + UI/UX, accessibility, motion, design guidelines, visual taste, web quality (Lighthouse/Core Web Vitals), and full design-process skills. Bundles Playwright MCP for in-browser verification. Auto-selects skills based on your project type.

not rated 10 4mo ago A tokens not measured

presentation-chef

287

sacredvoid/presentation-chef

Plugin Claude Code

Bundles 1 skill · 52 tokens together

Convert any content into stunning Apple Keynote-style HTML presentations. Cinematic animations, glassmorphism, ambient effects, and premium design — all in a single self-contained .html file.

not rated 10 7mo 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: