>_ BuildaPrompt
TEXT en

Weather Dashboard

Weather Dashboard — a ready-to-use text prompt for Development & Code. Copy it and paste into ChatGPT, Claude, or your preferred AI assistant.

How to use it

  1. Copy the prompt as-is.
  2. Paste it into ChatGPT, Claude, or your preferred AI assistant.

Pairs well with Ethereum Developer — try running them back to back.

Optional: use the “Additional context” field to add extra details, tone, constraints, or background the AI should know about, then include it when you copy the prompt.

Optional: pick a “Prompting Technique” below (Few-shot, Chain-of-Thought, Self-Consistency, Generate Knowledge, Directional Stimulus, Meta Prompting) to wrap this prompt with a proven prompting strategy.

The base prompt

Build a comprehensive weather dashboard using HTML5, CSS3, JavaScript and the OpenWeatherMap API. Create a visually appealing interface showing current weather conditions with appropriate icons and background changes based on weather/time of day. Display a detailed 5-day forecast with expandable hourly breakdown for each day. Implement location search with autocomplete and history, supporting both city names and coordinates. Add geolocation support to automatically detect user's location. Include toggles for temperature units (°C/°F) and time formats. Display severe weather alerts with priority highlighting. Show detailed meteorological data including wind speed/direction, humidity, pressure, UV index, and air quality when available. Include sunrise/sunset times with visual indicators. Create a fully responsive layout using CSS Grid that adapts to all device sizes with appropriate information density.

Want it filled in and enhanced? Use the builder →

Related prompts

TEXT Dev

Ethereum Developer

Ethereum Developer — a ready-to-use text prompt for Development & Code. Copy it and paste into ChatGPT, Claude, or your preferred AI assistant.

TEXT Dev

Linux Terminal

Linux Terminal — a ready-to-use text prompt with customizable fields (Your first command) for Development & Code. Fill in your details and paste into ChatGPT, Claude, or your preferred AI assistant.

TEXT

Job Interviewer

Job Interviewer — a ready-to-use text prompt with customizable fields (Position) for Development & Code. Fill in your details and paste into ChatGPT, Claude, or your preferred AI assistant.

TEXT Dev

JavaScript Console

JavaScript Console — a ready-to-use text prompt with customizable fields (Your first command) for Development & Code. Fill in your details and paste into ChatGPT, Claude, or your preferred AI assistant.