aibdd-uiux-discovery

Official

Derive component-first UX structure from spec.

AuthorWaterball-Software-Academy
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It turns raw acceptance/spec discovery into a boundary-aware, component-first visual exploration plan so design output stays traceable to requirements instead of drifting from an ambiguous prompt.

Core Features & Use Cases

  • Component-first visual inventory: derives a component inventory with base/domain state matrix and which frames use each component.
  • Frame composition mapping: builds a frame-to-components composition plan with canonical state combos for each frame.
  • Clarify-loop for visual ambiguity: runs a 9-axis clarification loop (style direction, tokens, component inventory adjustments, interactions, copy decisions, frame layout hints, breakpoints, a11y/motion, brand refs).
  • Pencil-ready deliverables: renders a Pencil design brief (uiux-prompt.md) and style profile (style-profile.yml), ready for automatic drawing or manual sketching and then planning/story generation.
  • Frontend boundary guardrails: stops early if the target leaf boundary is not frontend or required discovery artifacts are missing.

Quick Start

Run aibdd-uiux-discovery when you are ready to start visual exploration for your discovery package and then proceed to drawing or planning as prompted.

Dependency Matrix

Required Modules

None required

Components

referencesassets

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: aibdd-uiux-discovery
Download link: https://github.com/Waterball-Software-Academy/aixbdd/archive/main.zip#aibdd-uiux-discovery

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.