product-design-and-ux

Define task flows, recovery states, and interaction contracts from validated evidence.

40|6|Updated Jul 11, 2026
One-click install
npx skills add https://github.com/magnus919/agent-skills --skill product-design-and-ux
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: product-design-and-ux
Source: https://github.com/magnus919/agent-skills/tree/main/product-design-and-ux
Command: npx skills add https://github.com/magnus919/agent-skills --skill product-design-and-ux

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and templates (resource) components.

What problem does it solve?

This skill eliminates ambiguity in product handoffs by ensuring that user-facing behaviors, recovery states, and interaction contracts are explicitly defined and traceable to validated evidence.

Core Features & Use Cases

  • Behavioral Modeling: Define task flows, state models, and recovery paths that account for interruptions, errors, and edge cases.
  • Traceable Handoffs: Create engineering handoffs that link every design decision to specific research evidence or approved product scope.
  • Use Case: Use this skill to translate a high-level feature requirement into a detailed interaction contract that includes error handling, permission-based visibility, and observable acceptance criteria.

Quick Start

Define the task flow, recovery states, interface contract, and observable acceptance criteria for the approved invoice-dispute feature by linking each decision to the supplied evidence.

Frequently Asked Questions about product-design-and-ux

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

FAQPage Schema
How do I create an engineering handoff with traceable design decisions?

Engineering handoffs with traceable design decisions are generated by linking every defined interaction contract, state model, and recovery path to validated research evidence or approved product scope.

What is behavioral modeling for task flows and state recovery?

Behavioral modeling for task flows and state recovery is the process of defining user-facing product behaviors that explicitly account for interruptions, errors, and edge cases.

How do I define observable acceptance criteria for an interaction design?

Observable acceptance criteria for an interaction design are defined alongside the interface contract, ensuring that user-facing behaviors and permission-based visibility are testable and traceable.

Can I use information architecture modeling for inclusive responsive behavior?

Information architecture modeling supports inclusive responsive behavior by defining interaction contracts that satisfy requirements for traceable design decisions and observable user states.

What's the best way to translate product scope into a detailed interaction contract?

Translating product scope into a detailed interaction contract is best achieved by defining task flows, error handling, and recovery states while linking each design decision to validated evidence.

Why does product design handoff fail without traceable evidence?

Product design handoff fails without traceable evidence because user-facing behaviors, recovery states, and interaction contracts remain ambiguous and disconnected from approved product scope.