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.