Weather Dashboard prompt
Coding39.2K
用 OpenWeatherMap API 构建天气面板
Build a weather dashboard with OpenWeatherMap
Full prompt
使用 HTML5、CSS3、JavaScript 和 OpenWeatherMap API 构建一个全面的天气仪表盘。创建一个视觉吸引力的界面,展示当前天气状况,配以相应的图标,并根据天气/一天中的时间改变背景。显示详细的 5 天预报,每天可展开按小时细分。实现带自动补全和历史记录的位置搜索,支持城市名称和坐标。添加地理定位支持,自动检测用户位置。包含温度单位(°C/°F)和时间格式的切换。以优先级高亮显示恶劣天气警报。显示详细的气象数据,包括风速/风向、湿度、气压、紫外线指数,以及在可用时显示空气质量。包含带可视化指示器的日出/日落时间。使用 CSS Grid 创建一个完全响应式的布局,可适配所有设备尺寸,并带有适当的信息密度。
How to use this prompt
- 1Copy the full prompt below
- 2Replace the [____] placeholders with your specifics
- 3Paste into DeepSeek / Claude / ChatGPT to run