wireframe-spec · supabase_json
Build Bezel wireframe-spec idea-001
wireframe-spec artifact · for Build Bezel · phase idea-001 · status draft
screens
| id | layout | primary cta | secondary cta |
|---|---|---|---|
| idea.start | - hero prompt: Bring whatever you have - input-type chips - process expectation panel - saved-progress preview - continue button | Start with this material | See how the process works |
| source.intake | - universal source input - upload/link/paste controls - outcome question - optional context fields - right-side privacy/save/process summary | Analyze source material | Save and continue later |
| input.classification | - classification badge - source summary - detected maturity - risks and assumptions - recommended route - correction controls | Use this classification | Correct classification |
| intent.extraction | - stated goal panel - implied goal panel - target user list - assumptions list - open questions - confirm/edit controls | Confirm intent | Answer questions |
| ai.reframe | - traditional path column - AI-first path column - what changes comparison - suggested agents/opportunities - tradeoffs - direction chooser | Use this direction | Explore more alternatives |
| scope.path | - project size assessment - estimated design/planning time - phase breakdown - resume checklist - next-phase preview | Create intent artifact | Adjust scope |
Agent Handoff
Start Here
wireframe-spec artifact · for Build Bezel · phase idea-001 · status draft
Completion Evidence
No explicit evidence field yet. Require tests, screenshots, linked PRs, or reviewed outputs before marking complete.
Artifact Shape
- phase: idea-001
- purpose: First-page wireframe behavior for the Bezel dogfood project.
- screens: 6 items
- artifact: wireframe-spec
- global layout: left: string, right: string, center: string, footer_or_header: string
- review questions: 4 items
Structured Payload
Machine-readable source fields
phase
idea-001
purpose
First-page wireframe behavior for the Bezel dogfood project.
screens
| id | layout | primary cta | secondary cta |
|---|---|---|---|
| idea.start | - hero prompt: Bring whatever you have - input-type chips - process expectation panel - saved-progress preview - continue button | Start with this material | See how the process works |
| source.intake | - universal source input - upload/link/paste controls - outcome question - optional context fields - right-side privacy/save/process summary | Analyze source material | Save and continue later |
| input.classification | - classification badge - source summary - detected maturity - risks and assumptions - recommended route - correction controls | Use this classification | Correct classification |
| intent.extraction | - stated goal panel - implied goal panel - target user list - assumptions list - open questions - confirm/edit controls | Confirm intent | Answer questions |
| ai.reframe | - traditional path column - AI-first path column - what changes comparison - suggested agents/opportunities - tradeoffs - direction chooser | Use this direction | Explore more alternatives |
| scope.path | - project size assessment - estimated design/planning time - phase breakdown - resume checklist - next-phase preview | Create intent artifact | Adjust scope |
artifact
wireframe-spec
global layout
left
Phase/progress rail with saved step status
right
Bezel understanding, next action, and Ask Bezel contextual Q&A
center
Current step workspace
footer or header
Saved timestamp, project name, and resume state
review questions
- Does the first screen make the process feel serious without being intimidating?
- Does the PRD-as-evidence posture come through clearly?
- Is the AI-first reframe screen strong enough to be the wow moment?
- Does the saved-progress model feel like a core product promise?