Back to skills
SKILL.md
Design Lab
ASecurityUse when Interactive design exploration workflow: conduct interviews, generate variants, and refine UI designs through user feedback loops.
- 5 stars
- 0 votes
- 0 copies
- 0 views
- Added September 27, 2026
Security analysis
100/100npx -y skills add Harmitx7/tribunal-kit --skill design-lab --agent claude-codeAre you the author of Design Lab?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/harmitx7-design-lab-tribunal-kit)---
name: design-lab
description: "Use when Interactive design exploration workflow: conduct interviews, generate variants, and refine UI designs through user feedback loops."
version: 5.0.0
last-updated: 2026-09-13
skills:
- brainstorming
- shape
- frontend-design
tools: Read, Grep, Glob, Bash, Edit, Write
scripts-binding:
- .agent/scripts/auto_preview.js
- .agent/scripts/verify_all.js
- .agent/scripts/lint_runner.js
---
# Design Lab — Interactive Design Exploration & Variants
---
## 🛠️ Technical Architecture & Reference Recipes
---
---
## 3 Design Lab Phases
### Phase 1: Context & Constraint Gathering
Ask 2 targeted questions to map out design direction:
1. What aesthetic tone fits best? (e.g. Minimalist Editorial vs High-Impact Brutalist vs Clean Corporate SaaS)
2. What component variants would you like to explore? (e.g. Card layout options A vs B)
### Phase 2: Generating Distinct Structural Variants
Generate 2 distinct visual variants (e.g. Option A: Centered Minimalist vs Option B: Asymmetrical Card Grid).
### Phase 3: Interactive Refinement
Synthesize feedback on preferred elements and build the polished final component.
Attribution
Comments
Loading comments…