Build AI Sales Agent Specially for e-commerce brands to help them selling there products through website and social channels
Generated Prompt
```markdown ## PROJECT DEFINITION Build a web application for an AI Sales Agent designed specifically for e-commerce brands. This application will help brands sell their products through their websites and social channels by providing interactive sales support, product recommendations, and customer engagement features. ## DESIGN REQUIREMENTS - 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 ## TECH STACK & CONSTRAINTS - Programming Language: JavaScript - Framework: React.js for the front end - Backend: Node.js with Express for API services - Database: MongoDB for storing product information and user interactions - Additional Libraries: TensorFlow.js for AI functionalities and Axios for API requests - Ensure the application is responsive and accessible. ## BREAKDOWN INTO TASKS 1. **Setup Project Structure** - Create a new React application using Create React App. - Set up directories for components, services, and styles. 2. **Design UI Components** - Create reusable components for buttons, cards, and navigation. - Implement a header and footer for the application. 3. **Integrate AI Functionality** - Develop the AI Sales Agent logic using TensorFlow.js to provide product recommendations. - Create a service to handle user queries and responses. 4. **Connect to Backend** - Set up a Node.js server with Express to handle incoming requests and serve product data. - Implement MongoDB for storing product listings and user interaction history. 5. **Testing and Validation** - Write unit tests for components and services using Jest. - Conduct user testing to gather feedback on the AI agent's performance and user experience. ## IMPLEMENTATION GUIDANCE 1. Start by creating a new React project using `npx create-react-app ai-sales-agent`. 2. Install necessary packages: `npm install axios @mui/material @emotion/react @emotion/styled`. 3. Create a `components` folder for your UI components and a `services` folder for API interactions. 4. Implement the header with navigation links and a main banner to introduce the AI Sales Agent. 5. Build a product card component that displays product information and a button to interact with the AI Sales Agent. 6. Set up the Node.js server by creating a `server.js` file and defining routes for fetching product data. ## ITERATION STRATEGY After the initial implementation: - Gather user feedback on the AI's recommendations and adjust the model as needed. - Refine UI/UX based on usability tests and make improvements. - Optimize performance by reviewing API call efficiency and ensuring fast load times. ## TESTING & VALIDATION - Use Jest to run unit tests on the components and ensure they render correctly. - Test API endpoints using Postman to validate the backend functionality. - Perform user acceptance testing with a small group of e-commerce brand representatives to ensure the application meets their needs. By following these instructions, you will create a comprehensive AI Sales Agent application tailored for e-commerce brands, enhancing their ability to sell products through innovative technology. ```
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!
