Introduction

Hello. Hi. My name is Eileen.

Who I Am and Why I’m Here

I am excited to talk about what I've been working on. I am a product person, if you will, so an engineer's best buddy. I like to think of it as that.

I'm here at the Hacker Dojo, so I immediately think about, you know, engineering folks grueling late into the night and sweating over code. I'm usually sweating over the the business problems, the customer problems, so everyone sweats together in the in the hacker dojo here.

From Idea to App

But I thought I would talk a little bit about, before I kind of show you the app and give the demo, talk a little bit about you know how I arrived at it and what I think about because I vibe coded coded, the app that you're going to see.

What Is Vibe Coding?

And I like to think about vibe coding as kind of an accelerated sprinting that puts a lot more, I think, on the product person's skill set or capabilities to execute and have handoffs.

So I'm excited to get your feedback as well.

Introducing WriteRocket Studio

So the app that I'm going to share with you, it's called WriteRocket Studio.

The Problem Space: Writers in an AI-Accelerated World

and in order to understand what this app does I have to disclose a little bit more about myself I'm not just a product person I'm also a filmmaker and screenwriter and so I'm also a comic book writer so I've done a lot of

creative things that sort of about balanced out my career in product and wealth tech and FinTech and so you know as AI emerged I started to get a lot of ideas about bringing these worlds together and that's where I had the

the ability to kind of launch this app, Write Rocket Studio, through the vibe coding.

And what Write Rocket Studio does, in fact, I'll take you through my thought process as a product person to get to where the app emerged from.

Sprint Zero: Defining the Pain Point

So, you know, the starting pain point, if you think about design thinking, sort of sprint zero ideation, was around my writing process, okay?

State of AI in Filmmaking

I'm sure that you guys have heard a lot about, you know YC startups other startups in the filmmaking space that are doing incredible work with video production think about Sora thinking about you know the Google tools thinking about Higgs field and runway ML and I mean the list goes on and on right and the way that that's accelerated filmmaking to make it faster, generative, you know, characters, etc.

made me think about the writers. Where are the writers in all of this?

So it's the expectation now, my hypothesis, it is and was and continues to be that writing is still essential to filmmaking, right?

And so, I mean filmmaking is very visual but there are visual storytellers.

So it's kind of the difference between someone who has, you know, an art background and someone who has an English major background. That

type of a concept so I said well how would I bring writers into this world where video is moving faster right I mean writing you think about a writer

sitting in a you know cafe in the corner you know sweating over their screenplay maybe six months to a year to create a screenplay that's not going to work how's that going to work in the in the in our new world of fast production so

AI as a Tool, Not a Replacement

So obviously, AI comes to mind. So it will have AI write the scripts. Well, if you've seen any AI -generated content, it needs a lot of baseline.

It's not really going to generate the next Star Wars trilogy from a prompt. So I'm looking at AI as a tool for screenwriters. Well, how can AI enable screenwriters to move at the pace of filmmaking today?

That's my concept, and that's my sprint zero. ideation phase, okay? So I started thinking about that help and that zone.

Strategy and Market Focus

My next stage was strategizing, right? Let's get real.

From Hypothesis to Validation

Okay, cool ideas, harebrained schemes, right? That's your product person coming to, coming with the next, you know, big idea.

Well, I need to test into that, right? What's the market size? Who's my persona for my, for my writing app?

And as I got that into that level, I started to hone in a little bit more. I said, well, wait a second, wait a a second.

Timing and Customer Readiness

I'm early, right? We're not seeing AI films out there. We're not seeing AI TV shows today. So my customer today is not really quite there.

So I need to look a little bit, need to fine tune this and look a little bit harder. Okay.

Finding the Near-Term Opportunity

So as I got into that stage, thinking about the ROI, thinking about, you know, how do I create this product benefit versus what customers are using today, I started to think more about where that acceleration is is present now.

What Are Vertical Microdramas?

And it's present in an area that's called vertical micro dramas.

Does anybody know what that phrase means? Does that mean anything to anyone? No? Okay.

Have you ever watched a series, an entertainment series on your phone? Yes, Yes, yes, yes.

So when entertainment content, like a series of shows, series of episodes, is designed for the phone, it's a vertical drama. There's a lot of names for it, vertical microdramas, right? Usually they start on TikTok, and then they are presented in an app format.

So right now there are millions of viewers of vertical microdramas. And just like if I ask a room of writers, what is a vertical microdrama? Similar hands go up. Very few.

So this is the area that I started to dive into.

Why Microdramas Matter for Writers

So I want to help writers. I'm going to help writers create vertical micro dramas using AI.

This is all about what the happens you're going to see. Okay, because they are one to three minute episodes long.

They generally come out very, very quickly. They're monetizing these like with coins, like a hyper casual game if you know gaming space right that's that's what this

content is like so you watch a one to three minute episode and then they're offered another episode and another episode and another episode so the volume of stories you could also think of it a little bit like a kind of

next -gen telenovelas or next -gen soap operas right come out every day there's an episode okay so this this format is I had my aha moment it's just like okay

Beyond Tools: Getting Writers an Audience

okay, tools are great, but what a writer really wants is an audience for their material. They want production. They want producers to pick it up and find it and go. So where does AI come into that?

Well, AI can help with the adaptation from a writer's traditional work. And so that's what the app is that I'm going to show you.

I know I've just kind of given you a lot of context. Hopefully that helps you understand what I'm going to share.

So any questions?

Okay.

How I Built It

Okay, so, okay, one last thing before I get into sharing the app itself. How did I build it?

For those who are interested, and I'll talk a lot about this, we'll have just open dialogue, conversational.

Stack and Approach

I use Lovable, the app Lovable. It's called Lovable, the Lovable zero coding, I'm sorry, vibe coding, low code, no code, whatever you want to call it. It's a tool that uses AI as a sort of an engineer substitute if you will.

Product Mindset for Vibe Coding

So I'll get into all of that, but what I would say my best advice having come out of that or how I've structured the work on the app is very similar to my work as a product person with an engineering team.

So the keys to it, and I'll show you in the app, is what's the objective that you're trying to build, like I just shared with you, I want to make an app that helps the writers translate and adapt their work into microdrama format.

What is the context, right, for doing that? So if it's, you know, I'm going to start with a script of 120 pages and then it should end up like this.

Give a lot of context. Task, yes, but task is sort of the least important. I find the context is the most important.

Workflow: Context, Questions, Plan

1Have it ask clarifying questions and create a plan. This is the agent and lovable before you start. So that was my workflow to build the app.

Live Demo: WriteRocket Studio

Okay so that is going to take us into showing the app.

So see if I can do this backwards.

Okay yeah this is kind of annoying maybe I should do the mirroring thing.

Okay landing page cool looks like a you know something exciting possibly and should be loading my profile it looks like okay all right so here's a dashboard I'll just start from this entry point it's not the sexiest entry

User Journey Overview

point but it's pretty functional so as a user right what I'm doing in this app is I'm uploading a screenplay I'm creating an adaptation of that screenplay and I'm showcasing it to producers that's the whole thing I have obviously a million

ideas of what else will happen but you know the product brain is always going to try to tell you to focus focus on one thing so we're delivering this one thing this is the app the MVP okay there's a capability to upload a screenplay and

Core Use Case and IP Management

this is again for traditional writers like I have a hundred and twenty page feature screenplay it's a great story right but it's not a micro drama format that's that that's the the core of the use case and down here you can see my IP

management so I've got three different screenplays that have uploaded and they're good they're converted into episodes there's a showcase and I can manage those so I'm not going to show you the upload because it takes quite a

Screenplay Uploads and Parsing

while and if anyone has suggestions on how to do screenplay uploads and parsing of that 120 pages into the database I would love to hear them afterwards but I'm parsing it and chunking the data right into a database for reading and manipulating later.

Can you make it a little bigger? Yeah. It's really hard to see. Oh yeah, absolutely.

Sorry. Let's get it as big as possible. Okay. Okay.

So let's just view one. Whoops.

I'm not going to view the actual screenplay itself. I'm going to show you the...

Q&A: Who Is the Target User?

Can I ask a question? Yeah. So these are micro dramas and their target is the producer?

The writer, so this is for for writers. So that's a great question.

1So there are two users of the platform. One side of the platform are writers, the other side is producers.

So just like Uber, right? There's a network effect if that's kind of what you're thinking, right?

So without writers, producers don't care. Without producers, writers don't care. It's a marketplace, exactly.

Two-Sided Marketplace Dynamics

But I lean more toward the writers because regardless of whether the producers show up in this app or not, the microdrama scripts are downloadable.

Those could go anywhere. They can go anywhere. You can also like you know export them into FinalDraft.

You can do a lot of different things with them. So but but the core and the heart of it is and I'll show you why I think it's exciting to think about it this way.

Well I'll show you the whole the whole the rest of that thought for a second and I'll get to another interesting aspect.

Demo: Adaptation Workflow

So I'm going to show you how this is managed a little bit first. Oh wait no actually no let's go one more sorry I'm vibe presenting also I haven't I haven't scripted this all right let's go to I'll show you though the the actual

execution of that adaptation step so I'm going to look at the adapt menu here and I will look at the my screenplays oops I'm not gonna look at the ones that are queued.

That one's still processing forever. Let me go to, all right, let me show it to you from the,

yeah, this is the view. Okay, so let's look at this view.

Scene Parsing and Data Model

This is the, this is the screenplay, effectively, I'm going to zoom out a little bit for now, of 104 pages that I wrote, which is now parsed into scenes.

So in the background, the database has chunked it out, very complicated process because every scene length can be a different length and so the AI is looking for you know indicators in screenplay format of how many pages long is this scene versus the next scene versus the next scene and double -checking etc to get to isolating the scenes and then it's also noting

which characters are present in the scene it's got a description of the scene right and you can see that these are this is what's happening in the original screenplay there's no micro drama has been created yet and this also

Human-in-the-Loop Creativity

gets to an interesting question about the next steps what does a writer want in this next part of the flow the users journey right to get from an original screenplay to a micro drama many writers are opposed to AI completely they're like they're they're practically activists anti AI activists about writing.

So I've done a step where you can choose to ignore AI suggestions or not, but I personally would use them all the time. They're super helpful, trigger points for imagination.

I don't find any conflict in it whatsoever from the creative perspective.

Designing for High-Impact Episodes

So when you create the micro drama, you have a little indicator here like three out of five, two out of five, three out of five, and that's telling you that in that scene how much drama is packed into it from an AI estimate.

Because what you're going to want to do when you take a long feature screenplay that has time to breathe and sort of create this sort of narrative structure and arc is you're going to condense it into those tiny chunks or snippets, snackable content of one to three minutes.

So you have to pack these episodes now with a lot of drama and keep that viewer hooked. And that's what you're going to see when I do the create microdrama step here. So I'll show you

what that looks like if i can get it to go oh it's not nothing's happening why is that all right i don't know why that's happening we'll look at one so um the original scene is placed here for reference so we have the original screenplay and that might actually take a while to load um and then you also have an ai description of that scene in the summary

Microdrama Structure: Hook, Escalate, Cliffhanger

so the the standard format for a microdrama has this high impact openings you have to grab that viewer as they scroll right so they're scrolling on tiktok and you tiktok and you want to watch you want them to watch your microdrama so you have to have an impactful few seconds i think it's like 30 seconds um in that first uh chunk and then you have another chunk which is the escalator

building tension and then the third chunk is the cliffhanger ending okay so all i've done now is I've kind of created that structure and then AI as a tool can be used to propose what should be in each of those sections.

So it's taken my screenplay and it said you know what, here's your opener, my suggestion, I'm the AI, I'm going to suggest that, now go ahead and write it.

So as a writer I could say okay that makes sense to me, that's a good opener or not.

AI-Assisted Drafting

The other thing I could do if I wanted to, so that's kind of like using AI lightly, I could also use it use AI more heavily and have it just draft a version and it lives in there.

Model Choice for Narrative

And so this is, I'm using Claude Sonnet because I think that's the best for narrative in the API.

So yeah, now it has, you know, a draft and it's going to be in the screenplay format.

This is kind of a setting type of content that I came up with and I may want to add to that.

So once I've got my microdrama in the

Showcasing to Producers

three acts, they're combined together to have one episode and those episodes I set up for my showcase.

So only producers can see all of the showcases because writers are also very protective of their material. They don't want any other writers to see it so the only access for those is from the producers but I

do have the capability to see your own episodes and look at how they would be presented so when I go to manage my micro drama here right I've turned on I've toggled on this one it's ready you know imagine it's ready for showcase and what I do now is I I could potentially take a look at it how does it look in

Packaging: Art, Logline, and Samples

terms of being presented to a producer so here I've uploaded some artwork that I created in mid journey as a poster art I've got a log line I've categorized it as drama and then I can flip this over and see the the other the rest of the content that I've provided to the producers.

So you can imagine the producer is seeing many of these on a carousel and can browse all of these items.

I won't go into that because I'll have to re -login and everything but it has all of the background that the producer would want to know. It has a

synopsis right of what the whole the entire series is about, the main characters of the series and here are three episodes that I selected as a sample for the micro drama.

From Words to Moving Pictures

Now when I got to this point I was I felt like you know this is supposed to be the big ta -da moment but as a writer write this words you know where I can give you a poster but what about an actual micro drama episode.

Roadmap: Script-to-Video Integration

So my roadmap next is to connect to some of these AI content video production creators like VOIL and Vimers and Runway ML and others that will enable a script to script to video, AI script to video.

Okay so I'd love to have this be part of that ecosystem where if you wanted to now go and create the micro drama episode you could using AI but also if you are a traditional producer who wants to make it with live humans I also wanted a little bit of an

Playable Treatments and Prototyping

ability to see that what that would be like in action so I just did a simple treatment of the episodes so if you can imagine this is kind of like this is the the actual episode playing out with the characters as if it's sort of on a text

message so it's playable and I just that's a sort of a similar idea to game development right like it's a little playable moment what is the gameplay like? What is the interaction like? What is the drama like?

Conclusion

So that's it.