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).
Product upvotes vs the next 3
Waiting for data. Loading
Product comments vs the next 3
Waiting for data. Loading
Product upvote speed vs the next 3
Waiting for data. Loading
Product upvotes and comments
Waiting for data. Loading
Product vs the next 3
Loading
design-storyboard
Your app deserves a design folder
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://.
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.
On the analytics side, design-storyboard competes within Design Tools, Developer Tools, GitHub and Development — topics that collectively have 832.7k followers on Product Hunt. The dashboard above tracks how design-storyboard performed against the three products that launched closest to it on the same day.
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.
For a complete overview of design-storyboard including community comment highlights and product details, visit the product overview.
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://.