wireframer
OfficialTurn user stories into wireframes in seconds.
Design & Creative#mermaid#ui-design#user-stories#wireframe#diagram-generation#ascii-diagrams#markdown-output
Authorgridi-ai
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Transforms narrative user stories into concrete wireframe representations so design and product teams can validate structure and flows early.
Core Features & Use Cases
- Automatic wireframe generation from user stories
- Grouping by screen to reflect navigation and layout
- Output in ASCII wireframes and Mermaid diagrams for documentation and handoff
Quick Start
Point your input at a user stories document to generate per-screen wireframes in ASCII and Mermaid formats.
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: wireframer Download link: https://github.com/gridi-ai/gridi-skills/archive/main.zip#wireframer 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.