react-domain-delivery

Convert React tasks into bounded UI state-machine changes with verification evidence.

Updated Apr 27, 2026
One-click install
npx skills add https://github.com/vTRKA/supervibe --skill react-domain-delivery
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react-domain-delivery
Source: https://github.com/vTRKA/supervibe/tree/main/skills/react-domain-delivery
Command: npx skills add https://github.com/vTRKA/supervibe --skill react-domain-delivery

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

React work often turns into unbounded edits and unclear proof, making reviewers unsure whether state, accessibility, async behavior, and rollback are correct.

Core Features & Use Cases

  • Bounded React delivery: turns a React task into a disciplined slice with named visible states, state ownership, transitions, and rollback.
  • UI state-machine implementation: explicitly models loading/empty/error/success and avoids derived-state misuse via effects.
  • Evidence-first verification: requires scoped commands, focused tests, and recording receipts/commands to support safe completion.

Quick Start

Ask your AI tool to implement the React slice using the React Domain Delivery discipline, including explicit UI states, accessibility checks, and the required scoped verification and rollback plan.

Frequently Asked Questions about react-domain-delivery

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

FAQPage Schema
How do I manage React component state transitions and prevent unbounded edits during delivery?

Manage React state transitions by converting tasks into bounded UI state-machine changes with named visible states, explicit state ownership, and a named rollback path. This prevents unbounded edits and ensures disciplined component delivery with clear proof.

What is the best way to implement React loading, error, and empty states without derived state misuse?

Implement loading, error, and empty states by explicitly modeling them within a UI state-machine architecture. This approach avoids derived-state misuse via effects and ensures async error handling flows are properly bounded and verifiable during React component delivery.

How do you verify React Testing Library coverage and accessibility behavior in existing projects?

Verify React Testing Library coverage and accessibility behavior by requiring scoped commands, focused tests, and recording verification receipts. This evidence-first approach ensures accessibility checks and state transitions are provably correct within existing project conventions.

When should I defer React changes due to missing runtime constraints or project conventions?

Defer React changes when required runtime constraints, approvals, or project conventions are missing. Safe deferral ensures that state management, async data integration, and accessibility behavior are not implemented without the necessary source-of-truth inspection and boundary ownership.

Does this React delivery discipline work for reviewing existing async data integration and forms?

Yes, this discipline works for reviewing existing async data integration, forms, and hooks by applying source-of-truth inspection and scoped verification evidence. It explicitly models UI states and requires a named rollback path to ensure safe, bounded modifications.