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!

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