Skills
.Work. You
Rest

design-lab

Community

Explore UI options with live design lab variants.

Design & Creative#workflow#design#feedback#UI#prototyping#variants#design-lab
Authortony-buildd
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill implements a complete design exploration workflow: interview stakeholders, generate five distinct UI variations in a temporary design lab, collect feedback, and produce implementation plans. Use when you want to explore UI design options, redesign existing components, or create new UI with multiple approaches to compare.

Core Features & Use Cases

  • Interview-driven discovery to define constraints and goals.
  • Generate five distinct UI variations for side-by-side evaluation.
  • Collect, organize, and act on stakeholder feedback via the integrated overlay.
  • Produce practical implementation plans and handoff guidance from the chosen variant.

Quick Start

Start by outlining the design problem and context, then initiate the lab to generate five variants and begin collecting feedback. Review the variants in the generated .claude-design/lab directory and use the FeedbackOverlay to annotate improvements.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: design-lab
Download link: https://github.com/tony-buildd/valentime-2026/archive/main.zip#design-lab

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.