Create text-based UI wireframes in markdown code blocks for event modeling.
npx skills add https://github.com/proophboard/skills --skill ascii-mockups
Please help me install this Agent Skill. Skill: ascii-mockups Source: https://github.com/proophboard/skills/tree/main/skills/modeling/ascii-mockups Command: npx skills add https://github.com/proophboard/skills --skill ascii-mockups
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.
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.
High-intent search queries and answers about installing and using this skill.
Plain text UI wireframes use ASCII characters to draw interface layouts, providing a simple visualization method for documenting UI states and communicating design intent. This approach reduces the need for images or complex design tools.
The best way to document UI states during event modeling is using ASCII mockups to sketch interface variations. This approach embeds text-based UI wireframes directly into descriptions, ensuring clear visual communication while maintaining simplicity and ease of editing.
Yes, you can use ASCII mockups to quickly sketch a dashboard layout or modal window in a text block. This approach lets you communicate design intent during modeling sessions without needing images or complex design tools.
Embedding ASCII wireframes requires no external dependencies. It relies entirely on plain text visualization enclosed in markdown code blocks, ensuring clear visual communication while maintaining simplicity and ease of editing directly in your documentation.
ASCII UI visualization is limited to simple text-based representations, making it unsuitable for detailed graphic design or complex styling. It serves best for simple layout proposals and documenting interface variations rather than rendering high-fidelity designs.
KazmerMaximilianoGenerate lo-fi ASCII wireframes for UI layout validation.
tomada1114Design ASCII wireframes and UX flows from detailed requirements.
proophboardEmbed realistic YAML data examples into prooph board element descriptions.
Clawdi-AISend keystrokes and scrape output from tmux sessions.
