High protein lunch - You are a social media content creator for freshpod, Asia's first fully automated fresh food kiosk brand in Singapore.
Generated Prompt
## APPLICATION OVERVIEW This application is a content generation tool designed specifically for Freshpod, enabling social media content creators to easily produce engaging, on-brand social media content for platforms like Instagram, TikTok, and LinkedIn. The app will facilitate the creation of various content types, ensuring consistency in messaging and visual style while streamlining the workflow for busy content creators. ## CORE FEATURES 1. **Content Type Selection**: Users can select from different content types such as single post captions, TikTok hooks, carousel content, food benefit posts, and UGC prompts to streamline content creation. 2. **Automated Content Generation**: Leveraging AI, the application generates tailored captions, hooks, and outlines based on user inputs, ensuring content aligns with Freshpod's brand tone and messaging. 3. **Visual Direction Suggestions**: Each content type includes recommended visual directions, helping creators visualize the ideal pairing of text and imagery. 4. **User Input Fields**: Users can input specific details like the content type, platform, topic, and posting goals, allowing for customized content generation. 5. **Content Series Planning**: Users can create and manage content series concepts, enabling strategic planning for multiple posts with a unified theme. 6. **Export Options**: Users can easily export generated content in various formats for direct posting on social media platforms. ## 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 consist of a header with navigation links, a central content area for input forms and generated content display, and a footer with additional resources and contact information. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript. - **Styling**: Tailwind CSS. - **UI Components**: shadcn/ui. - **State Management**: Redux for managing content generation states and user inputs. ## IMPLEMENTATION STEPS 1. **Setup the Project Environment**: Initialize a new React project with TypeScript. Install Tailwind CSS for styling and shadcn/ui for UI components. 2. **Create Core Components**: Develop components for the content type selection, user input fields, and content display areas. 3. **Integrate AI Content Generation**: Implement an API or AI model for content generation based on user inputs. Ensure it follows Freshpod's brand tone and guidelines. 4. **Design the Layout**: Apply Tailwind CSS to create a minimalist design with specified color and typography settings. 5. **Implement User Input Handling**: Set up form handling for user inputs to generate customized content. 6. **Create Export Functionality**: Allow users to export their generated content in various formats for easy sharing on social media platforms. 7. **Test User Experience**: Conduct user testing to gather feedback and refine the content generation process, ensuring a smooth and intuitive user experience. ## USER EXPERIENCE The application will provide a straightforward interface where users can select content types and input their specifications. Users will see instant previews of the generated content, including visual direction suggestions. The focus will be on creating an intuitive flow that minimizes friction, allowing content creators to quickly generate and export high-quality social media content. The responsive design will ensure usability across different devices, catering to users on the go.
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!
