Prompt for hand gesture control of 3d particle system using camera and named jarvis to use in chatgpt to create prompt that is fully working
Generated Prompt
## APPLICATION OVERVIEW This project is a web application that utilizes hand gesture control to interact with a 3D particle system. Named "Jarvis," the application integrates with a camera to capture user gestures, allowing for an innovative and interactive experience. The primary goal is to create a fully functional and responsive interface that enables users to manipulate the particle system seamlessly. ## CORE FEATURES 1. **Gesture Recognition**: Utilize camera input to detect hand gestures in real-time, translating them into commands for controlling the particle system. 2. **3D Particle Visualization**: Implement a dynamic 3D particle system that responds to user gestures, creating engaging visual effects. 3. **User Settings**: Allow users to customize gesture sensitivity, particle properties, and visual styles to enhance their experience. 4. **Help & Tutorials**: Provide an interactive guide or tutorial that explains how to use gestures effectively within the application. 5. **Feedback System**: Implement a feedback mechanism that provides users with visual or audio cues based on their interactions with the particle system. ## 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 layout will feature a central interactive area for the particle system, flanked by user settings and help sections. Navigation will be minimal, with a focus on functionality and ease of access to features. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Redux (to manage gesture states and particle properties) ## IMPLEMENTATION STEPS 1. **Set Up Environment**: Initialize React with TypeScript, and install necessary packages including Tailwind CSS and shadcn/ui. 2. **Create Gesture Recognition Module**: Integrate a library or API capable of processing camera input and recognizing hand gestures. 3. **Develop 3D Particle System**: Use a library like Three.js to create an interactive particle system that responds to gestures. 4. **Build User Interface**: Design the UI components using Tailwind CSS, ensuring adherence to the minimalist style and design specifications. 5. **Integrate Settings Module**: Allow users to adjust settings for gesture sensitivity and particle properties through intuitive UI controls. 6. **Implement Help & Tutorials**: Create an interactive guide that helps users understand how to use gestures effectively within the application. 7. **Testing and Feedback**: Conduct usability testing, gather user feedback, and make necessary adjustments to improve the user experience. ## USER EXPERIENCE The user experience will focus on intuitive interactions, allowing users to easily control the 3D particle system with their hand gestures. Users will enter the application and be greeted with a clean interface featuring the particle system prominently displayed. As they perform gestures, immediate feedback will be provided through visual changes in the particles, promoting engagement and exploration. Clear instructions and help sections will guide users, ensuring they can harness the full potential of the application. This comprehensive prompt is structured to guide the development of a functional and visually appealing application that aligns with the user's vision of a gesture-controlled 3D particle system.
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!
