claude

DESIGN — Studio & adversarial UI review

The DESIGN studio — a designer's workshop that both makes and critiques visual work to a commercial-grade standard. /ui-review crawls the navigable routes of any SPA (screenshot + accessibility snapshot per route) and writes a scored, prioritised critique where every finding cites a named principle; /mockup composes polished screens, wireframes, and user-flows and runs them through a convergent designer↔reviewer loop until they clear a design-fitness rubric. The reviewer is a heavyweight expert in the design canon — Gestalt, the UX laws (Fitts/Hick/Miller/Jakob), Nielsen's heuristics, Norman's emotional design, and WCAG 2.2 accessibility. Composes with deliver's frontend design-system and publish's graphics by capability; degrades to markdown when absent. Uses the host-provided chrome-devtools MCP (ONE BROWSER — bundles none) for live review.

0 on GitHubby whatbirdisthatv1.1.1MIT OR Apache-2.0updated 2 months agoworkflow
/

Plugin design from marketplace idea-to-production in agentic-underground/idea-to-production. Commands read from the repo's manifest — 1 month ago.

This plugin runs code on your machine — its hooks fire automatically on events like tool use. The exact commands are listed below; read them before installing.

What it installs

Skills (4)

  • check

    Verify DESIGN's external tool dependencies are installed and reachable. Trigger with /design:check (or "check design prerequisites"). Runs a fast ✓/✗ probe grouped by tier; advisory by default, --strict to fail on a missing required tool. Reads the canonical manifest skills/check/requirements.tsv. p

  • mockup

    Design a UI mockup, wireframe, or user-flow — composed and design-reviewed, not a first draft. Trigger with /mockup (or "mock up a screen for…", "draw the user flow"). Guard: DESIGN only. Generates the artefact (HTML/CSS via chrome-devtools, or an SVG wireframe) then runs the designer↔reviewer loop

  • self-improve

    Improve DESIGN itself — fold design feedback back into its canon and design-fitness rubric, or self-cleave an over-broad element. Trigger with /design:self-improve (or "this design passed review but failed real users — fix the canon", "fold this design feedback in", "the reviewer keeps missing X").

  • ui-review

    Adversarially review the design of a running app or screenshot — a scored, prioritised critique. Trigger with /ui-review (or "review the UI", "critique this design/screen"). Guard: DESIGN only. Crawls an SPA's routes via chrome-devtools (screenshot + a11y snapshot each) or a pasted screenshot, groun

Slash commands (4)

  • /design:check

    Verify DESIGN's external tool dependencies are installed and reachable — a ✓/✗ table by tier (advisory; --strict to fail on a missing required tool).

  • /design:inspect

    Inspect the DESIGN plugin itself — audit skills, agents, and knowledge for drift, gaps, and duplication; produce a severity-ranked report.

  • /design:mockup

    Design a polished, design-reviewed UI mockup, wireframe, or user-flow — composed to the design canon and run through the convergent designer↔reviewer loop until it clears the fitness rubric. Produces commercial-grade material, not a first draft.

  • /design:ui-review

    Adversarially review the design of any running SPA or screenshot — crawl the navigable routes (screenshot + accessibility snapshot per route), critique each against named design canon (Gestalt, UX laws, Nielsen's heuristics, WCAG 2.2), score it on the design-fitness rubric, and write a prioritised r

Subagents (2)

  • inspector

    DESIGN INSPECTOR — on-demand agent that audits the DESIGN plugin it ships in (skills, agents, knowledge, commands under ${CLAUDE_PLUGIN_ROOT}). Triggered by user command only ("inspect DESIGN" / "/design:inspect"). Builds a fresh critical-analysis persona, reads every file, and produces DESIGN_INSPE

  • ui-design-reviewer

    DESIGN's heavyweight, SOTA-grounded adversarial design reviewer — the quality gate of the design studio. Spawned by the mockup skill to critique a rendered screen, a crawled SPA route, a screenshot, OR a generated/pictorial image (hero art, concept, illustration) against the named design canon (Gest

Hooks (1)

  • SessionStart

    bash ${CLAUDE_PLUGIN_ROOT}/hooks/inject-kaizen.sh 2>/dev/null || true

View source on GitHub

More from agentic-underground/idea-to-production

All 8 plugins →

An opinionated, disciplined, quality-first software production system. A conveyor that carries value from IDEA to PRODUCTION across role-tuned agents and value-stations (IDEA ▶ ROADMAP ▶ PLAN ▶ EARS ▶ FEATURE ▶ TEST ▶ IMPLEMENT ▶ STORY ▶ SHIP), governed by three pillars — knowledge parity, quality-first with a performance-delta gate, and waste elimination (muda·mura·muri) — under an overarching token-efficiency constraint. Emits markdown; uses the secure and publish companions automatically when present.

19 skills · 13 commands · 32 agents · 1 MCP server · hooks

0

Turns project artefacts and markdown into publication-grade output: narrative articles mined from git history and docs, standalone diagrams (Graphviz + a Mermaid-native specialist covering the full diagram taxonomy, theming, and ELK), and print-quality PDFs with embedded, A4-legible figures — all held to standard by an adversarial design-reviewer (typography + data-viz canon) that critiques the rendered artefact in a convergent loop. The PUBLISHING companion deliver hands off to when richer-than-markdown output is wanted — or use it directly on any project.

10 skills · 5 commands · 8 agents · hooks

0

The FRONT DOOR, ARRIVAL layer, and meta-layer of the marketplace — the marketplace-level surface the specialist plugins never had. /i2p:help browses the powers you have now, grouped by the DISCOVER ▸ IDEATE ▸ BUILD ▸ DESIGN ▸ SECURE ▸ PUBLISH value flow (listing only what is installed); /i2p:review fans out EVERY installed reviewer — code (deliver), design (design), rendered docs (publish), security (secure) — into ONE adversarial verdict in I2P_REVIEW.md; /i2p:check consolidates every plugin's readiness into one table; /i2p:flow maps where each plugin sits and the next command to run; /i2p:focus declares the active lifecycle phase for context routing so out-of-phase skills stay dormant ('focus, don't uninstall'), broadcast by a SessionStart hook so it survives /clear. It also GREETS whoever opens a repo: a SessionStart hook renders a maintainer-authored .claude/welcome.md (/i2p:define-welcome authors it), and /i2p:statusline turns on the rich two-line idea-to-production status line (context & rate-limit gauges, the product-lifecycle phase, a ⚔ reviewer-catch tally), offered once on first activation. Introduces itself on session start and surfaces occasional ≤25-word tips. A thin orchestrator that delegates to the specialists by capability and never re-implements them. Carries the KAIZEN self-improvement covenant.

10 skills · 10 commands · 1 agent · hooks

0

The OPERATE phase owner — what runs a mission AFTER launch. OPERATE keeps the live product alive and improving: it verifies operational readiness at go-live, instruments and watches the four golden signals (observability), runs incident response (severity, incident-command roles, mitigate-first, runbooks, blameless postmortems), keeps a maintenance cadence (dependency upkeep + CVE patching + tech-debt), and closes the build-measure-learn loop by turning production signals into a new opportunity that re-enters DISCOVER (the cyclic re-entry). /operate-gate is the front door — an operational-readiness check at go-live and the steady-state health view with a READY / WATCH / NOT-READY verdict. Grounded in named canon (SRE SLIs/SLOs/error budgets + golden signals, the Incident Command System, build-measure-learn, ITIL-lite). Stands alone on any live project, or advances the idea-to-production lifecycle OPERATE → DISCOVER (↻) when i2p is installed. Composes the secure plugin's scan-dependencies and hands new opportunities to discover/ideate by capability. Carries the KAIZEN self-improvement covenant: every incident becomes a runbook, every alert gap becomes an SLO.

9 skills · 9 commands · 1 agent · hooks

0

The pre-release security gate for any repository. Catches PII, secrets/credentials, and supply-chain risk before they ship. Runs parallel, multi-agent audits across data files, git history, source, and frontend, and consolidates them into a single severity-ranked report with a PASS / REVIEW / BLOCK verdict. Stands alone, or serves as deliver's SECURE gate when both are installed.

6 skills · 6 commands · 1 agent · hooks

0

The DISCOVERY front door of the marketplace — upstream of any code. Set a standing discovery /discovery-goal, then run /market-scan: an adversarially-challenged dialogue over a market parameter taxonomy (problem severity, demand evidence, market size, willingness-to-pay, pricing power, competition, reachability, stack-fit) that proposes, scores, validates, and NARROWS candidate opportunities, killing weak ideas early. Loop it over your goal until one candidate earns a keep verdict — the spark. Hands a validated OPPORTUNITY to the ideate plugin when installed, or emits a structured markdown opportunity brief standalone. Self-improving: downstream feedback sharpens the parameters and scoring over time.

4 skills · 4 commands · 2 agents · 1 MCP server · hooks

0

Similar plugins

superpowers

claudecodex

Core skills library for Claude Code: TDD, debugging, collaboration patterns, and proven techniques

15 skills · hooks

obra/superpowers 316,836

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

diagram-design

claudecodex

Editorial diagrams in your brand, as self-contained HTML and SVG. Architecture, flowcharts, sequence, state machines, ER and database schemas, timelines, swimlanes, org charts, Gantt, Wardley maps, user journeys, service blueprints, UML class, lifecycle phase maps, and charts from bar, line and scatter to Sankey, treemap and heatmap, plus many more. Redraws draw.io, Mermaid, Excalidraw and PlantUML files. Exports SVG and PNG.

1 skill · 7 commands

cathrynlavery/diagram-design 66,757

daisyui

claudecodex

daisyUI component library skill

7 skills

saadeghi/daisyui 42,821

Backend API design, GraphQL architecture, workflow orchestration with Temporal, and test-driven backend development

9 skills · 1 command · 8 agents

wshobson/agents 42,461

Zero-dependency HTML presentation generator with safe presets, bold template-library styles, PPT conversion, and anti-AI-slop design philosophy.

1 skill

zarazhangrui/frontend-slides 32,274

Maintain DESIGN — Studio & adversarial UI review?

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 plugins8 plugins