design-lab

v0.2.0

See real components before deciding: /design-lab:preview renders 2-3 candidate variants with the project's OWN components on its own dev server (Vite React/Vue/Nuxt or Laravel Blade/Livewire, scratch surface removed at cleanup, strict consent gate, shell-mockup fallback for greenfield); and two MCP servers read component registries from the source, never from memory — a dependency-free local one for Aceternity, shadcn and Magic UI (24h-cached, every answer carrying its source URL, fetch date and stale flag, 3D/particle runtimes flagged) plus ReUI's own hosted server, delivered by install and authenticated by the user's own browser sign-in.

Claude Code1 Skill2 MCP serversstdioStreamable HTTP

By Ivan-WG1 GitHub starsUpdated 2 weeks ago

Directory evidence

Runtimes: Claude Code
Parsed components: 3 skill or MCP entries
Source updated: Sep 5, 2026
Manifest status: Canonical path parsed

The directory validates manifest shape and source location. It does not execute the plugin or provide a security endorsement. Review the indexing methodology →

Install design-lab for Claude Code

Installs for the current user

claude plugin marketplace add IchenDEV/agent-plugin-mkt
claude plugin marketplace update agent-plugin-marketplace
claude plugin install design-lab@agent-plugin-marketplace

Paste and run these commands in a terminal with Claude Code. They add and refresh the PluginsMP catalog, then install this plugin.

The installer fetches third-party code from the source repository shown on this page. This directory validates manifest structure and source location, but does not perform a security audit; review the manifest, components, and source before installing.

Get the source manually

$ git clone https://github.com/galaykos/cc-marketplace

Clone the source repository, then follow its setup instructions to add the plugin to a compatible client. The plugin root is plugins/design-lab/.

Plugin files

plugins/design-lab/

├── .claude-plugin/plugin.json
├── skills/real-preview/SKILL.md
└── .mcp.json

Included Skills1

real-previewskills/real-preview/SKILL.md

Use when a visual or UI decision needs REAL component fidelity — the project's actual design-system components, true typography, spacing and states — beyond token-mimicking static mockups. Vite (React or Vue/Nuxt) and Laravel Blade/Livewire; scratch entry, strict consent, guaranteed cleanup. Greenfield or non-Vite/non-Laravel stacks fall back to the taskmaster shell mockup — no sandbox is stood up.

MCP servers2

registry-sourcestdio

command: node
args: ${CLAUDE_PLUGIN_ROOT}/mcp/server.mjs

reuiStreamable HTTP

url: https://mcp.reui.io

MCP configuration uses runtime-provided plugin path placeholders such as ${PLUGIN_ROOT} or ${CLAUDE_PLUGIN_ROOT}. Review the manifest for the runtime-specific expansion rules.

Plugin manifests1

plugins/design-lab/.claude-plugin/plugin.json

{
  "name": "design-lab",
  "version": "0.2.0",
  "description": "See real components before deciding: /design-lab:preview renders 2-3 candidate variants with the project's OWN components on its own dev server (Vite React/Vue/Nuxt or Laravel Blade/Livewire, scratch surface removed at cleanup, strict consent gate, shell-mockup fallback for greenfield); and two MCP servers read component registries from the source, never from memory — a dependency-free local one for Aceternity, shadcn and Magic UI (24h-cached, every answer carrying its source URL, fetch date and stale flag, 3D/particle runtimes flagged) plus ReUI's own hosted server, delivered by install and authenticated by the user's own browser sign-in.",
  "author": {
    "name": "Ivan-WG",
    "email": "[email protected]"
  },
  "keywords": [
    "ui-ux",
    "frontend",
    "tooling",
    "research",
    "navigator"
  ]
}

Browse the “ui-ux” tag →

pwdev-uiux

by Paulo Soares

Stack-agnostic UI/UX engineering framework for Claude Code — 6 real subagents + inline orchestrator/theme personas, 5-phase workflow with human gates, Figma integration, WCAG 2.1 AA, deterministic SQLite audit via hooks. Supports shadcn-vue, shadcn/ui, PrimeVue, Untitled UI, Tailwind Plus, and custom stacks.

Claude Code10 Skills

2Updated last week

craft-layer

by Ivan-WG

Create unique, animated, informative web apps (CRM, SaaS, landing pages) across React, Tailwind, Vue, Next, Nuxt, and Laravel. /craft-layer:craft runs the studio pipeline end to end — creative direction, design research, asset sourcing with a licence gate, theming and component build via ui-ux, and a tiered motion system (Framer, anime.js, Three.js/R3F, Lottie/Rive, sprites) with reduced-motion and reduced-bundle fallbacks. /craft-layer:sections guides per-section decisions, /craft-layer:audit reviews a shipped tree, and ultra-craft escalates a run with live web research and a red-team of the result. Ships the Three.js/R3F skill (WebGPU-first, TSL, asset pipelines, disposal) behind /craft-layer:craft; Three.js review arrives through /code-review:review. Requires ui-ux, which carries the WCAG audit.

Claude Code13 Skills

1Updated last week

craft-suite

by Ivan-WG

Meta-bundle: the creative-build studio in one install — concept-first creative direction with a tiered motion catalog and WebGL/Three.js effects (craft-layer), plus ui-ux: per-library stack skills (shadcn, ReUI, Aceternity, Astryx, MUI, Tailwind), the WCAG audit, CSS-variable theming with a live colour preview, and the accessibility engineer that applies an audit's fix list. Live component-registry lookups route to the registries' own MCP servers — shadcn's and ReUI's — named in ui-ux's stack skills; this marketplace ships none. Uninstall with /craft-suite:uninstall.

Claude Code

1Updated last week

For maintainers

If you maintain this plugin, link to this source-backed listing from your README so users can review its manifest and indexed components.

[design-lab on Agent Plugins Marketplace](https://pluginsmp.com/plugins/design-lab)