What problem does it solve?
This Skill removes the manual work of authoring and maintaining Storybook stories and MDX documentation for BEEQ web components, so component APIs and states stay discoverable and consistent.
Core Features & Use Cases
- Story Creation: Build or update Storybook stories for new or changed bq-* components using @storybook/web-components-vite and lit-html.
- Documentation Pages: Write MDX pages that present component usage, behavior, and API details alongside the stories.
- State Coverage: Add required variants such as default, disabled, prefix, suffix, and primary appearance states to reflect real component behavior.
- Example Use Case: When a button component gains a new size prop and event, use this Skill to update argTypes, controls, and stories so the documentation matches the implementation.
Quick Start
Generate the Storybook stories and MDX docs for the bq-button component following the BEEQ conventions and include the default, disabled, and primary variants.