skills.rest
garbray
garbrayCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ascii-design-reviewer

Transform incomplete ASCII designs into review-ready specifications with Mermaid diagrams.

Updated Aug 23, 2026
Search Tags:#design-review#user-journey#stakeholder-alignment#requirements-analysis#mermaid-diagrams#ux-documentation#ascii-review
One-click install
npx skills add https://github.com/garbray/claude-config --skill ascii-design-reviewer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ascii-design-reviewer
Source: https://github.com/garbray/claude-config/tree/main/config/skills/ascii-design-reviewer
Command: npx skills add https://github.com/garbray/claude-config --skill ascii-design-reviewer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) and references (resource) components.

What problem does it solve?

This Skill transforms incomplete Phase 1 ASCII designs into a complete design review specification, ensuring all user journeys, workflows, and risks are captured before implementation.

Core Features & Use Cases

  • Comprehensive analysis: examines user journeys, interactions, and requirements to identify gaps.
  • Mermaid diagrams: generates User Journey Flowcharts, Sequence Diagrams, and State Charts to visualize data flows and states.
  • Behavior & error documentation: provides step-by-step behavior documentation and robust error-handling plans.
  • Review facilitation: outputs critical questions, actionable recommendations, and alignment notes for stakeholders.

Quick Start

Paste the ASCII design into this Skill and request a full review to produce diagrams, behavior docs, and an error plan ready for implementation.

Frequently Asked Questions about ascii-design-reviewer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I turn ASCII mockups into a complete design review specification?▼

To turn ASCII mockups into a complete design review specification, paste your Phase 1 ASCII design into the reviewer to generate user journey analysis, mermaid diagrams, behavior documentation, and error handling plans.

What is the best way to visualize user journeys from an ASCII design concept?▼

Visualizing user journeys from ASCII designs is best handled by generating mermaid diagrams, specifically User Journey Flowcharts, Sequence Diagrams, and State Charts, to map data flows and system states.

Can I generate step-by-step behavior documentation and error plans from an ASCII wireframe?▼

Yes, you can generate step-by-step behavior documentation and robust error handling plans by submitting your ASCII wireframe for a comprehensive analysis of interactions, edge-case coverage, and requirements gaps.

How do I identify edge cases and critical questions before implementing an ASCII design?▼

Identifying edge cases and critical questions before implementation requires analyzing ASCII designs for stakeholder alignment gaps, producing critical questions, and mapping comprehensive edge-case coverage.

Does this design review process require any specific diagramming software dependencies?▼

No diagramming software dependencies are required, as the design review process natively outputs mermaid diagram formats, allowing you to render flowcharts and sequence diagrams directly in markdown-compatible viewers.

Related Skills

Explore More Design & Creative Skills→
mvschwarzmvschwarz
60

ui-mockup

...

Community
Intermediate
tobieapbtobieapb
105

Interview Methodology Skill

Optimized for clarity and speed, discover the best-fit coffee bean for your personality and palate with our quick quiz — choose wisely, your next favorite awaits!

Community
Advanced
KazmerMaximilianoKazmerMaximiliano

neus-wireframe

Generate lo-fi ASCII wireframes for UI layout validation.

Community
Basic
yunshu0909yunshu0909
742

prd-doc-writer

Write and iteratively refine PRDs and user stories with ASCII wireframes and Mermaid diagrams.

Community
Advanced