Wireframe Greybox Skill

Produce a single crisp greybox wireframe page. The whole point is structure, not skin — communicate hierarchy and layout with neutral grey blocks, never with real color, copy, or imagery. Everything is a placeholder: text is grey "lorem bars", images are rectangles with a diagonal cross, numbers are big solid blocks. The only color on the page is the single redline accent reserved for monospace annotations.

Workflow

1. Stay structural. Ignore any DESIGN.md that pushes finished UI — this is deliberately low fidelity. Use a clean system sans (Inter / system-ui) for shape and a mono (IBM Plex Mono / JetBrains Mono) for the redline annotations only. No hand-drawn fonts, no brand color.
2. Set the greybox palette. Page is a pale neutral (#f7f7f8), blocks are medium grey (#e3e3e6), borders are crisp and defined (#c9c9cf for soft edges, #1c1b1a for emphasis), and exactly one accent (a blue or coral redline) carries every monospace annotation. Keep contrast high enough to read as a small thumbnail — never near-white-on-white.
3. Lay out the dashboard, in order, each on its own data-od-id:
   • App bar — a l…