Illustrated Book Generator

A customisable workflow for creating and reading personalized bedtime stories with AI-generated content, images, and audio narration.

188

Report this template

Select the reason for reporting

Describe the issue in detail

Share template

Link to template

https://templates.buildship.com/template/fLMHL5obkPdI/

By BuildShip

Select an example

Inputs

topic

"competitive rabbit learning teamwork"

total pages

scene length

short

This is a static example using sample inputs. Remix the template to run it with your own values.

Output

Read me

📚 Illustrated Book Stories

An interactive workflow for creating and reading personalised bedtime stories with AI-generated content, images, and audio narration

✨ Features

🎨 AI-generated stories with matching illustrations

🎵 Audio narration for each story page

🎯 Quick story creation with customisable parameters

Prerequisites

You need accounts and API keys on the following platforms

Replicate - For image generation
ElevenLabs - For audio generation
OpenAI - For story text generation

✍️ How to Use

Creating the API backend

Step 1: Connect the API keys in the keys section of the nodes for Replicate, ElevenLabs, OpenAI - you need to do it only once. If you already have connected these you can proceed to the step 2

Step 2: Test the workflow by clicking the test panel and ensure it works end to end with a sample input like:

Topic: competitive rabbit learning teamwork
Total pages: 3
Scene length:short

Step 3: Go to connector tab and click connect API

Step 4: Click ship to start using the backend API

✨ Extra - Make your own UI

Step 1: Copy the code snippet from the Usage tab of the API connector and Copy the sample out that you have from the Test panel. Keep these two handy as these are what your UI needs

Step 2: Head to https://v0.dev/ and prompt as follows

Create a UI for an interactive book generator. Have a way for the user to Create a new story and select these parameters:
- Number of pages 
- Words per Scene
- Story topic 

When clicked prepare a UI to show the text and the image together with a button to listen audio. Create a nice card where you show the img and below the text. Assume any UI components you need

Save everything in local storage.

Here is the API to call: <paste the code snippet you copied from the API connector tab>

Here is the sample response: <paste the JSON you copied form the test panel>

Step 3: Only the UI is generated, test it our, suggest edits if needed and enjoy!!

Step 4: Deploy to Vercel and share to friends