Today Weather Cards live deployment preview
live preview · frozen captureview live →
//frozen run · phase 10 ✓

Today Weather Cards

Shows today’s local weather instantly from your current location in beautifully rendered, glanceable cards.

/moonshiftA simple app that shows weather for today based on the user's current location (use any free/openly available weather APIs). It must show everything in beautifully rendered cards.
duration
8m 34s
cost
$0.38
phases
10 / 10
//phase 1 · planner

Planner spec

Target user
People who want a fast, visually polished weather check before heading out.
Success metric
A user can publish a weather snapshot in under 3 seconds after granting location, with seven glanceable cards rendered from a single free Open-Meteo-backed endpoint.
Product
Today Weather Cards
One liner
Shows today’s local weather instantly from your current location in beautifully rendered, glanceable cards.
//phases 1–10

What each agent did

PhaseAgentDurationShare
P01Plan
Pplanner
56s
P02Schema
Ddb
13s
P03Backend
Bbackend
1m 4s
P04Build
Ffrontend
2m 4s
P05Validate
Ccontract
0s
P06Deploy
deployer
1m 10s
P07Audit
Aauditor
33s
P07Audit
Sauditor-security
33s
P08Publish
Mmarketer
28s
P09
Iimage-gen
2m 7s
P10
publisher
0s
//phase 6 · deployer

Deployment

The deployer agent ran gh repo create + vercel deploy --prod. The URL above is real (frozen for the showcase).

//phases 8 + 10 · marketer · publisher

Drafted social copy

Held at the publisher gate until you approve per-post.

LinkedIn · draftview post · HITL-gated
Built Today Weather Cards: a weather app that answers one question fast - what’s it like outside right now?

Open the page, allow location, and it pulls your local weather from a free Open-Meteo-backed endpoint. Then it turns the day into 7 glassmorphic cards:
current temp
feels like
high / low
rain chance
wind
sunrise
sunset

No weekly forecast. No saved places. No login. Just a clean read before you head out.

If geolocation is blocked, the app doesn’t break - it shows a proper error card and tells you how to retry.

The whole thing is tuned for the first 3 seconds: hero temp card floats in, the rest cascade into a neat grid, and you’re done.

Live: https://today-weather-cards-832dbd.vercel.app

Built with @OpenCode. Tiny app, but the polish matters.
#OpenCode #AI #BuildInPublic #Hackathon
X · threadview tweet · HITL-gated

built the weather app I wanted 10 seconds before leaving home: current location, 7 glassy cards, and one free weather API. tiny on purpose. https://today-weather-cards-832dbd.vercel.app

  1. 2/most weather apps make you work for the answer. this one asks for geolocation, pulls today's weather, and keeps the UI calm instead of noisy.
  2. 3/under the hood: browser geolocation → /api/weather/today → Open-Meteo → normalized cards for temp, feels-like, high/low, rain chance, wind, sunrise, sunset. 1 endpoint, 7 metrics.
  3. 4/the hero temp card floats in first, then the rest cascade into a clean grid. that little animation is doing a lot of work. no weekly forecast, no clutter, just today.
  4. 5/if you want a fast weather check with some taste, it’s live here: https://today-weather-cards-832dbd.vercel.app #OpenCode #buildinpublic
//phase 7 · auditor · security

Audit

Code-quality + security checks gating the deploy.

Code auditpassed
performance
99/10
accessibility
95/10
best practices
96/10
seo
100/10
    Security auditflagged
    score87/10
    • mediummissing security header: x-content-type-options
    • mediummissing security header: x-frame-options
    • mediummissing security header: referrer-policy
    • mediummissing security header: content-security-policy
    • highwildcard CORS detected on API endpoint
    //rerun · your prompt

    Want one of your own?

    Sign in, type a one-liner, watch the same 10-phase swarm run. Average cost on this hardware: ~$0.38.

    Start a run →