ui-explorer
3 visual reskins of the same DOM, side-by-side.
You have a design and want to explore visual directions before committing to one.
- 1Drop your design in
current/ - 2Drop reference images in
refs/ - 3Run · open
compare.htmlin browser
Six agents the Octave UX team uses every day. Each one runs in a few simple steps.
3 visual reskins of the same DOM, side-by-side.
You have a design and want to explore visual directions before committing to one.
current/refs/compare.html in browserOne self-contained HTML file under 1 MB.
You need to share a JS prototype as a portable file — Figma Make paste, email, Notion embed.
output to html.html anywhere — no serverA complete token bundle from any prototype.
You're handing a prototype to engineering and need its visual language as portable, framework-agnostic tokens.
extract design tokensDESIGN.md, tokens.json, variables.css, react + angular guidesFlip Octave prototypes between light and dark.
You have an Octave single-file HTML prototype and need to show it in the opposite theme.
convert to dark (or light)Teams transcripts → structured meeting notes.
Right after a design meeting — paste the Teams transcript before the context fades.
Test a storyboard with users in 4 phases.
You have a UX handoff doc + storyboard but skipped the full Ideation pack — and want users in front of it fast.