Build a complete mobile-first AI video creation application called Kahani AI.
This is a personal AI storytelling application for Android phones.
The application must allow the user to paste a Hindi story and generate a complete animated video in either 2D or 3D.
Do not only create a demonstration UI. Build the complete application structure, navigation, screens, state management, project management, generation workflow, preview interface and download/export architecture.
APP FLOW
Login → Home → New Project → Story → Video Settings → Character Settings → Generate → Progress → Preview → Thumbnail → Download.
---
1. LOGIN
Create a clean login screen.
Features:
- Continue with Google
- Google/Gmail authentication
- Logout
- Persistent login session
- After login open Home
Keep authentication modular so it can later use Firebase or another authentication provider.
---
2. HOME / DASHBOARD
Show:
Kahani AI logo
Buttons:
- + New Project
- My Projects
Sections:
- Recent Projects
- Last Generated Videos
- Draft Projects
Use a modern Android Material-style interface.
---
3. NEW PROJECT
When the user presses New Project, show:
Project Name
Large Hindi story input box:
“अपनी कहानी यहाँ पेस्ट करें…”
Features:
- Paste story
- Clear story
- Character count
- Story validation
- Save draft
If the story box is empty, show:
“कृपया पहले कहानी पेस्ट करें।”
Never delete the user's story accidentally.
---
4. STORY ANALYSIS
After the user enters a story, automatically analyze:
- Characters
- Character gender
- Character age
- Character appearance
- Locations
- Story events
- Scene order
- Dialogues
- Narration
- Emotions
- Actions
- Story mood
Do not change the main story unnecessarily.
---
5. VIDEO STYLE
Provide two large choices:
2D
Cinematic 2D animation.
3D
Cinematic 3D animation.
Remember the selected style.
---
6. VIDEO DURATION
Allow:
1 minute
3 minutes
5 minutes
10 minutes
Maximum:
10 minutes.
Automatically divide the story into enough scenes to cover the selected duration.
---
7. VIDEO FORMAT
Allow:
16:9 Landscape
For YouTube and normal videos.
9:16 Portrait
For Shorts and Reels.
Remember the selected format.
---
8. VOICE SYSTEM
2D MODE
Provide:
Male Hindi voice
Female Hindi voice
Narration and dialogue should be supported.
Character dialogue should automatically use the appropriate character voice.
Male character → male voice.
Female character → female voice.
3D MODE
NO narrator.
Only character dialogue.
Male character → male voice.
Female character → female voice.
Every character should have a consistent voice throughout the entire video.
---
9. CHARACTER SYSTEM
Automatically create a character profile from the story.
Each character profile should contain:
- Name
- Gender
- Age
- Face
- Hair
- Clothes
- Body appearance
- Accessories
- Voice
- Personality
- Expressions
- Color/style reference
The same character must remain visually consistent throughout all scenes.
Example:
If “Raju” appears in Scene 1, Scene 5 and Scene 30, it must look like the same Raju.
Do not randomly change clothing, face, hairstyle or body design.
---
10. SCENE GENERATION
Automatically divide the story into scenes.
Every scene should contain:
- Scene number
- Location
- Time
- Characters
- Character actions
- Facial expressions
- Camera angle
- Camera movement
- Environment
- Dialogue
- Voice
- Sound effects
- BGM
- Duration
Scenes must follow the original story.
---
11. 2D VIDEO ENGINE
2D mode should generate:
- Consistent 2D characters
- Backgrounds
- Character animation
- Facial expressions
- Camera movement
- Scene transitions
- Hindi narration
- Hindi dialogue
- Lip-sync
- BGM
- Sound effects
---
12. 3D VIDEO ENGINE
3D mode should generate:
- Cinematic 3D characters
- 3D environments
- Character animation
- Facial expressions
- Camera movement
- Cinematic lighting
- Scene transitions
- Character dialogue
- Lip-sync
- BGM
- Sound effects
Important:
3D mode must NOT use narrator voice.
Only characters speak their own dialogue.
---
13. LIP-SYNC
Synchronize character mouth movement with Hindi dialogue.
Only the character speaking the dialogue should move their mouth.
Do not assign one character's dialogue to another character.
---
14. BGM
Automatically select music according to story mood.
Examples:
Comedy → light comedy music
Emotional → emotional music
Suspense → suspense music
Action → energetic music
Village → suitable Indian ambience
Keep BGM lower than dialogue.
---
15. SOUND EFFECTS
Automatically add suitable sound effects where required.
Examples:
Door → door sound
Rain → rain sound
Walking → footsteps
Fight/action → appropriate action sound
Village → natural environment sounds
---
16. GENERATION PIPELINE
When the user presses:
“वीडियो बनाएं”
run:
1. Validate story
2. Analyze story
3. Detect characters
4. Create character profiles
5. Divide story into scenes
6. Create scene descriptions
7. Generate dialogues
8. Assign voices
9. Generate visuals
10. Generate Hindi audio
11. Apply lip-sync
12. Add BGM
13. Add sound effects
14. Apply transitions
15. Combine scenes
16. Create MP4
17. Create thumbnail
18. Show final preview
19. Enable HD download
---
17. GENERATION PROGRESS
Show a proper progress screen.
Example:
Analyzing story... ✓
Creating characters... ✓
Creating scenes... ✓
Generating voices... 45%
Generating animation...
Applying lip-sync...
Adding BGM...
Rendering video...
Finalizing MP4...
Show percentage progress.
---
18. VIDEO RESULT SCREEN
After generation show:
- Video player
- Play/Pause
- Timeline
- Duration
- 2D/3D label
- 16:9/9:16 label
Buttons:
Download HD
Share
Regenerate
Edit Project
Create New Project
---
19. THUMBNAIL GENERATOR
Automatically create a powerful thumbnail based on the generated story.
Thumbnail should use:
- Main character
- Important scene
- Strong facial expressions
- Cinematic composition
- Story-relevant background
- High visual impact
Also generate:
YouTube Title
Description
Hashtags
---
20. MY PROJECTS
Save:
- Project name
- Story
- Style
- Duration
- Format
- Characters
- Scenes
- Voice settings
- Video
- Thumbnail
- Creation date
Allow:
Open
Rename
Delete
Duplicate
Regenerate
---
21. SETTINGS
Include:
- Language
- Default video style
- Default duration
- Default aspect ratio
- Default voice
- BGM on/off
- Sound effects on/off
- Auto-save
- Account
- Logout
---
22. ERROR HANDLING
If generation fails:
Show:
“वीडियो बनाने में समस्या हुई। कृपया फिर कोशिश करें।”
Buttons:
Retry
Back to Project
Never lose the original story.
---
23. MOBILE DESIGN
Optimize everything for Android phones.
Use:
- Large touch buttons
- Responsive layout
- Material-style components
- Simple navigation
- Fast loading
- Dark/light friendly design
The application must work properly on small Android screens.
---
24. FREE-FIRST ARCHITECTURE
The application should be designed with free/open-source services wherever realistically possible.
Do not hard-code a paid AI provider.
Create separate service interfaces for:
AI story analysis
Image generation
Video generation
Text-to-speech
Lip-sync
BGM
Video rendering
Storage
Authentication
This allows the AI providers to be replaced later.
Do not falsely claim unlimited free AI video generation.
---
25. IMPORTANT
Build the actual application structure, not just a description.
Create working:
- Login screen
- Home screen
- New Project screen
- Story Editor
- Video Settings
- Character Settings
- Generation screen
- Result screen
- Thumbnail screen
- My Projects
- Settings
Connect the navigation between all screens.
Start with the complete UI and application architecture first.
Then make the AI generation services modular so real AI APIs can be connected without redesigning the application.
