Project structure
This project uses a two-folder structure to separate example code from working code:
src/ ├── components/ # Working components (Storybook reads from here) │ └── global.css # Base styles imported by Storybook ├── stories/ # Working stories (Storybook reads from here)
examples/ ├── components/ # Example component implementations (for reference) └── stories/ # Example stories (for reference)
Package manager
Detect the package manager by checking for lock files in the project root:
-
package-lock.json → npm (npm run , npx )
-
yarn.lock → yarn (yarn , yarn dlx )
-
pnpm-lock.yaml → pnpm (pnpm , pnpm dlx )
-
bun.lockb → bun (bun run , bunx )
Use the detected package manager for all commands in these instructions.