garura:design

Convert locked epics and scope into personas, screens, flows, and wireframes.

3|Updated Jan 25, 2026
One-click install
npx skills add https://github.com/kapilvirenahuja/garura --skill garura-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: garura:design
Source: https://github.com/kapilvirenahuja/garura/tree/main/core/components/plays/design
Command: npx skills add https://github.com/kapilvirenahuja/garura --skill garura-design

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

It transforms locked specify outputs into complete, developer-implementable experience design with explicit structure, coverage, and interaction specs.

Core Features & Use Cases

  • Persona synthesis mapped to capabilities: Generates JTBD personas aligned to primary MVP use cases and the selected scope capabilities.
  • State-complete screen inventory: Produces a screen set where each capability maps to at least one screen and every screen enumerates a minimum viable set of states.
  • Flows, recovery, and structured wireframes: Maps success and recovery scenarios into user flows and generates low-fidelity, structural wireframes plus machine-parseable layout specifications.
  • Design System + consolidated design spec: Authors a product-level design system artifact (tokens + inspirations) and compiles everything into a consolidated design-spec for implementation.

Quick Start

Run the design stage after specify by invoking the play as garura:design on your locked product artifacts to generate personas.md, screens, flows, design-system.md, and design-spec.md.

Frequently Asked Questions about garura:design

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

FAQPage Schema
How do I generate structural wireframes and user flows from locked product requirements?

To generate structural wireframes and user flows, you provide locked intent epics and scope quality profiles to produce a complete experience design package containing state-complete screen inventories, mapped recovery scenarios, and machine-parseable layout specifications.

What is a state-complete screen inventory in experience design?

A state-complete screen inventory is a mapped screen set where every product capability corresponds to at least one screen, and each screen explicitly enumerates its minimum viable states, ensuring full coverage of success and recovery paths.

How do I create UX personas aligned to specific product capabilities?

You create UX personas aligned to product capabilities by synthesizing JTBD personas mapped directly to primary MVP use cases and selected scope capabilities, ensuring persona relevance to locked intent and validation constraints.

Can I build a design system with separate tokens and inspirations for implementation?

Yes, you can build a design system with separate tokens and inspirations by authoring a product-level design system artifact that enforces design-system separation of tokens from structural wireframes for implementation readiness.

Does experience design generation require locked artifacts before producing wireframes?

Yes, experience design generation requires locked artifacts because it enforces locked-artifact preconditions and decision surfacing with manifests for inferred work, ensuring MVP focus and validation constraints are maintained throughout the design run.

What is the best way to document interaction pattern specifications and recovery paths?

The best way to document interaction pattern specifications and recovery paths is by compiling a consolidated design-spec file that maps success and recovery scenarios into user flows alongside low-fidelity structural wireframes and explicit interaction pattern specifications.