K

AI Branding Wizard v2

Wave UI Kits Round 2 · Direction C 6-step refactor

FREE PRO PREMIUM ENTERPRISE

Bộ HTML prototype 28 screens

Refactor playground v1 (Round 1 free-form) → 6-step provisioning wizard tích hợp lifecycle. Tuân thủ ai-branding-guidelines.md §2.1 (no free-form prompt non-Enterprise) + §4.1 (wizard) + §4.2 (preview) + §4.3 (regen counter) + §5 (quality gate /100).

28
screen states
6
wizard steps
5
lifecycle states
~115
avg score / 128
1

Welcome + tenant info

slug live availability check
step1-welcome-default 116 step1-welcome-validating 113 step1-welcome-conflict 117
2

Logo upload (with skip path)

drag-drop + AI fallback
step2-logo-default 114 step2-logo-uploaded 115 step2-logo-skip 112 step2-logo-error 113
3

Audience picker

4 VN cards
step3-audience-default 116 step3-audience-selected 117
4

Tone picker

4 cards with TINY rendered preview
step4-tone-default 119 step4-tone-selected 117
5

Template picker

6 REAL SVG previews + ENTERPRISE custom-prompt variant
step5-template-grid 119 step5-template-fullscreen 115 step5-template-with-custom-prompt 118
6

Preview + per-resource approve + quality gate

CRITICAL — §4.2 + §4.3 + §5 all visible
step6-preview-default 122 step6-quality-gate-pass 118 step6-quality-gate-fail 119 step6-regenerate-counter 116 step6-regenerate-quota-empty 116 step6-deploying 117

ENTERPRISE Advanced Mode

ENTERPRISE only Separate path per §2.4
settings-advanced-mode 116 advanced-disclaimer-modal 117 step5 + custom-prompt 118

Lifecycle states (G9 inline)

NOT_STARTED → INITIALIZING → GENERATING → DEPLOYED ⇄ REGENERATING / FAILED
lifecycle-NOT_STARTED 110 lifecycle-GENERATING 113 lifecycle-DEPLOYED 116 lifecycle-FAILED 116 lifecycle-REGENERATING 114

Linear click-thru: chạy theo thứ tự trên — step 1 → 6 → lifecycle DEPLOYED là happy path.

README · Round 2 index · Direction C decision