Wireframe Prototyping Canvas
A low-fidelity wireframing tool with deliberate hand-drawn sketch aesthetic, blue wireframe lines, cross-hatched image stand-ins, Caveat handwriting annotations, and bezier flow arrows connecting screens.
Design Language
A sketch-aesthetic wireframing tool using blue wireframe lines (`#60A5FA`) on white, cross-hatched image stand-ins, handwriting-font (Caveat) annotations, hand-drawn bezier flow arrows, gray fill (`#F3F4F6`) for content blocks, and a component library sidebar with drag-and-drop wireframe elements.
Agent instructions (SKILL.md)(advanced)
Design Skill
This Design Skill provides the visual system for building low-fidelity wireframing and user flow prototyping tools. The system enforces a deliberate hand-drawn sketch aesthetic with blue wireframe lines (`#60A5FA`), cross-hatched image stand-ins, Caveat handwriting-font annotations, hand-drawn bezier flow arrows, and flat gray content blocks (`#F3F4F6`). It ensures wireframes always signal "draft in progress" and prevents premature visual polish.
