| 名称（name） | 天气预报组件 |
|---|---|
| 副标题（subtitle） | 输入城市天气数据，生成精美的天气预报卡片 |
| 简介（displayDescription） | 嵌入官网的天气模块、智能家居面板的天气组件、旅行计划的天气参考——都需要一个好看的天气展示卡片。原生天气 API 返回的是 JSON 数据，怎么快速变成一个可用的视觉组件？
这个案例演示了输入一个城市的当前天气和 5 日预报数据，AI 自动生成一个精美的天气预报组件 HTML 页面：居中卡片（max-width 560px）、当前天气大展示区（温度、天气图标、体感温度、风力湿度）、5 日预报横排小卡片、日出日落时间线。渐变蓝天背景，简洁现代。
适合：天气应用 UI 原型、智能家居面板组件、旅行规划工具、前端练习项目。 |
| 分类（categories） | 数据分析内容创作 |
| 标签（tags） | 天气预报仪表盘组件数据可视化UI组件 |
| 累计使用人次 | 0 |
| 质量分（quality_score） | 92 |
| 版本（version） | 1.0 |
| 产物类型（artifact_type） | html |
| 引用的技能 | 前端开发 |
| 日期 | 累计使用人次 | 日增 |
|---|---|---|
| 2026-09-23 | 0 | — |