epic-wireframes
OfficialVisualize epic screens and states
Authortelum-ai
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the creation of wireframes for all screens and states within a given epic, ensuring visual consistency and comprehensive coverage of user interface elements.
Core Features & Use Cases
- Automated Wireframe Generation: Creates ASCII wireframes based on project design systems and epic specifications.
- Screen Discovery: Identifies necessary screens and states (e.g., empty, error) from user journeys.
- Context Loading: Integrates design tokens, UX principles, user journeys, and epic specs.
- Use Case: When starting a new feature within an epic, use this Skill to quickly generate visual layouts for all user interactions and states, facilitating early feedback and design alignment.
Quick Start
Use the epic-wireframes skill to create wireframes for the 'user-profile' epic in the 'customer-app' project.
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: epic-wireframes Download link: https://github.com/telum-ai/speck/archive/main.zip#epic-wireframes 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 223,000+ vetted skills library on demand.