An AI-native symbolic music composition and production application called Music Studio
Generated Prompt
```xml <instructions> Create a comprehensive UI/UX design specification document for a web application called Music Studio, which is an AI-native symbolic music composition and production application. You are a senior UI/UX designer tasked with ensuring the application feels like a professional creative instrument. The design should be minimalistic and user-friendly, targeting independent musicians, producers, composers, music students, and creators. </instructions> <context> Background: Music Studio is a professional music creation environment where humans and AI collaborate to create, edit, arrange, perform, and export symbolic music. It is designed for independent musicians, producers, composers, music students, and creators, focusing on both beginner-friendliness and advanced functionality. Design specifications: - Visual Style: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography - Color Mode: Light theme with dark text on light backgrounds - Primary Color: #1978E5 (use this as the main accent/brand color for buttons, links, highlights) - Typography: Use Inter from Google Fonts for headings, Inter for body text and UI elements - Border Radius: 8px (moderately rounded) for buttons, cards, and inputs </context> <requirements> The UI/UX system must include the following features: 1. Major areas: Project/Home, Main Studio, Piano Roll, Arrangement, Mixer, AI Assistant, Instrument Editor, Project Manager, Export, Settings. 2. Design a professional workspace with a clear hierarchy for the Main Studio, emphasizing the actual music workspace. 3. Create precise and intuitive user experiences for the Piano Roll and Arrangement view. 4. Design a professional mixer that resembles a real audio tool. 5. Integrate a contextual AI Assistant without overshadowing the UI. 6. Develop a comprehensive design system, including typography, icon style, buttons, inputs, and more. 7. Ensure responsive design adaptations for various screen sizes. 8. Incorporate accessibility features such as sufficient contrast and keyboard navigation. 9. Define clear interaction behaviors and keyboard shortcuts. 10. Design for all important component states including Default, Hover, Active, Selected, Focused, Disabled, Loading, Empty, Error, and Success. The final deliverables should be detailed enough to serve as a visual and interaction specification for developers. </requirements> <output_format> The expected output is a comprehensive design specification document that includes the following sections: 1. Design system overview 2. Main Studio layout and components 3. Piano Roll design and functionality 4. Arrangement view design 5. Mixer design 6. AI Assistant user experience 7. Instrument Editor layout 8. Project Manager interface 9. Export workflow 10. States for all components 11. Responsive design adaptations 12. Interaction specifications </output_format> ```
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
