wireframe

name	wireframe
description	Create low-fidelity wireframe layouts using SVG or simple HTML. Quick structural sketches without polish.
version	1.0.0
author	designer
tags	["wireframe","layout","sketch","structure","lo-fi","prototype","design","visual"]
trigger	{"command":"/wireframe","keywords":["wireframe","layout sketch","page structure","lo-fi mockup"]}

wireframe

Quick low-fidelity layout sketch. Structure, not style.

Procedure

1. Take page description (what sections, what content, what hierarchy)
2. Generate SVG wireframe with boxes, labels, and placeholder text
3. Gray tones only — no brand colors (that's mockup's job)
4. Output SVG or simple HTML
5. Post to Discord via Relay

Output

SVG wireframe image showing page structure and content hierarchy

Intent: Competent [I03]. Purpose: [P-TBD].