This project was made using
&
Time: 48hRole: Vibe ArchitectAI: 100%
ATMOSPHERE
Directing AI to build a biological UI that breathes with the solar cycle.
The Pivot
We started with a standard "Utility" interface —static blue skies and list views.
I directed the AI to pivot to a "Solar Cycle Engine". Now, the UI acts as a light source.
⇔
PROCESS LOG
The Iteration Loop
How I directed the AI from a basic concept to a polished product.
// MILESTONE 1: UTILITY
"Initialize the project... Create the basic Weather Info view. Start with a standard blue sky background."
// MILESTONE 2: LOGIC
"I want a background that changes based on the time of day... Implement interactive time scrubbing."
// MILESTONE 3: AESTHETIC
"Refine design... Implement the 'Glass Terminal' aesthetic. Use JetBrains Mono and thin white borders. Add the Hourly Forecast."
// MILESTONE 4: VIBE
"Plan Spotify Integration... The card should expand when clicked. Logic Mapping: Sunny Day -> Walking on Sunshine."
antigravity — zsh
❯SYSTEM_RESPONSE
_
VIBE ENGINE
Soundtracking the Elements
The app maps meteorological data to generate auditory and informational moods.
INPUT: WEATHER CONDITION
🌧️ Rain
☀️ Sun
❄️ Snow
Smart Briefing
📈
WSJ
Global Markets Rally on Tech Surge
SOLAR CYCLE ENGINE
The Math Behind the Sky
A normalized progress value drives the orb's arc and the background gradient — making the UI a living clock.
progress = (currentTime − startTime) / (endTime − startTime) = 0.15
DATA ARCHITECTURE
Designing the Logic
Raw API data arrives in fragmented streams. I architected a logic flow to "zip" these disjointed arrays into coherent, human-readable moments.
RAW STREAMS
[Time, Time, Time...]
[Temp, Temp, Temp...]
[Rain, Sun, Snow...]
→
UNIFIED OBJECT
12:00 PM
72°F
Rainy