critique-ide-screen

name	critique-ide-screen
description	Use when asked to visually critique, screenshot, or review the UX/look of the neo IDE (the Vite/React event-modeling frontend at `assets/ide/`) in the NeoCLI repo at `/Users/nick/repos/neo` — phrases like "critique the IDE screen", "screenshot the IDE", "how does the main canvas look", "review the IDE UX", "/critique-ux on the neo ide". Captures the REAL rendered app (a seeded, populated event model — never an empty canvas) via the Playwright+Brave harness, then judges it. A visual critique without a fresh screenshot is invalid — reasoning from source code alone misses collisions, framing, contrast, and density problems that only appear on screen. Skips when the change is purely backend/Rust with no frontend surface, or when the user supplies their own screenshot to critique.
kind	leaf
executor	script

Critiquing the neo IDE screen

The neo IDE is an event-modeling tool (Adam Dymitruk / Martin Dilger style) whose UX bar is Figma-level ease of use. To critique it you must look at the actual rendered screen on a populated model — empty-canvas screenshots and code-only reasoning both miss the real problems (label collisions, poor fit-to-view framing, faint swim-lane labels, edge-routing noise, contrast).

1. Capture the screenshot

The harness is assets/ide/e2e/critique-shot.e2e.ts, driven by Playwright against vite preview (config: assets/ide/playwright.config.ts). It seeds a realistic two-feature checkout model into localStorage (key ) so the canvas renders real nodes, swim-lanes, chapter arrows, and edges.