storybookjs/storybook — reverse-engineered prompt

Build me a Storybook style frontend workshop for UI teams. I want to open it in the browser and see a clean sidebar of components and pages, click any item, and view it by itself without needing the whole app around it.

Each component should have simple examples, readable notes, and controls so I can change props or options live and see how it behaves. Make it useful for designers, developers, and QA to review UI states, document usage, and catch visual or interaction issues early.

Please include a small demo set of components so the tool feels real right away. It should be easy to add new stories, organize them into groups, and run the workshop locally from the command line. Use TypeScript and keep the code organized so support for popular UI frameworks like React, Vue, Angular, HTML, and web components can fit into the same idea over time.

Look up current docs online if you need to.