Build a Complete AI Creative Platform — Atelier Studio AI
Act as an expert full-stack developer, UI/UX designer, AI engineer and product architect. Build a complete, responsive, mobile-first AI platform named Atelier Studio AI.
The website must combine AI video creation, image generation, personal tutoring, home fitness guidance and automatic short-video editing in one unified platform.
Do not create just a landing page or static design. Build a functional application with working navigation, forms, project management, backend architecture and integrations.
1. Brand Identity and Design
App name: Atelier Studio AI
Design style: Premium, elegant, classic, modern and professional.
Use this exact colour palette:
- Forest Green: #26352D
- Warm Ivory: #F4EFE6
- Antique Gold: #D5BC8A
- Charcoal: #292929
- Soft Beige: #E5DACA
Design requirements:
- Elegant dashboard.
- Beautiful typography.
- Smooth transitions and animations.
- Premium cards and rounded corners.
- Responsive desktop, tablet and mobile layouts.
- Easy navigation.
- Attractive loading screens.
- Consistent branding throughout the website.
2. AI Video Studio
Create a powerful AI video-generation workspace.
Requirements:
- Generate a complete video from one written prompt, poem, rhyme or story.
- Automatically divide the content into appropriate scenes.
- Do not require the user to write individual scene descriptions.
- Generate consistent characters throughout the video.
- Offer colourful, polished 3D preschool animation.
- Include original characters, environments and animations.
- Automatically generate voiceovers or singing.
- Generate original background music and sound effects.
- Synchronise captions with narration.
- Automatically assemble the complete video.
- Allow video preview and download.
- Offer different video lengths, aspect ratios and styles.
Atelier Kids Intro
Create an original reusable animated introduction called "Atelier Kids Intro".
Requirements:
- Original Atelier Studio AI logo animation.
- Colourful, child-friendly visual design.
- Original short musical jingle.
- Automatically include the introduction in nursery-rhyme videos when enabled.
- Allow users to enable or disable it.
Never copy existing copyrighted characters, logos, songs or show introductions.
3. AI Image Generator
Build an image-generation workspace.
Requirements:
- Generate images from text prompts.
- Offer multiple artistic styles.
- Support 3D animation, realistic imagery, illustrations and cartoon artwork.
- Allow aspect-ratio selection.
- Provide image previews.
- Allow downloading and saving generated images.
- Keep image-generation history.
4. Personal AI Tutor
Create an interactive personal tutor for all school subjects and academic levels.
Requirements:
- Text-based conversation.
- Voice interaction where supported.
- Explain difficult concepts in simple language.
- Answer students' questions.
- Give examples and practice exercises.
- Generate quizzes.
- Mark student answers and explain mistakes.
- Adapt explanations to the student's level.
- Support syllabus-based learning.
- Provide exam-style questions and marking guidance.
- Maintain learning progress and topic history.
Include a student-friendly interface and safe, age-appropriate teaching.
5. AI Home Fitness Trainer
Create a home fitness section.
Requirements:
- General fitness and mobility guidance.
- Beginner-friendly exercise routines.
- Demonstrations where supported.
- Warm-up and cool-down suggestions.
- Adjustable session duration.
- Rest and recovery reminders.
- Track completed sessions.
Keep recommendations safe and age-appropriate. Do not promote extreme exercise, restrictive eating or unrealistic body ideals. Include appropriate safety guidance.
6. Long Video to Short Clips
Create an AI-powered video clipping workspace.
Requirements:
- Upload a video or provide a supported video URL.
- Analyse videos the user owns or has permission to edit.
- Identify interesting and useful moments.
- Automatically select highlights.
- Generate multiple short clips.
- Support vertical 9:16, square 1:1 and landscape formats.
- Automatically generate synchronised subtitles.
- Allow editing of clip start and end points.
- Preview each clip.
- Download individual clips.
Respect copyright and website access restrictions. Never promise URL importing when the source platform does not support it.
7. My Projects
Create a central project library.
Requirements:
- Save video projects.
- Save images.
- Save tutor sessions.
- Save fitness plans.
- Save short clips.
- Display project previews.
- Allow renaming and organising projects.
- Allow downloads.
- Include project search and filtering.
- Save progress automatically where possible.
8. AI Assistant
Include a central AI assistant that helps users navigate the platform.
It should:
- Understand natural-language instructions.
- Help users choose the correct tools.
- Explain how features work.
- Assist with writing prompts.
- Help organise projects.
- Provide clear error messages and solutions.
9. Account and Settings
Provide:
- User preferences.
- Theme settings.
- Language settings.
- Project storage settings.
- AI provider configuration.
- Privacy controls.
- Account and authentication options where required by the hosting or AI providers.
Offer a guest or local mode where technically possible.
10. AI Integrations and Backend
Build a modular architecture so different AI providers can be connected.
Use appropriate APIs or compatible models for:
- Text generation.
- Image generation.
- Video generation.
- Speech synthesis.
- Music and sound generation.
- Speech recognition and transcription.
- Video analysis and clipping.
Keep API keys secure on the backend. Never expose secret keys in frontend code.
If a provider is unavailable, display a clear message rather than pretending that generation succeeded.
11. Pricing and Usage
Prioritise free and open-source services wherever possible.
Requirements:
- Avoid unnecessary paid services.
- Clearly display any usage limits.
- Show costs before paid generation.
- Allow users to choose alternative providers where available.
- Do not advertise unlimited free generation unless the connected provider genuinely supports it.
12. Content and Safety
- Support a broad range of legitimate creative and educational content.
- Follow applicable laws and provider safety policies.
- Protect minors.
- Do not facilitate abusive, exploitative or illegal content.
- Respect intellectual property and copyright.
13. Technical Requirements
- Build a real full-stack application.
- Use a maintainable frontend and backend.
- Make it responsive and mobile-friendly.
- Include proper data storage.
- Add authentication only where needed.
- Include error handling.
- Include loading indicators.
- Add functional navigation and buttons.
- Test all implemented features.
- Provide clear deployment instructions.
14. Final Delivery
Deliver:
1. A complete working website.
2. All source code.
3. Backend and frontend.
4. Database configuration.
5. AI integration architecture.
6. Environment-variable instructions.
7. Deployment instructions.
8. A list of features that are fully working.
9. A list of features requiring API keys, external services or paid plans.
IMPORTANT: Do not deliver only a mockup, landing page or collection of non-functional buttons. Implement the features that can genuinely work, and clearly identify anything that still needs an external AI service.
The final product should feel like a unified premium creative studio named Atelier Studio AI.
No preview
Comments (0)
No comments yet. Be the first!
Sign in to leave a comment
Project Tasks
25 planning tasks
#1
Generate system requirement document
12m 31s0.05 cr used
Done
#2
Generate personas & user flows
0m 14s0.05 cr used
Done
#5
Architecture
0.05 cr needed
Backlog
#6
Workspace task plan
0.05 cr needed
Backlog
#7
Retry Requirements
9m 57s0.02 cr used
Done
#8
Create flow for Creative Video Creator
Not recordedCredits in parent
Done
#9
Create flow for Image Maker
Not recordedCredits in parent
Done
#10
Create flow for Student
Not recordedCredits in parent
Done
#11
Create flow for Fitness Participant
Not recordedCredits in parent
Done
#12
Create flow for Clip Editor
Not recordedCredits in parent
Done
#13
Create flow for Project Owner
Not recordedCredits in parent
Done
#14
Create flow for Account Holder / Guest
Not recordedCredits in parent
Done
#15
Landing
Credits in subtasks
Backlog
#16
Account and Settings
Credits in subtasks
Backlog
#17
AI Video Studio
Credits in subtasks
Backlog
#18
Long Video to Short Clips
Credits in subtasks
Backlog
#19
My Projects
Credits in subtasks
Backlog
#20
Video Studio
Credits in subtasks
Backlog
#21
AI Assistant
Credits in subtasks
Backlog
#22
AI Home Fitness Trainer
Credits in subtasks
Backlog
#23
Fitness Trainer
Credits in subtasks
Backlog
#24
AI Image Generator
Credits in subtasks
Backlog
#25
Image Generator
Credits in subtasks
Backlog
#26
Personal AI Tutor
Credits in subtasks
Backlog
#27
AI Tutor
Credits in subtasks
Backlog
No completed page designs yet.
Completed design pages will appear here when they are ready to preview.
No completed page designs yet.
Completed design pages will appear here when they are ready to preview.
No comments yet. Be the first!