What problem does it solve? Sketching UI layouts usually requires a browser, design tool, or screenshot pipeline, none of which survive as plain text inside a proposal.md, tasks.md, issue, or PR body. This Skill lets you draw low-fidelity wireframes directly as Unicode box-drawing characters that render identically in a terminal and on GitHub and diff cleanly line-by-line. ## Core Features & Use Cases - Glyph canon and component recipes: A reference guide with 4 border families (single, double, rounded, heavy) and 30 component recipes including buttons, inputs, tables, modals, navbars, tabs, progress bars, and sidebars. - Composition rules: Documented rules for draw order, crossing connectors, trailing-whitespace trimming, and label truncation so hand-authored sketches stay clean. - Spec-driven rendering: An optional wireframe-render script that converts a declarative CanvasObject JSON array into a box-drawing string for alignment-heavy layouts. - Use Case: While writing a redesign proposal, embed a settings-page sketch with a sidebar, toggle rows, and a Save button directly in the markdown file as a fenced code block, or fold a tall dashboard mockup into a GitHub collapsible details block in a PR. ## Quick Start Ask the assistant to sketch a low-fi wireframe of your screen layout as box-drawing text to paste into your proposal or issue.
