Wireframes (Excalidraw DSL)

Every web-application component gets its wireframes as ONE DSL source file at specs/design/components/<name>/wireframes.dsl — all screens in one file. Write ONLY the .dsl; the platform compiles it to the .excalidraw deterministically. NEVER write a .excalidraw file by hand.

Wireframes are low-fidelity but product-flavored: they validate layout, hierarchy, and flow, not pixel-perfect visuals. The compiler applies the look (Oxygen UI palette, hand-drawn style) AND computes every position — you write structure and content, never coordinates. Elements stack top-to-bottom by default; row puts things side by side; split makes two columns. The compiler guarantees nothing overlaps and nothing leaves the screen.

Produce one canonical set of screens — the agreed design, not a gallery of alternatives. One screen per distinct user task, per role (for a store: a product list, a product detail page, a checkout form). Don't ship two takes on the same screen.