Weather Dashboard
这是一条适用于编程开发场景的大模型提示词,可直接复制到 ChatGPT、Claude、Gemini 等模型中使用。
咒语正文(点击右下角按钮复制)
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.
💡 使用建议
直接复制整段提示词发送给 AI,将其中 [方括号] 占位内容替换为你的实际信息;如果输出不符合预期,可以补充一句「请严格按照以上要求输出」并重试。
来源:f