ux-ui-style-discovery-and-variant-proposal

Discover modern UI patterns and generate design variants with review artifacts.

Updated Mar 22, 2026
One-click install
npx skills add https://github.com/FernanSuoza/AIDD-project-bootstrap --skill ux-ui-style-discovery-and-variant-proposal
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ux-ui-style-discovery-and-variant-proposal
Source: https://github.com/FernanSuoza/AIDD-project-bootstrap/tree/main/templates/skills/ux-ui-style-discovery-and-variant-proposal
Command: npx skills add https://github.com/FernanSuoza/AIDD-project-bootstrap --skill ux-ui-style-discovery-and-variant-proposal

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI decision fatigue and misalignment across teams by enabling rapid discovery of modern UI patterns, generation of multiple wireframe or screen variants, and explicit alignment before implementation.

Core Features & Use Cases

  • Discover, study, and compare modern UI patterns and design systems relevant to the given task.
  • Produce 2–4 low- to medium-fidelity variants with layout outlines, interaction notes, and accessibility considerations.
  • Generate a clear design-review packet and handoff notes to guide implementation and documentation.

Quick Start

Run the UX style discovery workflow to generate 2–4 design variants for the current task and surface a design-review packet.

Frequently Asked Questions about ux-ui-style-discovery-and-variant-proposal

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

FAQPage Schema
How do I generate UI design variants for my project?

To generate UI design variants, this workflow discovers modern UI patterns and produces 2–4 low- to medium-fidelity wireframe variants. Each variant includes layout outlines, interaction notes, and accessibility considerations to help you compare design directions before implementation.

What is the best way to compare design systems before implementation?

Comparing design systems before implementation is done by generating a design-review packet. This packet surfaces modern UI patterns and proposes multiple wireframe variants with explicit alignment notes to prevent misalignment across teams during development.

How do I reduce UI decision fatigue when choosing layouts?

Reducing UI decision fatigue involves rapidly discovering modern UI patterns and generating 2–4 screen variants. This guided selection process provides layout outlines and interaction notes, enabling explicit team alignment before documentation proceeds.

Can I get implementation handoff notes from wireframe variants?

Yes, you can get implementation handoff notes from wireframe variants. The workflow produces a design-review packet and explicit handoff notes that guide implementation and documentation based on the selected UI style directions.

Does the variant discovery process include accessibility considerations?

Yes, the variant discovery process includes accessibility considerations. When generating 2–4 low- to medium-fidelity variants, the workflow explicitly incorporates accessibility notes alongside layout outlines and interaction details.