Build a Professional AI Headshot App in 15 Minutes with Google Nano Banana

The first crucial step in building your AI headshot app is to define its requirements and structure. We'll use an AI coding tool, such as Cursor with Claude Code, to generate a project specification. Paste the following prompt into your AI tool: 'Create a spec.md for a professional headshot AI app where I can upload a photo, select from one of three styles (corporate classic, creative professional, executive portrait), and then get a professional headshot that I can directly compare to my original photo. Include the requirements, tech stack, and 2 milestones. First milestone is to set up the UI and 2nd is to add Google’s nano banana image to image API: https://ai.google.dev/gemini-api/docs/image-generation. Use React for frontend and Express for backend.' When using AI for specs, it's beneficial to ask for requirements, the tech stack, and clear milestones. Specifically, request UI development instructions for the first milestone to see live app updates, and include links to relevant documentation like the Google Nano Banana API. After the AI generates the spec, always review and simplify it to ensure it aligns precisely with your goals and avoids unnecessary complexity.

Now that the UI is in place, it's time to define the creative direction for your headshots by creating specific AI prompts. Ask your AI to 'Create a prompt.md file with prompts for 3 styles: 1. Corporate: Standard LinkedIn-style headshot with neutral background. 2. Creative: Close-up with soft bokeh background and natural lighting. 3. Editorial: Dramatic black and white portrait with artistic lighting.' For your convenience, here are the prompts you can use: **Corporate classic:** Transform this photo into a polished profile shot maintaining the exact facial features and identity. Subject framed chest-up with headroom, eyes looking directly at camera while body angles slightly away. White t-shirt with black leather jacket, open smile. Neutral studio background. High-angle perspective with soft, diffused lighting creating gentle catchlights. 85mm lens aesthetic with shallow depth of field - sharp focus on eyes, soft bokeh background. Natural skin texture with visible hair detail. Bright, airy feel. Make subject look great and accurate to their original appearance. **Creative professional:** Transform this photo into a close-up portrait with shallow depth of field creating soft bokeh background. Warm, natural lighting highlighting subject’s features. Casual attire and genuine, engaging smile. Subject fills more of the frame. Background hints at creative workspace or outdoor setting with beautiful blur. Preserve natural skin texture and authentic features. Modern, approachable creative professional aesthetic. Make subject look great and accurate to their original appearance. **Editorial portrait:** Transform this photo into a dramatic black and white portrait in editorial style. Preserve subject’s authentic features and character. Apply these specifications: monochromatic treatment with rich grayscale tones, deep charcoal or black background with subtle gradation, dramatic side lighting creating strong shadows and highlights on face (Rembrandt or split lighting), preserve all natural skin texture and detail - no smoothing, sharp focus capturing fine details in eyes and facial features, relaxed and contemplative expression - not smiling, casual professional attire (dark textured jacket, no tie), hand gesture near chest or face for dynamic composition, high contrast with deep blacks and bright highlights, cinematic film grain for texture. Maintain editorial photography aesthetic - artistic but professional. Make subject look great and accurate to their original appearance. To explore new styles, you can provide AI with a sample headshot you admire and ask it to 'Create an AI prompt to recreate this style.'

During the development process, you might encounter a few common issues. If image generation appears random, it could be due to the AI using an incorrect Gemini model. Specify 'gemini-2.5-flash-image-preview.' If the AI states it cannot perform image-to-image generation, gently correct it by referring it back to the official documentation. Should the UI's appearance be unsatisfactory, try pasting a screenshot of the desired UI from the 'What we'll build' section into your AI prompt and ask it to make the app resemble the screenshot more closely. Persistent debugging with AI is key to resolving these challenges.

By following this tutorial, you've successfully built a functional AI headshot application. This project demonstrates the power of AI in streamlining creative workflows and making complex development accessible. You've learned to leverage AI for spec generation, UI development, prompt engineering, and API integration. For further learning and more easy-to-follow AI tutorials, explore the 'AI tutorial' section of the author's YouTube channel. Keep experimenting and building with AI!