~ Just Vibin' by Pixel and Code
← back stories.jrtalents.com
003 / 005 · Live

Story Architect

One idea, seven ways to tell it — pick the one that actually lands.

Claude API Neon PostgreSQL Node.js serverless functions React Vercel Vite

About this project

Story Architect takes a single idea and runs it through seven proven storytelling frameworks — Pixar, Golden Circle, StoryBrand, Hero’s Journey, 5-Part Arc, Three-Act Structure, and ABT. You fill in a brief (what’s the idea, who’s the audience, what do you want them to do) and it generates a full script for each framework you’ve selected, calibrated to your target duration. 30 seconds or 5 minutes, it adjusts accordingly.

What I actually like about it is the comparison layer. You don’t just get a script — you get to see the same idea told seven different ways, which makes it obvious pretty fast which structure fits. A founder story shouldn’t use the same framework as a sales page. A keynote opener isn’t the same as a Slack update. The app makes those distinctions visible instead of leaving you to figure it out yourself.

It was also my first proper vibe-coded full-stack app. It has a Neon PostgreSQL database, serverless API routes, login with password management, and a history feature that saves your generated scripts. Probably overkill for what it does, but that’s the whole point.

Details

Role

Product, design, and vibe-coded development

Timeline

1 day

Stack

Claude API Neon PostgreSQL Node.js serverless functions React Vercel Vite

Key features

// 01

Multi-framework generation

Select one or all seven frameworks and generate scripts for each simultaneously.

// 02

Duration-calibrated scripts

Scripts are timed to your target length, from 30 seconds to 5 minutes, at natural speaking pace.

// 03

Unified editable output

Each generated script is a single editable text block you can tweak directly in the app.

// 04

Goal-based suggestions

Type your goal and the app auto-suggests which frameworks are the best fit.

// 05

Save to history

Scripts are saved to a database so you can come back to them later.

// 06

Tone options

Eight tone settings from visionary to sassy, applied to the generated language.

// 07

Login + password management

Simple auth with the ability to change your password from the account menu.

Next project

InFlow

$ Just Vibin' by Pixel and Code S A S I S
W LI E