What I Built
I built AuraRead, an AI-powered visual persona, style, and charisma alignment app that decodes a person's aesthetic presence using Gemini's multimodal vision capabilities. With a quick photo upload or live webcam snapshot, AuraRead analyzes grooming, wardrobe structure, body language, and ambient lighting to generate an in-depth style archetype, aura attribute scores (elegance, confidence, warmth, professionalism, serenity), an authentic 5-tone color palette with hex codes, and actionable career and styling advice.
Key Prompts Used
Multimodal Visual & Aura Interpretation:
"Analyze the uploaded photo and interpret this person's vibe, style, charisma, styling selections, body language, facial posture, aura levels, and grooming choice. Generate five custom numeric attributes (elegance, confidence, warmth, professionalism, serenity) scaled from 0 to 100, produce a tailored color palette with hex codes, identify attire structures and body language cues, suggest ideal career paths, and return the data formatted strictly in structured JSON."
Persona Consultation & Lifestyle Advisory:
"Act as an elite luxury visual consultant and persona strategist. Using the analyzed style archetype, energy classification, and aesthetic summary, provide charming, tailored answers to user questions regarding fragrance pairings, watch selections, event attires, and posture refinements."
Key Features Utilized
Server-Side Gemini API (@google/genai): Uses gemini-3.5-flash with guaranteed structured JSON schema output (responseMimeType: "application/json"). Dual Visual Input: Upload any portrait image or snap a photo directly using the built-in browser webcam interface.
Interactive Vibe Meters & Simulation: Dynamic radar and progress bars with live sliders to simulate attribute tweaks.
Sartorial Color Palette: Extracts dominant tones from clothing and environment with color names, hex codes, and styling guidance.
AI Style Advisor Chat: Built-in consultation widget allowing users to ask bespoke styling questions about their active look.
Modern UI Stack: React 19, Tailwind CSS v4, Motion animations, and Lucide icons.
Demo