Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
NovaLabs is a cutting-edge web application designed to unify hardware education, circuit simulation, and rapid ideation into a seamless engineering workspace. The platform allows users to design complex circuits using a library of detailed 3D hardware components, interactive simulations, and an AI-assisted design process.

## CORE FEATURES
1. **Interactive 3D Workspace**: Users can drag and drop components to build circuits in a high-fidelity 3D environment, similar to industry-standard CAD software.
2. **Hardware Library**: A comprehensive catalog of over 500 unique hardware components, each with detailed descriptions and specifications, facilitating easy access and selection.
3. **Real-Time Simulation**: Users can simulate circuit behavior by adjusting inputs for various sensors, providing immediate visual feedback on performance.
4. **Neural Synthesis Tool**: A Sketchup feature that allows users to draw circuit designs, which are then converted into professional schematics and 3D models based on recognized shapes and patterns.
5. **Collaboration Features**: Users can share their designs with others, enabling collaborative prototyping and feedback.
6. **User Authentication**: Secure sign-up and login functionality to manage user sessions and save projects.

## 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 feature a top navigation bar for easy access to different sections (Workspace, Library, Sketchup). The workspace will have a central 3D canvas, with side panels for component selection and simulation controls.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Zustand for global state management.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and Tailwind CSS.
2. **Create Core Components**: Build the main layout component with a navigation bar, workspace canvas, and side panels using shadcn/ui components.
3. **Implement Hardware Library**: Develop a component to display the hardware library, allowing users to filter and select components.
4. **Build Workspace Functionality**: Create the interactive 3D workspace where users can drag and drop components and wire them together.
5. **Integrate Real-Time Simulation**: Implement the simulation engine to process and display real-time feedback based on user interactions.
6. **Develop Neural Synthesis Tool**: Create the Sketchup feature that recognizes drawn shapes and converts them into corresponding hardware components.
7. **User Authentication**: Set up Clerk for user authentication, enabling secure login and project storage.
8. **Testing and Debugging**: Conduct thorough testing to ensure all features work seamlessly and fix any bugs that arise.

## USER EXPERIENCE
Users will start on a clean and engaging landing page, with clear navigation options. Upon logging in, they will be directed to the interactive 3D workspace where they can easily select components from the library and visualize their circuits. The neural synthesis tool will provide a unique way to create designs by simply sketching, while real-time simulation will give immediate feedback on circuit behavior. Users will have the ability to save their projects and collaborate with others, making it a comprehensive platform for hardware design and education.