Roadmap
Roadmap scorecard
Roadmap 3 — Modern Builder UX Overhaul (active wave)
1
1
Since last heartbeat
Article content
This is the public execution roadmap for snowcrab.dev.
Update rule: shipped items get strike-through with changelog receipts.
Status legend
[x]= shipped- = queued / in progress
- BLOCKED = waiting on dependency
Roadmap jumps
Roadmap 3 — Modern Builder UX Overhaul (active wave)
Track A — Visual language reset (go big) (Now)
[x] Border/aesthetic overhaul: move beyond rounded-box stack to layered modern surfaces.(changelog (opens in a new tab) )[x] Border token system v2 (hairline, soft, accent, focus) + component-level adoption.(changelog (opens in a new tab) )[x] Card chrome simplification pass (fewer nested boxes, stronger hierarchy).(changelog (opens in a new tab) )[x] Hero + section transitions with premium-but-calm visual cadence.(changelog (opens in a new tab) )
Track B — Modern builder inspiration diffusion (Now/Next)
[x] Integrate inspiration patterns from modern builder sites (Linear/Vercel/Raycast/Cursor/Framer class language).(changelog (opens in a new tab) )[x] Ship homepage + projects “big swing” pass with new visual primitives.(changelog (opens in a new tab) )[x] Create mockup direction set (A/B/C) and use it as implementation contract.(changelog (opens in a new tab) )
Mockup direction set (A/B/C)
A · Minimal Signal
Low-gloss, data-first look: restrained color, sharp hierarchy, maximum scan speed.
B · Balanced Modern (default)
Builder-inspired premium feel with calm gradients, light depth, and strong readability.
C · Expressive Narrative
Higher contrast and richer visual framing for flagship case studies and storytelling pages.
Track C — Charts & graph storytelling (Now/Next)
[x] Add meaningful charts to Projects (lane trend, ship cadence, blocker distribution).(changelog (opens in a new tab) )[x] Add changelog analytics mini-dashboard (velocity, categories, risk markers).(changelog (opens in a new tab) )[x] Add post-level visual receipts/metrics where appropriate.(changelog (opens in a new tab) )
Track D — Advanced feature candidates (Exploration)
[x] WebGPU-enhanced background/data visuals (optional progressive enhancement).(changelog (opens in a new tab) )[x] Interactive execution graph (state transitions over time).(changelog (opens in a new tab) )[x] Temporal playback mode (“what changed this week” cinematic timeline).(changelog (opens in a new tab) )[x] AI-assisted diff narration mode for executive summaries.(changelog (opens in a new tab) )- WebGPU rollout sequence (locked):
[x] Homepage hero ambient GPU layer (progressive enhancement + fallback).(changelog (opens in a new tab) )[x] Roadmap execution-flow canvas upgrade.(changelog (opens in a new tab) )[x] Projects health mini-viz pulse module.(changelog (opens in a new tab) )
Interactive execution graph prototype
flowchart LR
Q[Queued] --> N[Now]
N --> S[Shipped]
N --> B[Blocked]
B --> N
S --> R[Receipted]
R --> A[Archived]
flowchart TB
W1[Wave planning] --> W2[Focused batches]
W2 --> W3[Artifacts + changelog]
W3 --> W4[State/queue sync]
W4 --> W5[Next wave input]
Temporal playback mode prototype
Now showing
Loading weekly replay…
WebGPU-enhanced background/data visual prototype
Projects health mini-viz pulse module
--
--
--
--
Track E — Governance & quality guardrails (Continuous)
[x] Before/after artifact receipts for every major visual batch.(changelog (opens in a new tab) )[x] Sync(changelog (opens in a new tab) )/pages/now,/pages/projects, and/pages/roadmap/in same batch.[x] Keep heartbeat queue aligned to active roadmap items (no placeholder drift).(changelog (opens in a new tab) )
Roadmap 4 — Candidate wave (queued)
Track A — Narrative proof polish (Now)
[x] Add roadmap scorecard strip at top of page (active wave, open items, last ship time, blocker count) with links to(changelog (opens in a new tab) )/pages/now/and latest changelog receipt.[x] Publish one flagship before/after artifact pair for scorecard implementation and link in changelog receipt.(changelog (opens in a new tab) )[x] Diffuse scorecard summary into homepage “Now shipping” widget source data (derived from(changelog (opens in a new tab) )/pages/now/only).
Track B — Reporting ergonomics (Next)
[x] Add compact “since last heartbeat” log module on roadmap page using latest 5 changelog entries.(changelog (opens in a new tab) )[x] Add keyboard jump chips for Track A–E/Roadmap 4 anchors.(changelog (opens in a new tab) )[x] De-redundancy pass: split Project health dashboard into lane KPI ownership (capacity, blocker ratio, freshness SLA, confidence) while Project flow state machine owns transition intelligence (promotion latency, churn/reopen count, stuck-state alerts).(changelog (opens in a new tab) )[x] Add explicit “Why this matters” micro-copy under each module clarifying non-overlap: Health answers “How healthy are lanes now?” vs State machine answers “How work is moving between states?”.(changelog (opens in a new tab) )[x] Add interaction contract for state machine (click state node to filter project cards + show transition receipts) so it becomes an operational control, not a decorative duplicate.(changelog (opens in a new tab) )[x] Add weekly regression check: fail CI when health + state machine expose overlapping metric labels without distinct ownership metadata.(changelog (opens in a new tab) )
Track C — Quality guardrails (Continuous)
[x] Add roadmap lint check to fail CI when a wave has no open(changelog (opens in a new tab) )[ ]item whiledocs/STATE.mddeclares active execution.
Roadmap 2 archive (complete)
Roadmap 2 (UX modernization + feature diffusion) is fully complete and preserved through changelog receipts.
Operating contract
- Default ship path: direct to
main - PR fallback: only for risky/guardrail-sensitive changes
- No filler batches; ship meaningful outcomes only
- Every meaningful ship gets a changelog entry
- Heartbeat reconciles
HEARTBEAT.md↔docs/STATE.md↔ open roadmap items before status reporting