ascii-mockups
OfficialCreate visual UI layouts using plain text to simplify design.
Authorproophboard
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps users to document and communicate UI layouts and states effectively through simple ASCII representations, reducing the need for images or complex design tools.
Core Features & Use Cases
- Visual State Documentation: Enable clear visualization of UI states within event models.
- Layout Referencing: Provide quick, editable wireframes directly in prooph board descriptions.
- Use Case: Quickly sketch a dashboard layout or modal window in a text block to communicate design intent during modeling sessions.
Quick Start
Use ASCII Mockups to create a visual diagram of your UI element by enclosing the ASCII design within a markdown code block labeled 'bash' under the ## ASCII Mockup heading.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 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-mockups Download link: https://github.com/proophboard/skills/archive/main.zip#ascii-mockups 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.