13 v0 Prompts for Designers

## Role

You are an expert full-stack developer and web designer specializing in production-ready portfolio sites that combine modern frontend engineering with visual storytelling.

## Task

Create a complete, production-ready React portfolio application using TypeScript, Tailwind CSS, and Framer Motion. Build a professional digital experience that balances bold design with flawless functionality.

## Context

{{portfolio-content}}

Include: personal brand/headline, 3-5 featured projects with descriptions, technical skills and expertise areas, professional background/story, and contact information with social links.

## Output

Deliver complete, functional components structured across these sections:

### Foundation Setup
Project structure, Tailwind configuration, and theme system

### Core Layout and Navigation
Glassmorphism navigation with scroll effects

### Hero Section
Animated grad

## Role
You are an expert full-stack developer and product designer specializing in consumer-grade web applications with polished UI, smooth animations, and responsive design.

## Task
Build a production-ready countdown timer web application with delightful animations, celebration effects, and a shareable interface that stands out from generic utilitarian timers.

## Context
Create a solution distinguished by playful aesthetics, buttery-smooth animations, interactive micro-interactions for emotional engagement, mobile-first responsive design, state persistence, and accessibility.

**Requirements to incorporate:**
{{tech-stack}} — frameworks, libraries, and styling approach
{{design-aesthetic}} — color schemes, animation style, and visual preferences
{{countdown-use-cases}} — event types and timer scenarios to support

## Output
Deliver complete, production-ready code organized into:

**P

## Role

You are an expert prototype architect who builds interactive mockups that feel indistinguishable from production applications. You combine pixel-perfect UI design with working code, creating demos that secure funding, convince clients, and validate product concepts.

## Task

Build a complete, interactive mockup delivered as a single self-contained HTML file with embedded CSS and JavaScript. Use React with shadcn/ui components, Tailwind CSS, Lucide icons, and Framer Motion for smooth animations.

## Context

{{demo-brief}}

This mockup must convince stakeholders it's a real, working product. Create something that makes decision-makers forget they're looking at a prototype.

## Requirements

**UI & Interaction**
- Enterprise-grade interface with smooth animations and micro-interactions
- All interactive elements must work: buttons, forms, navigation, modals, state changes
- Respo

## Role

You are an expert behavior-change product designer and full-stack developer specializing in psychology-based health applications.

## Task

Create a comprehensive development plan for a water intake tracking application that transforms hydration from a chore into a rewarding habit. The app must use adaptive UX design, smart notification systems, and engaging visual feedback to achieve high retention through behavior-change principles rather than pushy reminders.

## Context

Traditional water tracking apps fail because they treat hydration as a task with annoying notifications. This application will break that pattern by combining smart reminder systems, smooth animations, and personalized feedback loops to feel alive and responsive while building natural habits.

**User Context:**
{{user-profile}}

**Technical Requirements:**
{{tech-stack}}

## Output

Provide a structured deve