pbi-mockup

[IMPORTANT] Use TaskCreate to break ALL work into small tasks BEFORE starting.

Evidence Gate: MANDATORY IMPORTANT MUST ATTENTION — every claim, finding, and recommendation requires file:line proof or traced evidence with confidence percentage (>80% to act, <80% must verify first).

Quick Summary

Goal: Generate a self-contained HTML mockup file from finalized PBI/story artifacts, styled to match the project's existing UI, components, and domain entities. One HTML file per PBI covering all stories.

Workflow:

1. Locate Artifacts — Find PBI and story files in team-artifacts/pbis/
2. Extract UI Specs — Parse UI Layout, Wireframe, Components, States sections
3. Load Design System — Read module-specific design tokens, colors, typography
4. Load Existing UI — Read existing components, page layouts, and patterns from the project
5. Load Domain Entities — Read entity fields, relationships, and enums for realistic sample data
6. Generate HTML — Create self-contained HTML mockup matching the current system's look and feel
7. Save — Write HTML file alongside the PBI artifact

Key Rules: