Convert UI screenshots or text descriptions into text-based ASCII wireframes.
npx skills add https://github.com/a35506322/Lab.Todo --skill wireframe-a35506322
Please help me install this Agent Skill. Skill: wireframe Source: https://github.com/a35506322/Lab.Todo/tree/main/.cursor/skills/wireframe Command: npx skills add https://github.com/a35506322/Lab.Todo --skill wireframe-a35506322
Creating low-fidelity UI layout drafts traditionally requires design software or manual sketching, which slows down early-stage product planning and team alignment when you only need to communicate page structure quickly.
Use the wireframe skill to convert the attached e-commerce product list page screenshot into a structured ASCII wireframe highlighting the header, search bar, action buttons, data table, and pagination controls.
High-intent search queries and answers about installing and using this skill.
To convert a UI screenshot into an ASCII wireframe, upload the image and the tool extracts core structural elements like headers, navigation, and content blocks, generating a text-based layout. It omits non-essential visual details to produce a clean low-fidelity draft.
You can generate low-fidelity page layouts directly from text descriptions by processing written UI requirements. The system translates text into structured ASCII wireframes, providing rapid page layout drafts for stakeholder validation and team alignment without manual sketching.
An ASCII wireframe is used for rapid low-fidelity UI layout creation during product planning and team alignment. It provides a text-based structural draft that helps communicate page structure and requirements quickly without needing design software.
This wireframe generator works for analyzing competitor UI designs by converting proprietary screenshots into simplified text-based layouts. It allows you to discuss feature gaps with engineering teams using clean ASCII structures without sharing original visual designs.
The best way to communicate page structure without design software is generating text-based ASCII wireframes. This approach rapidly produces low-fidelity UI layout drafts that retain essential elements like action controls and data tables, facilitating quick requirement validation.
A limitation of converting screenshots into low-fidelity wireframes is the omission of non-essential visual details. The generated ASCII wireframes focus strictly on retaining core structural elements like headers and navigation, omitting specific styling or complex graphical components.
H2OSLabsAnalyze API documentation formats and output structured JSON for neuron-ui page generation.
mvschwarz...
j-cogburnCreate low-fidelity ASCII wireframes with standardized conventions and verification checks.
jeffwweeeGenerate HTML wireframes, React/MUI mockups, and design specifications.
