aibdd-form-story-spec

What problem does it solve?

Turns a planner’s reasoning package into boundary-aware React TSX component code plus Storybook CSF3 stories, so downstream evaluation and locator derivation stay aligned instead of drifting.

Core Features & Use Cases

• Produces component + binding-anchor stories together: writes both <identifier>.tsx and <identifier>.stories.tsx into the caller-provided target_dir.
• Enforces boundary invariant I4 via accessible-name args: validates that each story’s accessible-name fields and values are present and consistent with the component props.
• Keeps business logic out of scope: generates a pure visual scaffold for the component, while play functions and assertions are treated as presentation-focused.

Quick Start

Ask the system to delegate to aibdd-form-story-spec with your target_dir and the planner reasoning package that includes component props, story export definitions, and render hints.