dot-skills Storybook Best Practices Comprehensive guide for using Storybook 9+ as the workshop and test bench for a TypeScript/React component library. 52 rules across 8 categories , ordered by the lifecycle of a component in your design system: a wrong cascades into every story; a malformed CSF Meta blocks autodocs, controls, tests, and the a11y panel for that file. What this skill covers 1. Setup — , , framework selection (Vite vs Webpack, Next.js vs React-only), addon installation via the CLI, . 2. Story authoring (CSF3) — , named exports = stories, placement, when is appropriate, story na…