claude

designreview

AI design review for Claude Code: connects PRD, research, Figma, and analytics to review design intent (not pixels) and surface gaps before handoff or launch. Reads and annotates Figma through the DesignAgent bridge. Run /new, /review, /annotate.

5 on GitHubby Sherizan Sheikhv0.1.0MITupdated 28 days agodesign
/

Plugin designreview from marketplace designagent in sherizan/designagent. Commands read from the repo's manifest — 28 days ago.

What it installs

Skills (1)

  • design-review

    The DesignReview review rules — how to review design intent (not pixels) or scaffold from a PRD. Use when running a design review, checking PRD coverage, auditing the five states (happy/empty/loading/error/recovery), reviewing UX completeness, or proposing screens from a PRD. The /review command fol

Slash commands (3)

  • /designreview:annotate

    Pin a review's findings into Figma as DesignAgent annotations (reads design-comments.preview.md)

  • /designreview:new

    Scaffold a new DesignReview project (context, insights, memory folders + stub files)

  • /designreview:review

    Run a DesignReview design review on a project (reviews intent, not pixels)

Subagents (6)

  • analytics-agent

    Checks whether the analytics requirements are measurable given the design and flags instrumentation gaps — events that are needed but won't fire based on the current flow. Reads only; never touches Figma or writes comments. Dispatched by the DesignReview review orchestrator.

  • content-agent

    Reviews copy against the content brief and DESIGN.md voice — ambiguous labels, non-plain-English legal copy, missing error/empty-state microcopy, and consequence language for irreversible actions. Dispatched by the DesignReview review orchestrator.

  • figma-agent

    Extracts screen structure, components, hierarchy, and screen-level node IDs from the open Figma file via the DesignAgent bridge. The ONLY agent that touches Figma. Dispatched by the DesignReview review orchestrator.

  • prd-agent

    Reviews PRD-to-design coverage — checks that every PRD requirement has a screen, every user story has its states, and acceptance criteria are addressed. Dispatched by the DesignReview review orchestrator.

  • screen-planner-agent

    Proposes the initial set of screens for a product from its PRD — purpose, key elements, the five states, and key copy per screen, each cited to a PRD step. Used by the scaffold orchestrator when a project has a PRD but no Figma file. Produces the spec the orchestrator turns into a Figma Make prompt

  • ux-agent

    Reviews UX completeness — missing states (empty/loading/error/recovery/offline/permission-denied), cognitive load, flow clarity, and trust signals, grounded in DESIGN.md and research. Runs after the Figma agent. Dispatched by the DesignReview review orchestrator.

MCP servers (1)

  • figma

    connects to: http://127.0.0.1:3845/sse

View source on GitHub designagent.dev

More from sherizan/designagent

All 9 plugins →

designagent

claude

Claude Code's live two-way bridge to Figma: read, build, and edit the canvas in real time, then build production UI from a design-system-faithful DESIGN.md.

3 skills · 1 MCP server · hooks

5

tokens

claude

Extract your design tokens from code (colors, spacing, type, radius) with deterministic clustering and hardcoded-value drift detection, and keep DESIGN.md in sync.

3 skills · 1 command

5

design

claude

DESIGN.md: scaffold and sync your design system, then lint the code against its own rules (borders vs shadows, off-grid spacing, extra typefaces, over-cap weights).

1 skill · 2 commands

5

design-qa

claude

Does the build match the design? Screenshots your running UI, diffs it against the Figma frame / DESIGN.md, and reports layout, spacing, color, and type drift by severity.

1 skill · 1 command · 1 MCP server

5

voice

claude

VOICE.md: proofread copy against a house voice and strip the AI tells (em dashes, hype, filler), keeping commands, ids, and code literally unchanged.

1 skill · 2 commands

5

backgrounds

claude

Generate self-contained, brand-aware background effects (animated WebGL shader, dot-grid, or ASCII art) recolored from your DESIGN.md, with reduced-motion and fallbacks baked in.

1 skill · 1 command

5

Similar plugins

example-skills

claude

Collection of example skills demonstrating various capabilities including skill creation, MCP building, visual design, algorithmic art, internal communications, web testing, artifact building, Slack GIFs, and theme styling

19 skills

anthropics/skills 193,780

pr-review-toolkit

claude

Comprehensive PR review agents specializing in comments, tests, error handling, type design, code quality, and code simplification

1 command · 6 agents

anthropics/claude-code 155,476

ui-ux-pro-max

claude

Professional UI/UX design intelligence for AI coding assistants. Includes searchable databases of styles, colors, typography, charts, and UX guidelines for React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, and Three.js.

7 skills

nextlevelbuilder/ui-ux-pro-max-skill 148,759

Taste Skill

claudecodex

tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.

1 skill

Leonxlnx/taste-skill 114,391

impeccable

claude

Design fluency for frontend development. 1 skill with 24 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection.

1 skill · 4 agents · hooks

pbakaus/impeccable 109,099

storybook

claudecodex

Build, preview, and test UI components with Storybook.

7 skills

storybookjs/storybook 91,552

Maintain designreview?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins9 plugins