اريد بناء منصة ai reception agent للهاتف.
Generated Prompt
## APPLICATION OVERVIEW This project is a web application designed to serve as an AI reception agent for phone calls. It allows each client to have a unique phone number, enabling them to function as a virtual receptionist. The application will include features for training, call forwarding, and various other functionalities to enhance the experience of managing phone interactions. ## CORE FEATURES 1. **Unique Phone Numbers**: Assign and manage unique phone numbers for each client, allowing personalized reception services. 2. **Call Forwarding**: Enable users to redirect incoming calls to different numbers or voicemail based on their preferences. 3. **AI Training Module**: Provide tools for users to train the AI reception agent to better respond to specific queries and requests. 4. **Call Analytics Dashboard**: Offer insights into call patterns, duration, and user interactions through a comprehensive analytics dashboard. 5. **User Management**: Allow clients to manage their profiles, settings, and preferences easily. 6. **Feedback System**: Implement a feedback mechanism for users to rate the AI agent's performance and suggest improvements. ## 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 include a header with navigation, a hero section showcasing the application's benefits, followed by feature sections, testimonials, and a call-to-action (CTA) button leading to user sign-up or contact. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Redux for managing application state effectively ## IMPLEMENTATION STEPS 1. **Set Up Development Environment**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui components. 2. **Create Components**: Develop reusable components such as buttons, cards, and inputs with the specified border radius and styling. 3. **Implement Routing**: Set up client-side routing to navigate between the main dashboard and other sections of the application. 4. **Develop Core Features**: Code the unique phone number assignment, call forwarding functionalities, and integrate the AI training module. 5. **Build Analytics Dashboard**: Create components to visualize call data and analytics for user insights. 6. **User Authentication**: Implement user registration, login, and profile management features. 7. **Testing**: Conduct thorough testing of all features and user interactions to ensure a seamless experience. 8. **Deploy the Application**: Prepare the application for deployment on a hosting service and ensure it meets performance and security standards. ## USER EXPERIENCE The user experience will focus on simplicity and ease of use, allowing users to navigate through the application effortlessly. Key interactions will include selecting options for call forwarding, training the AI agent, and accessing analytics with intuitive controls. Responsive design principles will ensure that the application is fully functional on both desktop and mobile devices, providing a consistent experience across all platforms.
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!
