ascii-mockup-wireframe
CommunityQuickly visualize UI layouts with plain text ASCII sketches.
Authorwebn77
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill streamlines the creation of UI wireframes and mockups by generating structured ASCII diagrams, allowing rapid visualization without designing in complex tools.
Core Features & Use Cases
- Layout Proposals: Suggests structure layouts for product pages, overlays, documentation, presentations, and states.
- Template Generation: Produces ready-to-illustrate ASCII diagrams based on specified viewports and content types.
- Use Case: A designer or product manager can instantly produce layout drafts for client reviews or internal planning by describing the UI component or page.
Quick Start
Input your page description or layout idea and set the preferred viewport; the Skill outputs an ASCII diagram illustrating the structure.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferencesassets
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: ascii-mockup-wireframe Download link: https://github.com/webn77/opennexus/archive/main.zip#ascii-mockup-wireframe Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.