天气仪表板

编程AI绘画角色提示

使用 HTML5、CSS3、JavaScript 和 OpenWeatherMap API 构建综合天气仪表板。创建一个视觉上吸引人的界面,显示当前的天气状况,并根据天气/一天中的时间使用适当的图标和背景变化。显示详细的 5 天预测以及每天可扩展的小时细分。通过自动完成和历史记录...

提示词(中文)

使用 HTML5、CSS3、JavaScript 和 OpenWeatherMap API 构建综合天气仪表板。创建一个视觉上吸引人的界面,显示当前的天气状况,并根据天气/一天中的时间使用适当的图标和背景变化。显示详细的 5 天预测以及每天可扩展的小时细分。通过自动完成和历史记录实现位置搜索,支持城市名称和坐标。添加地理定位支持以自动检测用户的位置。包括温度单位 (°C/°F) 和时间格式的切换。显示恶劣天气警报并突出显示优先级。显示详细的气象数据,包括风速/风向、湿度、压力、紫外线指数和空气质量(如果有)。包括带有视觉指示器的日出/日落时间。使用 CSS 网格创建完全响应式布局,以适当的信息密度适应所有设备尺寸。

提示词(英文)

Use HTML5、CSS3、JavaScript and OpenWeatherMap API Build integrated weather dashboards. Create a visual attractive interface showing current weather conditions and depending on weather/Use appropriate icons and background changes during the day. Show Details 5 Day projections and a breakdown of extended hours per day. The city name and coordinates are supported by automatic location searches and historical records. Adds geolocation support to automatically detect the location of the user. Including temperature units (°C/°F) and the time format switch. Displays bad weather alerts and highlights priorities. Display detailed meteorological data, including wind speed/Wind direction, humidity, pressure, ultraviolet index and air quality (if any). Including sunrise with visual indicators./Sunset time. Use CSS The grid creates a fully responsive layout to adapt all equipment sizes to the appropriate information density.

直接拿去用

点击会先把提示词复制到剪贴板,再打开对应模型;没有自动带入的话粘贴即可。