DEV Community

Eduard Constantin
Eduard Constantin

Posted on • Edited on

Storybook Genie

What I built

A command-line interface tool that can generate storybook stories from react components

Category Submission:

Wacky Wildcards

App Link

https://www.npmjs.com/package/storybook-genie

Screenshots

CLI tool

Description

Storybook Genie is a command-line interface tool that can be used to convert files that contain React components into Storybook stories.

Link to Source Code

https://github.com/eduardconstantin/storybook-genie

Permissive License

MIT

Background (What made you decide to build this particular app? What inspired you?)

I also created a web app that does the same thing with one small inconvenient, the user has to copy-paste the components in and from the app. That's how Storybook Genie was born, I wanted to make a tool for the editor that can simplify the process.

How I built it (How did you utilize GitHub Actions or GitHub Codespaces? Did you learn something new along the way? Pick up a new skill?)

I used Github Codespaces to build this tool, which was really easy to work with. I learned how to publish a npm package on npmjs.com and on Github. and I learned how to make command-line tools in nodeJS.

Additional Resources/Info

Image of Timescale

🚀 pgai Vectorizer: SQLAlchemy and LiteLLM Make Vector Search Simple

We built pgai Vectorizer to simplify embedding management for AI applications—without needing a separate database or complex infrastructure. Since launch, developers have created over 3,000 vectorizers on Timescale Cloud, with many more self-hosted.

Read more →

Top comments (0)

Postmark Image

Speedy emails, satisfied customers

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up