Construa uma aplicação de um editor de video estilo captcupt, com todas as abas de um editor de video, um editor completo pronto para uso
Generated Prompt
```markdown ## APPLICATION OVERVIEW The project is a comprehensive video editing web application, styled similarly to Capture. It will feature all necessary editing tabs and tools, providing users with a complete and intuitive video editing experience. The app will focus on usability and a streamlined workflow for video creators. ## CORE FEATURES 1. **Timeline Editing**: Users can arrange and edit video clips on a timeline, allowing for precise control over video sequencing and transitions. 2. **Video Effects & Transitions**: A library of effects and transitions that can be easily applied to clips for enhanced visual storytelling. 3. **Audio Editing**: Tools for adding, editing, and syncing audio tracks with video, including volume control and sound effects. 4. **Text & Titles**: An interface for adding customizable text overlays and titles to videos, with various font and style options. 5. **Export Options**: Users can export their final videos in different formats and resolutions, optimizing for various platforms. 6. **Cloud Storage Integration**: Allow users to save their projects to the cloud for easy access and collaboration. ## 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 (accent 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 - Layout: The main layout will consist of a top navigation bar, a side panel for tools, and a central editing area with a responsive timeline. A footer will contain export and save options. ## TECHNICAL REQUIREMENTS - Framework: React with TypeScript - Styling: Tailwind CSS - UI Components: shadcn/ui - State Management: Redux or Context API (as needed for state management across components) ## IMPLEMENTATION STEPS 1. **Set up Project Structure**: Initialize a new React project with TypeScript and install Tailwind CSS. 2. **Design Layout**: Create the main layout components, including the navigation bar, side tool panel, and editing workspace. 3. **Implement Core Features**: - Develop the timeline editing interface, ensuring it allows for drag-and-drop functionality. - Build the effects and transitions library, enabling users to preview and apply effects. - Create the audio editing tools and integrate them into the timeline. - Implement the text and titles editor with customization options. - Develop the export functionality, allowing users to choose formats and resolutions. 4. **Integrate Cloud Storage**: Set up authentication and storage solutions (like Firebase or AWS) for saving user projects. 5. **Test User Interactions**: Conduct usability testing to ensure a smooth user experience, making adjustments based on feedback. ## USER EXPERIENCE Key user interactions will include intuitive drag-and-drop functionality for the timeline, easy access to editing tools from the side panel, and straightforward export processes. Users will be guided through the editing workflow with tooltips and onboarding prompts, ensuring they can quickly learn how to use all features. The responsive design will ensure usability across devices, providing a seamless experience whether on desktop or tablet. ```
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!
