Vibe Codingfor Product Designers

Build a personal portfolio website for a UX designer. Include a hero section with my name and tagline, a project gallery with thumbnail cards that open to case study pages, an about section with a photo, and a contact form. Use a minimal dark theme with one accent color.

Create a campus event discovery app. Show a feed of upcoming events with date, location, and category tags. Include a search bar with filters for event type, a detail page for each event, and a 'Save' button. Use a clean, modern design with card-based layout.

Build a SaaS landing page for a project management tool called 'FlowBoard'. Include a hero with headline, subtext, and CTA button, a 3-column feature section with icons, a testimonial carousel, a pricing table with 3 tiers, and a footer with links. Use a professional blue and white palette.

Create a recipe collection app. Show a grid of recipe cards with food photos, cook time, and difficulty badges. Include a detail page with ingredients list, step-by-step instructions, and a servings adjuster. Add category filters at the top. Use warm, appetizing colors.

Build an internal brand agent tool. Include a chat interface where team members can ask questions about brand guidelines, request assets like logos and color palettes, and generate on-brand copy. Add a sidebar with quick-access categories: logos, colors, typography, tone of voice, and templates. Use a clean, professional design with our brand colors.

Build an AI-powered study buddy app. Include a text area where students paste their notes, and a button that sends the notes to AI to generate a summary, flashcards, and practice quiz questions. Use Lovable Cloud for the backend and the built-in AI integration. Show results in clean card layouts with tabs for Summary, Flashcards, and Quiz. Add a simple, friendly design with a light theme.

Build an AI-powered customer support chatbot for a small business. Include a chat window with message bubbles, a typing indicator, and suggested quick-reply buttons like 'Track my order', 'Return policy', and 'Talk to a human'. Use Lovable Cloud for the backend and the built-in AI integration to generate responses. Add a header with the business name and a minimalist, professional theme.