Fibo Scene Generator

FIBO Scene Generator — Project Description FIBO Scene Generator is an AI-powered tool that transforms any user prompt into a fully structured visual scene.

The system generates: A rich JSON scene representation (characters, environment, camera, mood, props, etc.) A detailed natural-language image prompt (for generating visuals using image models) High-quality images using the FIBO model.

Inspiration

We wanted to make visual storytelling accessible to everyone. Creating cinematic scenes or illustrations usually requires advanced design skills and tools. By leveraging AI, we can transform simple text prompts into structured, visual scenes, opening up new creative possibilities for storytellers, designers, and hobbyists alike.

What it does

FIBO Scene Generator allows users to:

Enter a short prompt describing a scene Automatically generate a structured JSON representation of the scene Convert it into a detailed image prompt Render a high-quality image with the FIBO model View the results in a clean, interactive UI This pipeline enables users to go from an idea to a fully visualized scene in minutes.

How we built it

Backend: Node.js server to handle prompt processing and FIBO API requests Frontend: React app for input, display, and interactivity AI Integration: FIBO API to generate JSON scene specs and high-quality images Data Flow: User prompt → JSON scene spec → refined image prompt → final image

Challenges we ran into

Designing a flexible JSON schema that can capture all scene elements Translating short text prompts into detailed, structured scene descriptions Ensuring the generated images matched the prompt accurately Handling UI updates in real-time while the image was being processed

Accomplishments that we're proud of

Successfully converting any short prompt into a cinematic scene Seamless JSON scene generation ready for extensions like storyboards or animations High-quality image output from user-friendly prompts Creating a clean and responsive UI for both input and result display

What we learned

The importance of structured representations for complex AI-generated content How to integrate AI APIs into a full-stack workflow Techniques for real-time UI updates and displaying AI-generated results efficiently Challenges and nuances of converting text to visual storytelling

What's next for Fibo Scene Generator

Extend the tool to create animated storyboards Add multi-scene sequence generation for longer narratives Improve scene realism and style control using additional AI models Enable collaborative scene editing and sharing between users Explore VR/AR integration for immersive scene visualization

Built With

• express.js
• fibo-api
• javascript
• node.js
• react
• render
• vercel