Design and UX plugins

ZachArticulateV/designer-pro-and-seo

Plugin Claude Code

Bundles 45 skills, 14 agents, 1 MCP server · 6,389 tokens together

45 Stable skills (24 Core, 18 Lite, 3 routing) for web design + SEO in Claude Code: design systems, on-brand page rendering, design tokens, build briefs, pre-delivery QA, and CMS porting, plus a full SEO suite (technical, schema, sitemap, content, GEO, hreflang, drift, local, e-commerce) with a real parallel-dispatch…

imshaikot/render-visual-skill

Plugin Claude Code

Bundles 1 skill · 240 tokens together

Architecture diagrams, presentation slides, social cards, code snippets and device mockups — authored as HTML/SVG and rendered to crisp PNGs by a local headless Chromium. Includes a 55-part element library (device frames, infrastructure shapes, schematic chart and BI parts, 29 glyphs), places your own screenshots and…

kamiazya/whiteboard

Plugin Claude Code

Lists 1 plugin

Plugin marketplace listing 1 plugin: whiteboard.

buidangminh23/spacing-skill

Plugin Claude Code

Bundles 1 skill · 127 tokens together

Anti-cramped spacing skill for AI-generated UI — three dials, one spacing scale, vertical rhythm, optical alignment, accessibility floors, and density discipline.

nicohodt/claude-code-ui-ux-skill

Plugin Claude Code

Bundles 7 skills, 2 commands, 1 agent, 3 MCP servers · 722 tokens together

UI/UX design intelligence. Searchable local database with 84 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…

sukirman1901/frontend-expert

Plugin Claude Code

Bundles 33 skills, 5 commands, 3 agents, 2 hooks · 2,613 tokens together

Evidence-led frontend UI quality — judgment, tokens, typography, color, surfaces, content, responsive, motion, accessibility, performance, and testing.

sorensensig/ai-corner-store

Plugin Claude Code

Bundles 1 skill, 2 commands, 3 hooks · 287 tokens together

Experimental. Build with Digdir's Designsystemet correctly on the first attempt: quote-verified component contracts (twins), a WCAG guard hook, and the /ds-check audit command.

omril321/claude-plan-visualizer

Plugin Claude Code

Bundles 1 agent · 88 tokens together

Generates self-contained HTML visualizations from markdown implementation plans showing BEFORE/AFTER architecture, diff-marked components, key decisions, and risks.

promptclickrun/power-agents-blueprint

Plugin Claude Code

Bundles 2 skills · 105 tokens together

Analyzes Power Platform, Copilot Studio, and Azure AI Foundry solutions and generates interactive HTML architecture dashboards with SVG diagrams, ERDs, data flow analysis, and shareable PageDrop links.

Deibler/universal-design-principles

Plugin Claude Code

Bundles 17 skills · 1,657 tokens together

Framework-agnostic design principles for aesthetics, perceived quality, brand personality, and emotional response. Covers Aesthetic-Usability Effect, Archetypes, Form Follows Function, Wabi-Sabi, Exposure Effect, and Immersion. Drawn from the aesthetic and emotion-related entries of 'Universal Principles of Design'…

igloude/ds-skills

Plugin Claude Code

Bundles 4 skills · 118 tokens together

Police large volumes of AI-generated frontend work for design-system conformance, and audit the design system itself so it can be policed. Report-only: verdicts, reviews, plans, and issues — it never edits your code.

HUANGcvs/MeiGen-AI-Design-MCP

Plugin Claude Code

Bundles 2 skills, 4 commands, 3 agents · 650 tokens together

Visual creative expert — search inspiration, enhance prompts, and generate AI images with intelligent workflow orchestration.

eveiljuice/claude-plugin-design-md

Plugin Claude Code

Bundles 1 command · 19 tokens together

Scaffold DESIGN.md files that follow the google-labs-code/design.md spec (YAML design tokens + markdown rationale for AI coding agents).

imgly/agent-skills

Plugin Claude Code

Bundles 2 skills, 1 agent · 297 tokens together

Build your own photo, video and design editor — white-label, embedded in your app — with the IMG.LY SDK (CreativeEditor SDK, CE.SDK). Skills scaffold, implement and document custom editing experiences and creative automation for Web, iOS, Android, Flutter and React Native.

connerkward/ckw-design-skill

Plugin Claude Code

Lists 1 plugin

Frontend design skill: direction, design system, visual philosophy.

alexmond/alexmskills

Plugin Claude Code

Bundles 1 skill · 116 tokens together

Build a presentation-ready screenshot deck of the current product for demos, slide decks, and stakeholder walkthroughs. Discovers the aspects worth showing (entry points, routes, --help, recent CHANGELOG), proposes an editable plan, captures each aspect with the right tool per surface (the project's existing browser…

respira-press/respira-wordpress-mcp

Plugin Cursor

Bundles 1 MCP server

Read and edit a live WordPress site in its page builder's own format: Elementor, Divi, Bricks, Gutenberg and 14 more. An edit to a published page lands on a draft copy a person approves, and every write saves a snapshot first. Needs the Respira plugin on the site; there is a free trial.

harshkedia177/design-mode

Plugin Claude Code

Bundles 4 skills · 245 tokens together

Visual Design Mode overlay for annotating, inspecting, and modifying UI elements directly in the browser. Click elements to annotate, hover to inspect box models, and let Claude apply your design feedback to source code.

TaewoooPark/UIForge

Plugin Claude Code

Bundles 4 skills, 6 commands, 1 MCP server · 838 tokens together

Clone any website's design into clean, editable React + Tailwind, with your content. Renders a reference, extracts its full design (every color, gradient, shadow, font, box) into a Tailwind v4 theme, replays a faithful reconstruction, loops a visual diff against the original until it matches, then exports an editable…

thisAAY/archeyes

Plugin Claude Code

Bundles 1 skill · 94 tokens together

A diagram you talk back to — render a plan, an existing codebase, or a feature as an interactive architecture graph, edit it directly (drag, reconnect, comment), and send the structured edits back to the agent.

gbasin/figma-to-react

Plugin Claude Code

Bundles 1 skill, 1 hook, 1 MCP server · 19 tokens together

figma-to-react. Claude Code plugin for converting linear Figma screen flows into React components with exact assets, iOS-native animations, and automated visual verification.

widnyana/eyay-toolkits

Plugin Claude Code

Bundles 1 command · 26 tokens together

Design Thinking · Design Graph · Graph Protocol — draw the call graph before writing code. Turns plans, reviews, and refactors into an annotated, stack-agnostic call graph.

uselayout/cli

Plugin Claude Code

Bundles 1 skill, 1 hook · 53 tokens together

Serve and enforce your design system in any agent. Bundles the Layout MCP server (design tokens, component specs, compliance checks) and the layout-md skill for writing on-brand UI code.

sunhome243/figma-mcp-express

Plugin Claude Code

Bundles 4 skills, 1 hook, 1 MCP server · 170 tokens together

Compact Figma MCP with validated batch ops, multi-channel routing, library automation, and design skills.