Design and UX plugins

pablostanley/efecto-plugin

Plugin Claude Code

Bundles 3 skills · 257 tokens together

Efecto — AI design skills + 46 MCP tools. Create web pages, social media graphics, presentations, and more with AI agents.

h0rv/d2-mcp

Plugin Claude Code

Bundles 1 skill, 1 MCP server · 49 tokens together

Validate and render D2 diagrams from complete source with d2-mcp.

mahmoudilyan/marmoui

Plugin Claude Code

Bundles 2 skills, 5 commands, 1 hook · 441 tokens together

MCP-backed workflow for building UI with @marmoui/ui. Bundles the marmo-ui skill, /marmo-ui: commands, and the Marmo MCP server so agents read real component props instead of guessing. Works free without a token; add your Pro token for on-brand generation.

johnlarkin1/claude-code-extensions

Plugin Claude Code

Bundles 3 skills, 1 agent · 363 tokens together

Generate diagrams using Mermaid, GraphViz DOT, and Excalidraw for flowcharts, sequence diagrams, architecture diagrams, network graphs, mind maps, wireframes, and more.

nlook-service/design-from-code

Plugin Claude Code

Bundles 1 skill · 135 tokens together

Workflow skill that designs UI changes from real source code and data models — verify data in code, iterate faithful HTML mockups, lock a design doc, then delegate implementation. It reproduces existing components pixel-for-pixel by reading actual JSX/queries instead of imagining them.

mattbx/shadcn-skills

Plugin Claude Code

Skills for building better shadcn/ui applications. Includes component discovery (search 1,500+ existing components before building) and component review (audit against shadcn patterns and theme styles).

nathanonn/agent-skills

Plugin Claude Code

Bundles 1 skill · 178 tokens together

Extract a website's full design system — tokens plus a curated component catalog (anatomy, variants, hover/focus states, section patterns) with DTCG tokens and an emitted eval harness — as a bundle a coding agent consumes to build new pages native to the source brand.

mcpware/ui-annotator-mcp

Plugin Claude Code

Bundles 2 MCP servers

MCP server that annotates any web page with hover labels for AI assistants.

andyed/muriel

Plugin Claude Code

Bundles 1 skill, 6 agents · 711 tokens together

Design skill for coding agents. It translates between design languages, expresses them in a multitude of mediums, juries its own work, and keeps every piece on brand and readable.

Sakaax/ux-pilot

Plugin Claude Code

Bundles 1 skill · 24 tokens together

UX co-pilot — conversational UX designer with live preview. 376 rules, 161 palettes, 57 font pairings, 67 styles. Phases: Discovery (ABCD questions), Audit (code scan + scored report), Preview (local server + named versions), Export (spec + React/Svelte/Vue components).

ng-galien/maket

Plugin Claude Code

Bundles 3 skills, 1 command · 279 tokens together

Visual design skill for Maket — plans layouts, composes documents, and guides Claude through structured design workflows.

volomydyr/design-engineer-plugin

Plugin Claude Code

Lists 1 plugin

Plugin marketplace listing 1 plugin: design-engineer.

livlign/claude-skills

Plugin Claude Code

Bundles 1 skill · 88 tokens together

Diagnostic skills for GitHub repos. Currently ships readme-doctor — a structured review of a repo's README against best-practice patterns (hero presence, install-to-first-success length, audience match, drift signals), output as a prioritized punch list.

danielrosehill/Claude-Image-Production-Plugin

Plugin Claude Code

Bundles 29 skills, 19 commands · 1,973 tokens together

Claude Code plugin for image editing, batch operations, format conversion, and filesystem organisation of image libraries — bucket by resolution, aspect ratio, orientation, format, EXIF capture time, camera, and dedupe duplicates / near-duplicates.

southleft/skills-for-figma

Plugin Claude Code

Bundles 18 skills · 2,887 tokens together

18 skills for the native Figma MCP: export/import design tokens, manage variables, analyze and document component sets, lint for WCAG and design-system compliance, audit accessibility, and author Slides and FigJam content.

alevizio/globestudio

Plugin Claude Code

Bundles 1 skill, 1 MCP server · 193 tokens together

Make, edit and embed dotted world maps and 3D globes. Bundles the globestudio skill with the hosted Globestudio MCP server.

dekitproject/ux-ui-promax-skill

Plugin Claude Code

Bundles 7 skills · 717 tokens together

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing…

HermeticOrmus/design-mastery-claude-code

Plugin Claude Code

Bundles 4 skills · 266 tokens together

Master design through principles, legendary designers, and historical movements. Build professional brand identities with systematic workflows.

HarKro753/claude-copy

Plugin Claude Code

Bundles 3 skills, 1 hook · 527 tokens together

Turn a captured website into a pixel-verified clone — static HTML routes or shadcn/ui React components — measured against the reference screenshot by one engine.

aahil62/unslop

Plugin Claude Code

Bundles 3 skills · 233 tokens together

Rescue ugly vibe-coded React + Tailwind sites: audit the AI-slop, interview for taste, synthesize a custom design lane, and systematically re-theme with verification.

heathdutton/claude-d2-diagrams

Plugin Claude Code

Bundles 1 skill, 3 agents, 2 hooks · 168 tokens together

Architecture and infrastructure diagrams from your code, drawn with D2 and kept fresh as the code changes.

HorizunGroup/naviscoord-mcp

Plugin Claude Code

Lists 1 plugin

BIM coordination plugins by HorizunGroup.

sandraschi/qcad-mcp

Plugin Claude Code

Bundles 2 skills, 1 MCP server · 72 tokens together

Agent settings declaring 1 hook event (SessionStart).

trabian/fluxwing-skills

Plugin Claude Code

Bundles 8 skills · 382 tokens together

AI-native UX design system using uxscii standard - create, validate, and compose UI designs through natural language.