天气仪表板
AI 提示词详情：本页提供该 Prompt 模板的完整内容，适合在找「ChatGPT 提示词怎么写」「免费 AI 提示词模板」的用户。可一键复制后用于 ChatGPT、Claude、文心一言等大语言模型，免费使用。右侧可查看相关提示词与热门提示词推荐。
使用 HTML5、CSS3、JavaScript 和 OpenWeatherMap API 构建综合天气仪表板。创建一个视觉上吸引人的界面，显示当前的天气状况，并根据天气/一天中的时间使用适当的图标和背景变化。显示详细的 5 天预测以及每天可扩展的小时细分。通过自动完成和历史记录...
提示词（中文）
使用 HTML5、CSS3、JavaScript 和 OpenWeatherMap API 构建综合天气仪表板。创建一个视觉上吸引人的界面，显示当前的天气状况，并根据天气/一天中的时间使用适当的图标和背景变化。显示详细的 5 天预测以及每天可扩展的小时细分。通过自动完成和历史记录实现位置搜索，支持城市名称和坐标。添加地理定位支持以自动检测用户的位置。包括温度单位 (°C/°F) 和时间格式的切换。显示恶劣天气警报并突出显示优先级。显示详细的气象数据，包括风速/风向、湿度、压力、紫外线指数和空气质量（如果有）。包括带有视觉指示器的日出/日落时间。使用 CSS 网格创建完全响应式布局，以适当的信息密度适应所有设备尺寸。
Prompt 内容（可复制到 ChatGPT 使用）
使用 HTML5、CSS3、JavaScript 和 OpenWeatherMap API 构建综合天气仪表板。创建一个视觉上吸引人的界面，显示当前的天气状况，并根据天气/一天中的时间使用适当的图标和背景变化。显示详细的 5 天预测以及每天可扩展的小时细分。通过自动完成和历史记录实现位置搜索，支持城市名称和坐标。添加地理定位支持以自动检测用户的位置。包括温度单位 (°C/°F) 和时间格式的切换。显示恶劣天气警报并突出显示优先级。显示详细的气象数据，包括风速/风向、湿度、压力、紫外线指数和空气质量（如果有）。包括带有视觉指示器的日出/日落时间。使用 CSS 网格创建完全响应式布局，以适当的信息密度适应所有设备尺寸。