design-lab

Run structured design exploration with stakeholder interviews and UI variations.

744|42|Updated Jan 15, 2026
One-click install
npx skills add https://github.com/0xdesign/design-plugin --skill design-lab-0xdesign
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-lab
Source: https://github.com/0xdesign/design-plugin/tree/main/design-and-refine/skills/design-lab
Command: npx skills add https://github.com/0xdesign/design-plugin --skill design-lab-0xdesign

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill enables teams to run a structured design exploration workflow within a project, spanning stakeholder interviews, generation of multiple UI variations, and a synthesis of a final implementation plan to guide development.

Core Features & Use Cases

  • Interview-driven discovery: captures requirements, pain points, and context to shape design directions.
  • Multi-variant generation: creates five distinct UI variations for side-by-side comparison.
  • Feedback loop: provides an in-page FeedbackOverlay to annotate elements and collect actionable insights.
  • Cleanup & deliverables: outputs DESIGN_PLAN.md and DESIGN_MEMORY.md, and cleans up temporary lab artifacts when finished.
  • Use case: teams explore design directions for a component or page before committing to a final approach.

Quick Start

Start the design lab to interview stakeholders, automatically generate five UI variations, and capture feedback to finalize a plan.

Frequently Asked Questions about design-lab

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate multiple UI variations for side-by-side comparison during prototyping?

To generate multiple UI variations, a structured design lab workflow creates five distinct prototypes for side-by-side comparison. It integrates stakeholder interviews and a feedback overlay to collect actionable insights before synthesizing a final implementation plan.

Can I collect in-page feedback on UI prototypes without external tools?

Yes, collecting in-page feedback on UI prototypes uses an interactive FeedbackOverlay. This allows stakeholders to annotate elements directly within the lab environment, capturing actionable insights while keeping temporary artifacts contained and separate from the main project.

What is a structured design exploration workflow for component redesign?

A structured design exploration workflow for component redesign spans stakeholder interviews, multi-variant generation, and feedback synthesis. It applies automated preflight detection and maintains memory of design patterns to output a final implementation plan and a design memory file.

How do I turn UI design feedback into a final implementation plan?

Turning UI design feedback into an implementation plan involves synthesizing insights collected from a feedback overlay. The workflow outputs a structured plan file alongside a design memory file, then cleans up temporary lab artifacts to leave the project repository pristine.

Does the design lab environment leave temporary prototype artifacts in my project?

No, the design lab environment enforces cleanup guarantees to remove temporary prototype artifacts. It operates within a contained space, ensuring that only the final deliverables, such as the implementation plan and design memory files, remain in the project.

When should I use an interview-driven approach for UI prototyping?

An interview-driven approach for UI prototyping should be used when teams need to explore multiple design directions before committing. It captures stakeholder requirements and pain points upfront, ensuring generated variations align with actual project context and constraints.