萬安云 个人中心
萬安云 › 技能广场 › Weather Dashboard Builder S9223
AIXX SKILL · 编号 S9223 · 萬安品控 100 分

一键生成专业级天气仪表盘,涵盖实时天气、5天预报、逐小时展开…

一键生成专业级天气仪表盘,涵盖实时天气、5天预报、逐小时展开、地点搜索与定位、单位切换、恶劣天气预警及风速湿度等详细数据。适合开发者快速搭建或产品演示,交付完整可运行代码,开箱即用。

$1.99 一次买断 永久使用 · 永久维护迭代 分钟级交付 商用素材 · 文件可下载
WHAT YOU GET

Weather Dashboard Builder能帮你做什么

不说虚话——S9223 交付的是能直接拿去用的成品,不是“AI 能做”的空话。

◈
说清就开工

用大白话交代任务,它会先确认关键细节再动手,不瞎猜。

◆
一次到位

输出带结构与说明,拿来就能用,不用再自己整理格式。

▦
可组合

与 AIXX 其他技能叠加使用,组成你自己的工作流。

✎
越用越顺手

把常用要求沉淀成一句话模板,下次直接复用。

REAL OUTPUT

真实任务实跑产出

下面是真实任务由 S9223 实际生成的内容节选——不是宣传文案,是它真的干出来的活。

✦ 示例作品

Weather Dashboard Builder · 实跑样例

任务:帮我做一个天气仪表盘,默认定位上海,支持搜索北京、广州等城市,用摄氏度和米每秒单位,要显示逐小时降水概率和风速,最好能加上台风预警提示。

# 天气仪表盘制作方案(HTML+JS 完整实现思路)

一、技术选型

  • 前端框架:纯 HTML + CSS + JavaScript(可选用 Vue/React 简化状态管理)
  • 天气 API:
  • OpenWeatherMap(免费额度够用,支持逐小时预报)
  • 国内可选:和风天气(对国内城市数据更准)
  • 定位服务:API 自带城市名查询接口,无需额外地图库

二、核心功能实现

1. 默认定位上海

  • 页面加载时默认请求上海坐标(约纬度 31.2、经度 121.5)
  • 可选增强:调用浏览器 navigator.geolocation,失败则回退上海

2. 城市搜索

  • 搜索框 + 防抖处理(300-500ms),避免频繁请求
  • 调用 API 的城市名模糊匹配接口,返回候选列表供用户选择

3. 单位配置

  • 温度:请求参数传 units=metric(摄氏度)
  • 风速:metric 模式下默认返回 m/s,直接使用

4. 逐小时数据展示

  • 使用 One Call / 逐小时预报接口,获取未来 24-48 小时数据
  • 降水概率:折线图或柱状图(推荐 ECharts / Chart.js)
  • 风速:折线叠加显示,可加风向箭头

5. 台风预警提示

  • 数据来源:
  • 中央气象台台风网公开的台风路径数据
  • 和风天气“灾害预警”接口(国内城市适用)
  • 实现方式:页面顶部横幅 Alert,红色/橙色告警样式
  • 逻辑:若预警接口返回台风相关内容,解析标题与发布时间并高亮显示

三、界面布局建议

```

┌─────────────────────────┐

│ 搜索框 当前城市 │

├─────────────────────────┤

│ ⚠️ 台风预警横幅(有预警时)│

├─────────────────────────┤

│ 当前天气大卡片 │

│ 温度 / 风速 / 天气图标 │

├─────────────────────────┤

│ 逐小时降水概率 + 风速图表 │

└─────────────────────────┘

```

四、注意事项

  • API Key 不要硬编码在前端,建议用环境变量或简单后端代理
  • 免费接口有调用频率限制,做好缓存(如 10 分钟内复用同一城市数据)
  • 预警信息注意标注发布时间,避免展示过期预警

如需,我可以直接输出可运行的完整代码文件。

WHY S9223

三种做法,一比就知道

再招一个人自己摸索萬安云 S9223
价格月薪数千起反复试错数小时$1.99 / 次
交付周期招聘+培训数周质量不稳定分钟级
独特性流动风险无人复核按你的任务从零生成
改稿迭代加钱,走流程反复试错说话就能迭代
GET STARTED

两步,让它开工

不用碰终端——你只管对 agent 说话,跑命令的活它来。

1
第一步 · 装AIXX

对你的 agent 说:

帮我运行npx aixxai install ┄┄┄┄┄┄
2
第二步 · 装技能

对你的 agent 说:

安装编号S9223
Codex
CodexOpenAI
Claude Code
Claude CodeAnthropic
OpenClaw
OpenClawOpen Source
Qwen
QwenAlibaba
Doubao
DoubaoByteDance
WorkBuddy
WorkBuddyTencent Cloud
ZCode
ZCodeZ.ai
···
更多AND MORE

以上 Agent 均可接入萬安云 · OpenAI 兼容接口 · 装好 AIXX 即可调用全部技能

FAQ

你可能想问

Weather Dashboard Builder怎么安装使用?

三步:终端执行 npx aixxai 安装 AIXX;对您的 AI 说「安装编号 S9223」;交代任务背景与要求,Weather Dashboard Builder即刻开工。

Weather Dashboard Builder多少钱?怎么付费?

$1.99 一次买断(参考价,实际以平台标价为准)——永久使用,无订阅、无月费;该技能由萬安永久维护迭代,更新对已购用户免费。

产出内容能商用吗?

可以。产出为普通数字文件,归购买者使用,可用于商业场景。

具体能帮我做什么?

把你手头这件重复、费时、有固定套路的活交给它——先描述任务和背景,它会确认要点后直接产出成品,不满意可以继续改。

输出质量不稳定怎么办?

在指令里补充背景、受众与格式要求(例如“面向中小企业主、300 字以内、分三点”);要求越具体,产出越稳。

PRICING

一价买断,没有套路

一次买断
$1.99/技能

永久使用 · 无订阅无月费 · 永久维护迭代

现在,把Weather Dashboard Builder装进你的 AI

一行命令,几秒接入萬安云

npx aixxai
html>