skills.rest
kimmyxpow
kimmyxpowCOMMUNITY
Explore all skills by this author →
GitHub

design-lab

Conduct design interviews, generate five UI variants, collect feedback, and produce an implementation plan.

Updated Feb 2, 2026
Search Tags:#design#feedback#UI#interview#prototype#design-lab#variations
One-click install
npx skills add https://github.com/kimmyxpow/focus --skill design-lab-kimmyxpow
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-lab
Source: https://github.com/kimmyxpow/focus/tree/main/.claude/skills/design-lab
Command: npx skills add https://github.com/kimmyxpow/focus --skill design-lab-kimmyxpow

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design Lab streamlines design exploration by guiding interviews, producing five distinct UI variations in a temporary lab, collecting structured feedback, and turning insights into actionable implementation plans.

Core Features & Use Cases

  • Interview to understand user needs and constraints.
  • Generate five distinct UI variations in a design lab for side-by-side comparison.
  • Collect structured feedback and synthesize into an implementation plan.
  • Use for redesigns, new UI concepts, or evaluating multiple approaches.

Quick Start

Initiate a design-lab session: interview the user, generate five UI variations, collect feedback, and produce an implementation plan.

Frequently Asked Questions about design-lab

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

FAQPage Schema
How do I explore multiple UI directions for a new component design?▼

To explore multiple UI directions, you can conduct a design interview to define constraints, generate five distinct variations in a design lab, and evaluate them side-by-side using structured feedback to decide on a final approach.

What is the best way to collect structured feedback on UI prototypes?▼

The best way to collect structured feedback on UI prototypes is to generate five distinct variations in a design lab environment, compare them side-by-side, and synthesize the responses into an actionable implementation plan.

How do I turn design interview insights into an implementation plan?▼

To turn design interview insights into an implementation plan, you synthesize the structured feedback collected from evaluating five generated UI variations into actionable steps aligned with your project's design system.

Can I use this design lab workflow for redesigning existing UI components?▼

Yes, you can use this design lab workflow for redesigning existing components, creating new UI concepts, or evaluating multiple approaches by generating variations and collecting structured feedback for side-by-side evaluation.

Do I need a predefined design system to generate UI variations?▼

You need a defined workflow with preflight checks to generate UI variations, and the final implementation plan produced from your structured feedback will be specifically aligned with your existing project's design system.

Related Skills

Explore More Design & Creative Skills→
stephendorstephendor
1

using-git-worktrees-extras

Validate Git worktree edit readiness with scoped baselines and preflight checks.

Community
Advanced
bohdan-shulhabohdan-shulha

plan-b

Aggregate subagent plan variants into a concise plan with an ASCII diagram.

Community
Advanced
timequitytimequity
6

brainstorming

Convert rough ideas into detailed designs through Socratic dialogue.

Official
Basic
ilamanovilamanov

grill-with-docs

Conduct structured interviews to refine plans and generate ADRs and glossaries.

Community
Intermediate