Design and UX plugins

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

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

code-diagram

481

usamaijazmughal/code-diagram

Plugin Claude Code

Bundles 1 skill · 73 tokens together

Analyzes source code and generates Mermaid diagrams — class, sequence, component, and architecture. Supports Dart, TypeScript, Python, Java, Kotlin, Go, Swift, Rust.

not rated 2 6mo ago A tokens not measured copy · 88% MIT

visualcave

482

varkart/visualcave

Plugin Claude Code

Bundles 1 skill · 78 tokens together

Design and render interactive technical diagrams as standalone HTML files or embeddable Astro/MDX components. Supports 11 Mermaid diagram types with dark mode, step-through reveal, hover highlighting, and one-click SVG/PNG/PDF export.

not rated 2 1mo ago A tokens not measured original MIT

csa-ppt

485

huqianghui/csa-ppt-plugin

Plugin Claude Code

Bundles 8 skills · 817 tokens together

All-in-one presentation toolkit for Cloud Solution Architects (Azure/AWS/GCP). Includes: csa-ppt (smart orchestrator with combined routing), azure-diagrams (700+ cloud icons, auto-detection), excalidraw-diagram (hand-drawn style, validation), frontend-slides (HTML presentations), pptx (OOXML PowerPoint), skywork-ppt…

not rated 2 5mo ago A tokens not measured

frontend-design

487

raisiqueira/claude-code-plugins

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 2 10mo ago A tokens not measured

dylan/claude

Plugin Claude Code

Bundles 1 skill · 196 tokens together

General-purpose interface design and review expert. Designs or critiques any UI — web, native desktop, mobile, games, terminal/TUI, voice — across nine design dimensions (layout, typography, color & theming, accessibility, interaction & motion, content & voice, navigation & IA, consistency, aesthetics) grounded in…

not rated 2 27d ago A tokens not measured

roll-lint

490

niharya/skills-drawer

Plugin Claude Code

Bundles 1 skill · 201 tokens together

Systems-design-aware CSS/SCSS auditor. Cleans stylesheets through seven dependency-ordered phases — spacing, radius, type, layout, accessibility, naming — and returns a blueprint of the patterns that survived the cleanup.

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

iam-kristie/Slide-Maker

Plugin Claude Code

Build beautiful slides from content briefs using AI. Supports IG carousels, PPT, newsletters, posters. Provide a content .md + reference images → get production-ready HTML + exported PNGs/MP4.

not rated 2 2mo ago A tokens not measured

design-critique

494

vidhunnan/agentic-skills

Plugin Claude Code

Bundles 1 skill · 124 tokens together

Reviews a built interface against its stated design intent — naming how the thing reads before proposing a fix, ranking findings by severity, and treating removal as a first-class verdict. Refuses to critique without a written intent.

not rated 2 1mo ago A tokens not measured original MIT

drawio

496

tednaleid/claude-plugins

Plugin Claude Code

Bundles 1 skill · 80 tokens together

Author draw.io diagrams that are readable and correct, then prove it by looking at them. Bundles a drawiotool script that exports any page to PNG through the desktop app's Electron binary so the agent can Read its own render, plus a linter for the defects a render cannot show. draw.io's desktop app, VS Code extension.

not rated 2 1mo ago A tokens not measured

pencil

498

Gyejoon/pencil-plugin

Plugin Claude Code

Bundles 2 skills, 5 commands, 2 agents · 263 tokens together

A design-to-development integration tool based on Pencil, a design workflow platform. It supports design workflow automation, design-system management, design review, and converting designs into React and Tailwind code.

not rated 2 8mo ago A tokens not measured

figma-to-code

499

bazingga08/figma-to-code

Plugin Claude Code

Bundles 1 skill, 1 command · 155 tokens together

Convert Figma designs to pixel-perfect production code via REST API pre-extraction. Supports React, React Native, and Flutter — handles designs of any size.

not rated 2 6mo ago A tokens not measured

annotate

500

indyraider/annotate-plugin

Plugin Claude Code

Bundles 1 skill · 176 tokens together

Point-and-comment on your live local web app in a Playwright browser; comments flow back to Claude Code to fix. Inspect-element hover with a computed-style card, comment-pin markers, crosshair cursor, Shift-to-click-through, and a UI that auto-themes to your app. Requires a Playwright MCP server (bundled by default).

not rated 2 1mo ago A tokens not measured original MIT

excalidraw-diagram

501

gilbertsahumada/excalidraw-diagram-plugin

Plugin Claude Code

Bundles 1 skill · 34 tokens together

Create Excalidraw diagrams that argue visually — varied patterns (fan-out, timeline, tree, grid), evidence artifacts, charts (bar/line/grouped), card grids, syntax-highlighted code blocks via Pygments, file-tree diagrams, light + dark mode. Includes Python tooling for layout, lint, charts, and Playwright-based render.

not rated 2 5mo ago A tokens not measured

ascii-mockup

502

ccdsky/ascii-mockup-plugin

Plugin Claude Code

Bundles 1 skill · 86 tokens together

Create ASCII wireframes, dashboards, system diagrams, data schemas, and slide deck layouts for visual planning and iteration before building.

not rated 2 7mo ago A tokens not measured

native-slides

503

Danielrp551/query-plugins

Plugin Claude Code

Bundles 1 skill, 1 agent · 253 tokens together

Arma laminas o slides nativos y editables (PowerPoint o Google Slides) que se ven identicos a un diseno hecho en HTML e imagen. Extrae la geometria real del navegador, emite el pptx nativo en el dialecto de cada motor, y valida contra el HTML midiendo lo que cada motor dibuja de verdad.

not rated 2 2mo ago A tokens not measured original MIT

damu

504

alphabravo-oss/guild

Plugin Claude Code

Bundles 1 skill, 2 commands · 206 tokens together

De-AI My UI — strips the tells that make an interface read as 'made by an AI in Tailwind.' Two modes, one shared catalog of 19 slop signatures (font chaos, the purple-on-black AI palette, gratuitous parallax, weird hovers, default/neon gradients, neon gradient borders, recycled stock icons, everything-is-a-24px-card.

not rated 2 15d 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: