MVP web/app llamado Career Twin.
Generated Prompt
# Career Twin Application Prompt ## APPLICATION OVERVIEW Career Twin is a web application designed to empower professionals with over 15 years of experience by providing them with a platform to train their skills, maintain their professional identity, and showcase their value in an ever-evolving job market. The app combines gamified daily training, a dynamic professional profile based on real evidence, and AI-driven insights to support continuous learning and adaptation. ## CORE FEATURES 1. **Onboarding + Diagnostic** - A streamlined registration and login process that includes an initial questionnaire to assess current skills, professional goals, and perceived levels in relevant areas. The onboarding process generates the user's first Skill Map. 2. **Daily Loop (Training)** - A gamified training system inspired by Duolingo, featuring daily missions that take 5-10 minutes to complete. This includes micro-challenges, guided decision-making scenarios, and mini case studies, complete with a gamification system that awards experience points, streaks, levels, and achievements. 3. **Identity Graph** - A dynamic user profile that visually displays skills and associated evidence in the form of a Skill Map, along with a professional timeline that showcases decisions, learnings, and projects. 4. **Evidences / Portfolio** - Users can create and manage projects by adding context, actions taken, results, learnings, and relevant files or links, effectively building a professional portfolio. 5. **Professional Twin (Basic AI)** - Initial functionalities include recommending daily missions, identifying skills gaps, and generating a weekly progress summary to help users stay on track. ## DESIGN SPECIFICATIONS - **Visual Style:** Minimalist with a clean, simple design that maximizes white space, focusing on typography to enhance readability and engagement. - **Color Mode:** Light theme with dark text on light backgrounds to promote clarity and ease of use. - **Layout:** A responsive grid layout that adjusts seamlessly across devices. Key sections include a dashboard for tracking progress, a mission area for daily tasks, and a profile section for skills and evidence. - **Typography:** Use a modern sans-serif font for body text (e.g., Inter or Roboto) with a larger, bold font for headings to establish clear visual hierarchy. ## TECHNICAL REQUIREMENTS - **Framework:** React with TypeScript for a robust and type-safe development experience. - **Styling:** Tailwind CSS for utility-first styling, ensuring a responsive and flexible design. - **UI Components:** Utilize shadcn/ui for pre-built, customizable UI components that fit the minimalist aesthetic. - **State Management:** React Context API or Zustand for global state management, if necessary. ## IMPLEMENTATION STEPS 1. **Set up the project:** - Initialize a new React project with TypeScript. - Install Tailwind CSS and shadcn/ui for styling and UI components. 2. **Design the Onboarding Flow:** - Create the onboarding screens, including registration, login, and the initial diagnostic questionnaire. - Implement logic to generate the Skill Map based on user responses. 3. **Develop the Daily Loop Feature:** - Build the training mission interface, incorporating various types of tasks and gamification elements. - Set up a system to track user progress and award experience points. 4. **Create the Identity Graph:** - Design the profile layout to present the Skill Map and professional timeline clearly. - Implement functionality to allow users to add and modify skills and evidence. 5. **Build the Portfolio Section:** - Develop the project creation interface, allowing users to input context, actions, results, and learnings. - Ensure users can upload files or links associated with their projects. 6. **Integrate AI Features:** - Implement basic AI functionalities to recommend daily missions, detect skills gaps, and generate weekly summaries. - Use OpenAI API to support these features. ## USER EXPERIENCE The user journey begins with a quick onboarding process lasting under 2 minutes, followed by their first mission, which should take less than 60 seconds to complete. The dashboard features real-time updates on user progress, upcoming missions, and highlighted skills, ensuring a simple and engaging experience. The app is designed to maintain user privacy, with all information kept private by default, and avoids complex jargon to ensure accessibility for all users.
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!
