prototype-description

What problem does it solve?

It helps teams convert product and experience intent into a prototype brief that implementers can build against consistently, without forcing detailed visual design too early.

Core Features & Use Cases

• UI intent and hierarchy: Specifies what users must see and do, in decision-order priority, without dictating visual styling.
• Interaction contract: Defines how validation runs, where errors appear, and what input behavior must be preserved.
• State and accessibility obligations: Ensures all interactive states (idle, loading, empty, error, disabled, success) and keyboard/screen-reader/focus behaviors are explicitly stated.

Quick Start

Use this skill to produce a prototype brief that captures layout hierarchy, interaction and validation behavior, required states, and accessibility rules for a specific UI surface, such as a new multi-step form or wizard.