atelier

byMuzammil Tanveer

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!

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.

Landing: Open studio
Account and Settings: Set preferences and theme
Account and Settings: Choose language and storage
Account and Settings: Configure AI provider
Account and Settings: Set privacy controls
Account and Settings: Enable guest or local mode
AI Video Studio: 1. Review usage limits and costs
AI Video Studio: 2. Read provider unavailability
AI Video Studio: 3. Switch alternative provider

No completed page designs yet.

Completed design pages will appear here when they are ready to preview.

Landing: Open studio
Account and Settings: Set preferences and theme
Account and Settings: Choose language and storage
Account and Settings: Configure AI provider
Account and Settings: Set privacy controls
Account and Settings: Enable guest or local mode
AI Video Studio: 1. Review usage limits and costs
AI Video Studio: 2. Read provider unavailability
AI Video Studio: 3. Switch alternative provider