ui-state-design

Installation
SKILL.md

Purpose

Make every important UI state intentional, testable and accessible.

When to use

  • Designing or reviewing loading, empty, content, error, offline or permission states.
  • Creating a screen state model before implementing Compose UI.
  • Improving AI-generated UI that only handles the happy path.
  • Connecting UI copy, affordances and tests to repository, network, Room, DataStore or Firebase behavior.

Inputs to inspect

  • Gate result from design-test-gate.
  • ViewModel state model and events.
  • Repository/network/local/Firebase result types.
  • Existing previews and tests.
  • Error, permission, offline, auth and sync behavior.
  • Accessibility labels and recovery actions.
Installs
7
GitHub Stars
2
First Seen
Jul 6, 2026
ui-state-design — gdvega/super-android-kotlin-firebase-skill