dynamic-wireframe-mapper
CommunityGenerate ASCII wireframe graphs from docs.
Design & Creative#diagram#system-design#wireframe#documentation-analysis#ascii-graph#component-dependency#ui-backend
AuthorKGmufassa
Version1.0.0
Installs0
System Documentation
What problem does it solve?
The mapping tool analyzes a provided document (PRD, UI design draft, or user flow) and produces a component dependency wireframe graph that shows how components, states, and systems interact.
Core Features & Use Cases
- Dynamic analysis: adapts output based on the document type to reveal relevant relationships.
- Evidence-based mapping: extracts component relationships, trigger flows, data movement, and UI → backend interactions.
- Visualization ready: produces an ASCII wireframe graph saved to the docs path for easy sharing.
Quick Start
Feed a document (PRD, UI design, or user flow) and generate an ASCII wireframe graph saved to the designated docs path.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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: dynamic-wireframe-mapper Download link: https://github.com/KGmufassa/Escrolly/archive/main.zip#dynamic-wireframe-mapper 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.