ux-state-completer

Implement complete state matrices and recovery paths for critical UX flows.

Updated Feb 3, 2026
One-click install
npx skills add https://github.com/ricardohg1998-create/Plantilla-repo --skill ux-state-completer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ux-state-completer
Source: https://github.com/ricardohg1998-create/Plantilla-repo/tree/main/.agent/skills/ux-state-completer
Command: npx skills add https://github.com/ricardohg1998-create/Plantilla-repo --skill ux-state-completer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill eliminates gaps in UX coverage by implementing complete state matrices and recovery paths for critical flows, preventing happy-path only experiences.

Core Features & Use Cases

  • Define and manage loading, empty, error, and success states for new screens or complex flows.
  • Implement domain-specific microcopy and recovery actions to guide users through edge cases.
  • Capture proof and generate a walkthrough to demonstrate coverage and resilience in releases.

Quick Start

Integrate ux-state-completer into your task flow, define the target flows, run the state-matrix pass, verify domain messaging, and record proof in a walkthrough.

Frequently Asked Questions about ux-state-completer

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

FAQPage Schema
How do I handle UX edge cases and prevent happy-path only experiences?

To manage UX state coverage, define a complete state matrix covering loading, empty, error, and success states. This ensures deterministic state handling and implements recovery paths for critical workflows, preventing gaps in the user experience.

How do I implement recovery paths for permission-denied and timeout scenarios?

Implement recovery paths for permission-denied and timeout scenarios by applying domain-specific microcopy and deterministic state handling. This guides users through edge cases with clear actions to restore the session or grant required permissions.

What is a UX state matrix and when do I need it for complex workflows?

A UX state matrix maps loading, empty, error, and success states for new screens and complex workflows. You need it to guarantee complete coverage, enforce deterministic state handling, and eliminate gaps in user experience.

How do I write domain-specific microcopy for error and empty states?

Write domain-specific microcopy for error and empty states by aligning messaging with the specific recovery actions available. This ensures users understand the context and know exactly how to proceed when hitting edge cases or permission-denied scenarios.

Can I capture proof of UX state coverage for my release walkthroughs?

Yes, you can capture proof of UX state coverage by generating a walkthrough after running the state-matrix pass. This demonstrates resilience and complete state handling across critical flows for your release validation.

What are the limitations of relying on happy-path design without deterministic state handling?

Without deterministic state handling, happy-path design leaves users stranded during loading, empty, error, or timeout scenarios. This lack of recovery paths and domain-specific microcopy creates severe gaps in UX coverage and degrades overall resilience.