ui-to-ascii

What problem does it solve? UI design mockups and screenshots are only readable by vision-capable models, are too large for version control, and cannot be diffed or reviewed as text. This Skill converts them into plain-text ASCII wireframes with structured annotation tables so any model or teammate can read, diff, and commit the design. ## Core Features & Use Cases - Image-to-ASCII conversion: A vision-capable AI reads the design and reproduces component positions, nesting, and relative proportions as box-drawing ASCII art, saved to .ui-ascii/{slug}.md. - Annotation extraction: Sizes, spacing, colors, fonts, and interactions visible on the mockup are captured as numbered anchors plus a structured annotation table, with uncertain values marked [待确认] instead of guessed. - Multi-screen flows: Multiple screens are organized into one file with chapters and a Mermaid flowchart linking navigation between screens. - Description mode: Generate an ASCII sketch directly from a text description of an interface, output to the conversation without writing files. - Use Case: Paste a login page mockup and ask to archive it as text; the Skill produces a versionable Markdown file with the ASCII layout and an annotation table that a non-vision model can later use to implement the page. ## Quick Start Paste a UI design screenshot and ask the AI to convert this design into an ASCII text layout saved as a Markdown file.