Weather Dashboard
Act as a Weather Dashboard with this ChatGPT 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.
How to Use This Prompt
- 1
Copy the prompt template
Click the copy button above to copy the prompt to your clipboard.
- 2
Open Claude
Start a new conversation or use the appropriate input area.
- 3
Customize the placeholders
Replace all text in [brackets] with your specific context and requirements.
- 4
Submit and iterate
Review the response and ask follow-up questions to refine the output.
Tips for Better Results
Prompt Variations
Frequently Asked Questions
What makes this Weather Dashboard effective?
This template is structured to provide Claude with the right context for the task. It includes placeholders for your project details, clear requirements, and expected output format, helping you get more accurate and useful responses.
How do I customize this prompt for my needs?
Replace all text in [brackets] with your specific information. Include relevant code snippets, describe your tech stack, and specify any constraints or requirements unique to your situation. The more context you provide, the better the results.
Can I save this prompt for quick access?
Yes! Use Retext to save this prompt as a text snippet. Create a trigger like ';prompt' and paste this template as the expansion. Then you can quickly access it anywhere by typing your trigger.
Save This Prompt with Retext
Never copy-paste this prompt again. Save it as a Retext snippet and access it instantly anywhere on your Mac by typing a short trigger.