# Weather Dashboard

> Displays a visual multi-day weather dashboard with daily cards (conditions icon, min/max temperature, humidity, wind). Use when the user asks for a weather dashboard, a visual forecast, the weather at a glance, or a graphical summary of the upcoming days.

- Skill: `jgouviergmail/weather-dashboard` (Agent Skill, multi-file: 4 files)
- Install (CLI): `npx skillmds@latest add jgouviergmail/weather-dashboard`
- Raw SKILL.md: https://api.skillmd.com/api/skills/jgouviergmail/weather-dashboard/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: jgouviergmail (https://skillmd.com/u/jgouviergmail)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/jgouviergmail/weather-dashboard

---


# Weather Dashboard

## Instructions

This skill produces a visual weather dashboard from a 5-day forecast. The
plan is fully deterministic:

1. Fetch the 5-day forecast for the user's current location.
2. Pass the forecast data to the Python script which renders an interactive
   HTML grid: one card per day with the weather icon, min/max temperature,
   conditions, humidity and wind speed.

The resulting frame appears directly in the chat. The ``text`` field carries
a brief textual summary used for voice and accessibility fallback.

## Output Contract

Returns ``text`` + ``frame.html`` via the SkillScriptOutput contract:

- ``text``: one-line summary (e.g., "Weather for Paris — 5 days.")
- ``frame.html``: the inline dashboard HTML (srcDoc iframe)

## Ressources disponibles

- scripts/render_dashboard.py — Generates the dashboard HTML from the forecast data.