---

name: design-lab description: | Interactive design exploration environment: conducts design interviews, generates multiple UI variants, and refines designs through structured iterative feedback loops until the direction is confirmed. triggers:

• "design lab"
• "design exploration"
• "design variants"
• "iterative design" das: category: interaction-polish upstream: "https://github.com/0xdesign/design-plugin" upstream_path: "design-and-refine/skills/design-lab/SKILL.md" version: latest install: true

---

design-lab

Catalogue stub — full skill: 0xdesign/design-plugin

Decision tree

Run this before any exploratory design session:

1. Is the full skill already installed? Check: ~/.design-agent-skills/skills/design-lab/SKILL.md exists AND does NOT contain a das: block.

   • Yes → invoke design-lab and proceed
   • No → go to step 2

2. Do you have shell access?

   • Yes → run the install command below, then invoke the skill
   • No → show the install command; in Claude Code, send it as a chat message starting with ! — add -g for global install or omit for project-only

Install command

npx skills add 0xdesign/design-plugin --skill design-lab

Or per-agent:

• Claude Code: claude skills add 0xdesign/design-plugin
• Cursor/OpenCode: npx skills add 0xdesign/design-plugin --skill design-lab

Invoke after install

• Skill name: design-lab
• Trigger phrases: "design lab", "design exploration", "design variants", "iterative design"

What it does

Runs an interactive design exploration session by first conducting a brief design interview to understand constraints and intent, then generating multiple distinct UI variants. Gathers structured feedback on each variant and iterates until a direction is confirmed and ready for implementation.