This product was not featured by Product Hunt yet. It will not be visible on their landing page and won't be ranked (cannot win product of the day regardless of upvotes).
An agent skill that interviews you about your app, then generates the full design folder: storyboard, hi-fi mockups, landing page, logo, launcher icons, illustrations, content packs and store assets from one tokens file.
Every app I ship rots in the same place, and it is never the code. It is the design folder. The icons are three palettes old. The screenshots are from a build before the rename. The landing page got drawn once, in a hurry, and never touched again.
design-storyboard is the fix I wanted for that.
You install it into your coding agent. It interviews you about the app (who it is for, what the one screen is, what the brand should feel like), and then it generates the entire design/ directory in a single pass:
- a design storyboard: every screen, and why it exists
- hi-fi HTML mockups with real type and real spacing
- a launch landing page, plus its OG card
- logo concepts, a wordmark, launcher icons for iOS and Android
- illustrations as SVG and as Android VectorDrawable, from one canvas
- store kits at every size App Store and Play actually ask for
The rule the whole thing is built on: nothing is hand drawn. Every file is the output of a small, re-runnable script, and they all read one tokens.json. Change the rose once and the icons, the mockups, the store PNGs and the landing page move together. There is a contrast gate too, and it fails rather than having an opinion.
It stops twice, on purpose, to make you choose. The parts that matter are taste decisions.
A detail I am quietly proud of: the logo is generated as well. The mark came out of three rounds of generated options, and scripts/brand.mjs still owns it, so the website and the App Store icon cannot disagree about what the brand is.
Two honest limits. It is opinionated, and it will ask you questions before it draws anything. And it is not Figma. If you love Figma, keep Figma. This is for the people who were never going to open it.
npx skills add shuence/design-storyboard
MIT, no npm install in your project, renders offline with file://.
No comment highlights available yet. Please check back later!
About design-storyboard on Product Hunt
“Your app deserves a design folder”
design-storyboard was submitted on Product Hunt and earned 2 upvotes and 1 comments, placing #138 on the daily leaderboard. An agent skill that interviews you about your app, then generates the full design folder: storyboard, hi-fi mockups, landing page, logo, launcher icons, illustrations, content packs and store assets from one tokens file.
design-storyboard was featured in Design Tools (263.5k followers), Developer Tools (521.5k followers), GitHub (41.4k followers) and Development (6.3k followers) on Product Hunt. Together, these topics include over 171.4k products, making this a competitive space to launch in.
Who hunted design-storyboard?
design-storyboard was hunted by Shubham Pitekar. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
Want to see how design-storyboard stacked up against nearby launches in real time? Check out the live launch dashboard for upvote speed charts, proximity comparisons, and more analytics.
Shubham Pitekar
Hey @all ,
Every app I ship rots in the same place, and it is never the code. It is the design folder. The icons are three palettes old. The screenshots are from a build before the rename. The landing page got drawn once, in a hurry, and never touched again.
design-storyboard is the fix I wanted for that.
You install it into your coding agent. It interviews you about the app (who it is for, what the one screen is, what the brand should feel like), and then it generates the entire design/ directory in a single pass:
- a design storyboard: every screen, and why it exists
- hi-fi HTML mockups with real type and real spacing
- a launch landing page, plus its OG card
- logo concepts, a wordmark, launcher icons for iOS and Android
- illustrations as SVG and as Android VectorDrawable, from one canvas
- store kits at every size App Store and Play actually ask for
The rule the whole thing is built on: nothing is hand drawn. Every file is the output of a small, re-runnable script, and they all read one tokens.json. Change the rose once and the icons, the mockups, the store PNGs and the landing page move together. There is a contrast gate too, and it fails rather than having an opinion.
It stops twice, on purpose, to make you choose. The parts that matter are taste decisions.
A detail I am quietly proud of: the logo is generated as well. The mark came out of three rounds of generated options, and scripts/brand.mjs still owns it, so the website and the App Store icon cannot disagree about what the brand is.
Two honest limits. It is opinionated, and it will ask you questions before it draws anything. And it is not Figma. If you love Figma, keep Figma. This is for the people who were never going to open it.
npx skills add shuence/design-storyboard
MIT, no npm install in your project, renders offline with file://.