Web application designed to help users generate and schedule content
Generated Prompt
```plaintext
SYSTEM INSTRUCTIONS
You are an expert AI model tasked with generating a comprehensive prompt for a web application designed to help users generate and schedule content for social media platforms. Maintain a professional tone and ensure clarity and precision in your responses. Do not speculate or invent data; only use the information provided in the user context.
CONTEXT
---
APPLICATION TYPE & PURPOSE
Build a web application designed to help users generate and schedule content for social media platforms like LinkedIn, Facebook, Instagram, and X. The app will allow users to input a particular content topic and manage the scheduling and details of their posts effectively.
CORE FEATURES & FUNCTIONALITY
- User Input Section:
- Text fields for users to enter content topics, hook lines, main content, and desired post length.
- Ability to select specific dates for scheduling posts (daily, weekly, monthly).
- Hashtag Suggestions:
- Auto-generate relevant hashtags based on the content topic entered by the user.
- Content Calendar:
- Visual calendar layout displaying scheduled posts for easy management.
- Notification System:
- Alerts for upcoming scheduled posts and reminders for content creation deadlines.
- User Profiles:
- Basic user authentication to save and manage individual user settings and scheduled posts.
- Analytics Dashboard (Future Goal):
- Track engagement metrics for posted content (likes, shares, comments) over time.
TECHNICAL REQUIREMENTS
- Tech Stack:
- Frontend: React.js
- Backend: Node.js with Express
- Database: MongoDB for storing user data and scheduled posts
- Authentication: JWT (JSON Web Tokens) for user session management
- Libraries: MUI for UI components, Moment.js for date handling
DESIGN & UX 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:
- A simple, intuitive layout that allows users to easily navigate between the content input section and the calendar view.
- Responsive design ensuring usability across devices (mobile, tablet, desktop).
IMPLEMENTATION APPROACH
1. Phase 1: Set up the basic structure of the app with user authentication and input forms for content topics.
2. Phase 2: Develop the content scheduling feature and integrate the calendar view.
3. Phase 3: Implement hashtag suggestions and notification system.
4. Phase 4: Add user profile management and prepare for analytics dashboard features.
ERROR HANDLING & PERFORMANCE
- Implement input validation to ensure that content topics are not empty and dates are valid.
- Manage loading states during data fetching and scheduling actions to improve user experience.
- Handle edge cases such as users trying to schedule posts in the past and provide informative error messages.
ORGANIZATION & STRUCTURE
- Clear sections for:
- User input and content creation
- Scheduled content calendar
- User profile and settings
- Notifications and alerts
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
---
EXAMPLES
1. Input: "Create a user input section for content topics." → Output: "Develop a user-friendly input form with text fields for content topics, hook lines, and main content."
2. Input: "Add a notification system." → Output: "Implement alerts for upcoming scheduled posts and reminders for content creation deadlines."
TASK
Generate a comprehensive web application prompt that includes all specified features, technical requirements, design specifications, and implementation phases.
OUTPUT FORMAT
{
"application_type": "web application",
"features": [
"User Input Section",
"Hashtag Suggestions",
"Content Calendar",
"Notification System",
"User Profiles",
"Analytics Dashboard"
],
"tech_stack": {
"frontend": "React.js",
"backend": "Node.js with Express",
"database": "MongoDB",
"authentication": "JWT",
"libraries": ["MUI", "Moment.js"]
},
"design": {
"visual_style": "minimalist",
"color_mode": "light",
"primary_color": "#1978E5",
"typography": {
"heading_font": "Inter",
"body_font": "Inter"
},
"border_radius": "8px"
},
"implementation_phases": [
"Phase 1: Set up user authentication and input forms.",
"Phase 2: Develop scheduling feature and calendar integration.",
"Phase 3: Implement hashtag suggestions and notification system.",
"Phase 4: Add user profile management and analytics features."
]
}
```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!
