design-lab

Generate multiple UI design variants for review and feedback.

Updated Mar 10, 2026
One-click install
npx skills add https://github.com/Tahona-AI/website --skill design-lab-tahona-ai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-lab
Source: https://github.com/Tahona-AI/website/tree/main/.roo/skills/design-lab
Command: npx skills add https://github.com/Tahona-AI/website --skill design-lab-tahona-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

This Skill streamlines the process of exploring and refining user interface designs by providing multiple variants, enabling designers and teams to compare, gather feedback, and iterate efficiently.

Core Features & Use Cases

  • Multiple Design Variants: Generate and display diverse UI options for a specific component or page.
  • Interactive Feedback Collection: Allow users to annotate and comment on specific elements directly within the variants.
  • Design Refinement Workflow: Collect user preferences, synthesize feedback, and create improved substitute designs.
  • Use Case: A product team wants to test three different checkout page layouts. They can view all variants side-by-side, leave targeted comments, and select or refine the best approach seamlessly.

Quick Start

Initiate the design exploration by creating variants based on your current interface; then review and give feedback directly through the interactive overlay or via manual comments.

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 design variants for a component?

To generate UI design variants, initiate design exploration by creating multiple distinct options for a specific component or page. The system displays diverse UI options side-by-side, allowing you to compare interfaces and gather feedback efficiently through an interactive overlay.

What is the best way to collect feedback on UI prototypes during iteration?

The best way to collect feedback on UI prototypes is to use an interactive overlay that allows users to annotate and comment directly on specific elements within the generated variants. This synthesizes user preferences for substitute designs.

Can I refine UI components based on user feedback?

Yes, you can refine UI components through a design refinement workflow. The system collects user preferences, synthesizes feedback, and creates improved substitute designs to ensure iterative refinement of interfaces.

Does the design exploration workflow support custom assets and references?

Yes, the design exploration workflow supports customizability and validation by utilizing scripts, references, and assets. This ensures a comprehensive workflow from initial concept to final selection while maintaining design consistency.

When do I need to use multiple design variants for UI exploration?

You need to use multiple design variants for UI exploration when a product team wants to test different layouts, such as checkout pages. Viewing variants side-by-side helps compare approaches, leave targeted comments, and select the best option seamlessly.