UI Innovate

UI design exploration for vm0 GitHub issues.

How it works

1. A GitHub issue describes a UI change request
2. The /ui-innovate skill snapshots the current UI as a baseline using freeze-dry
3. Three design variants (A/B/C) are generated by modifying the baseline HTML
4. Everything is published here via GitHub Pages for human review
5. A comment with preview links is posted back on the issue

Browse designs

https://vm0-ai.github.io/ui-innovate/

Each issue gets its own directory:

issues/
  5930/
    index.html              <- Overview page with iframe previews
    baseline/
      schedule-list.html    <- Current UI snapshot
    variant-a/
      schedule-list.html    <- Conservative approach
    variant-b/
      schedule-list.html    <- Balanced approach
    variant-c/
      schedule-list.html    <- Ambitious approach

Variant philosophy

Variant	Approach	Description
A	Conservative	Smallest change that addresses the issue
B	Balanced	Good UX with moderate changes
C	Ambitious	Best possible UX, may involve larger changes

Tech stack

• freeze-dry -- Captures live DOM as self-contained HTML (CSS inlined, images as data URIs)
• agent-browser -- Browser automation for navigating and interacting with the app
• GitHub Pages -- Hosts the snapshots for easy preview and sharing