Generate ASCII wireframes for epic screens and states from design systems.
npx skills add https://github.com/telum-ai/speck --skill epic-wireframes
Please help me install this Agent Skill. Skill: epic-wireframes Source: https://github.com/telum-ai/speck/tree/main/.cursor/skills/epic-wireframes Command: npx skills add https://github.com/telum-ai/speck --skill epic-wireframes
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.
Use the epic-wireframes skill to create wireframes for the 'user-profile' epic in the 'customer-app' project.
High-intent search queries and answers about installing and using this skill.
To generate wireframes for an epic, this Skill loads your project design systems, UX strategies, and user journeys to systematically discover necessary screens and states, then creates layout decisions and ASCII wireframes documenting interactions and responsive versions.
ASCII wireframe generation for user journeys is the process of identifying necessary screens and states, such as empty or error states, from journey maps and rendering them as text-based layouts. This Skill automates that process using your design tokens and epic specifications.
Yes, you can use existing design system tokens to create epic wireframes. The Skill integrates your loaded design tokens, UX principles, and epic specs to ensure visual consistency and comprehensive coverage of user interface elements across all generated layouts.
The best way to visualize UI states for a new feature is to automate wireframe generation from epic specifications. This approach systematically discovers required states like empty and error screens, rendering them as ASCII art to facilitate early feedback and design alignment.
Yes, user journey maps are needed to generate screen wireframes effectively. The Skill relies on loading user journeys alongside UX strategies and epic specs to systematically discover all necessary screens and states before making layout decisions.
Generating ASCII wireframes for epic screens provides a lightweight, template-based format for documenting interactions and responsive versions. This approach facilitates early feedback and design alignment before committing to high-fidelity visual production.
co-cddoCreate user flows, wireframes, and WCAG 2.1 AA accessibility documentation.
seb1nGenerate text-based wireframes with component inventories and responsive specifications.
Code4neverCompanyGuide users through UX design specification creation from discovery to visual design.
u1pnsTranslate product requirements into UX design specifications with component libraries.
