aibdd-uiux-discovery-lite

Generate a happy-path UI/UX design brief from AIBDD discovery artifacts.

77|15|Updated May 12, 2026
One-click install
npx skills add https://github.com/Waterball-Software-Academy/aixbdd --skill aibdd-uiux-discovery-lite
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: aibdd-uiux-discovery-lite
Source: https://github.com/Waterball-Software-Academy/aixbdd/tree/main/.agents/skills/aibdd-uiux-discovery-lite
Command: npx skills add https://github.com/Waterball-Software-Academy/aixbdd --skill aibdd-uiux-discovery-lite

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Turns AIBDD discovery outputs into a minimal, boundary-aware UI/UX visual brief that only covers happy-path, feature-mentioned screens—preventing overdraw, state explosion, and wasted iteration.

Core Features & Use Cases

  • Happy-path-only visual scope extraction: Selects screens from .feature evidence (explicit screens first, otherwise happy-scenario fallback).
  • Primary/canonical component state compression: Produces a component catalog and frame compositions using only primary states to avoid full UX matrices.
  • Downstream-compatible deliverables: Emits design/uiux-prompt.md, design/style-profile.yml, and a lite scope audit for use by /aibdd-uiux-draw (then typically /aibdd-plan).

Quick Start

Run /aibdd-uiux-discovery-lite after /aibdd-discovery, and then pass the generated design/uiux-prompt.md + design/style-profile.yml into /aibdd-uiux-draw to create a minimal design.pen.

Frequently Asked Questions about aibdd-uiux-discovery-lite

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

FAQPage Schema
How do I generate a UI brief from feature discovery artifacts without overdesigning edge cases?▼

To generate a UI brief without overdesigning, extract a happy-path visual scope from feature artifacts by selecting only feature-mentioned screens and primary component states, preventing state explosion and wasted iteration.

What is a happy-path UI/UX visual scope and when do I need it?▼

A happy-path UI/UX visual scope is a minimal boundary-aware design brief covering only primary canonical states and feature-mentioned screens, needed when drafting UI workflows where error, empty, and loading states must be excluded.

How do I extract canonical component states for a UI design brief?▼

Extract canonical component states by compressing a component catalog and frame compositions from feature evidence into primary states only, avoiding full UX matrices and excluding error, empty, and loading state coverage.

Can I use discovery feature artifacts to draft UI screens if I only need primary states?▼

Yes, you can derive a visual scope from discovery feature artifacts by selecting explicit screens first or using happy-scenario fallbacks, enforcing lite invariants to ensure only primary or canonical states are included in the output.

What formats and files are emitted when generating a minimal UI design brief?▼

Generating a minimal UI design brief emits uiux-prompt.md and style-profile.yml files alongside a lite scope audit in the package design folder, serving as downstream-compatible deliverables for UI drawing workflows.

Why does my UI scope extraction exclude error and loading states from the design brief?▼

UI scope extraction excludes error and loading states because it applies lite invariants to enforce happy-path-only coverage, selecting primary canonical component states to prevent overdraw and state explosion during UI drafting.