Skills — 大屏设计提示词
一、提示词库说明
本页是 jimubi-bigscreen Skill 的实战提示词示例库，覆盖三列布局、KPI 顶栏、地图/热力地图、滚动表、漏斗图、词云、装饰元素、多屏切换、组件联动、图表钻取、查询联动等大屏中的典型使用场景。
用途：
- 学习参考：第一次使用 Skill 时，照抄示例可快速理解"自然语言 → 大屏 drag page 配置"的描述方式
- 回归测试：升级 Skill 或后端版本后，按这些 prompt 跑一遍即可覆盖大屏 Skill 的功能与组件库
- 二次开发：开发自己的智能体或扩展 Skill 时，可作为基准用例集
使用方式： 在 Claude Code 中复制对应小节的提示词，粘贴执行即可。大屏默认 1920×1080 深色主题，按像素绝对定位排布组件。
推荐使用流程：先静态出效果、再绑真实业务数据
大屏的特色是视觉先行——成不成立先看好不好看，再谈数据准不准。所以推荐这样用：
第 1 步：纯静态数据出大屏。 提示词只写布局、组件、文案、配色诉求，让 Skill 用 mock 静态数据一把生成。这一步主要看：组件搭配是否合理、布局是否对齐美观、配色是否符合行业气质。
第 2 步：分批替换为真实业务数据。 视觉确认后，再按"哪个组件接哪种数据源"逐个换：核心 KPI 接 API 数据集、固定结构小数据接 JSON 数据集、业务库统计接 SQL 数据集等。每次只改一两个组件，便于出错时定位。
避免在第 1 步就给一长串"建表 + 写 SQL + 配 API + 调字典"的需求——一旦数据没接通，连布局好不好看都没法判断；而且改起来牵一发动全身。第二章 5 节是这个流程的完整演示。
大屏与其它可视化产品的差异
为了让你描述需求时词更准、提示词更精确，下面汇总大屏 Skill 的几条特有规则（与仪表盘/积木报表/Online 图表都不同）：
| 维度 | 大屏的做法 |
|---|---|
| 布局方式 | 像素绝对定位（x/y/w/h），不用栅格——所以可以做"左上角一个 3D 柱、右下角一个水球"这种自由散布 |
| 默认风格 | 默认 1920×1080、深色主题、星空背景，是为大屏幕投影/监控墙优化的 |
| 配色 | 不让 AI 自编色值，必须走平台命名色板（复古 / 商务 / 科技 / 红涨绿跌等）；提示词里点名色板名字最稳 |
| 装饰组件 | 有专属装饰条（12 套预设）和边框（13 套预设），标题两侧、面板外框靠它们撑视觉 |
| 演示数据量 | 滚动表/排行榜/折线/地图等组件演示数据要"够多"才好看——条数太少滚不起来、地图太稀疏显假 |
| 组件维度 | 选组件按 5 维结构组（KPI / 趋势 / 对比 / 占比 / 排行 / 地理 / 明细告警），一屏挑 4-6 项搭配即可 |
| 行业模板 | 内置常见行业模板（电商/工厂/医院等），直接 copy 模板再改比从零写快 |
| 交互能力 | 支持多屏切换、组件联动、图表钻取、查询表单驱动整屏刷新——见第三章 |
Skill 文档详见 Skills—大屏生成器
二、组件与场景示例
下列示例不强调交互能力，主要演示组件搭配 + 布局美感——用作"我大概想要 XX 行业的大屏"的参考模板。
1. 政务民生大屏（庄重专业风格）
1.1 提示词
帮我做一个政务民生数据展示大屏，名称"政务服务数据中心"。
顶部大标题居中，左右加装饰，整体要有庄重、专业的感觉。
第一行展示5个核心政务服务数据：今年累计办件 128.4万件、今年网上办件率 87.6%、今日办件数 8473件、今日平均办理时长 2.3天、群众满意度 98.7%。
左侧展示各政务服务大厅今日办件量排行，近12个月月度办件量趋势折线，以及各类事项（户籍/工商/社保/税务/房产/其他）办件量占比。
中间放一张全市各区县的政务服务办件分布地图，颜色越深代表办件量越多。旁边放正在办理事项的实时滚动列表（事项名称、当前状态、已用时长）。
右侧展示各窗口今日办件量对比，各类事项的平均办理时长和承诺时限的完成率进度对比，以及近7天每天办件量和群众评价趋势的双线图。
底部展示本月各部门办件量完成进度（目标完成率），以及网上办件和窗口办件的数量趋势对比。
数据用模拟数据，深色主题。
1.2 说明
演示庄重专业风格的政务类大屏：标题装饰条 + 5 项 KPI 顶栏 + 区县办件分布地图（按办件量上色）+ 实时办理滚动列表 + 双线图 + 部门完成进度。"庄重、专业"的措辞会让 Skill 倾向稳重低饱和度的色板。
2. 餐饮连锁运营大屏（含气泡地图）
2.1 提示词
创建一个餐饮连锁品牌运营大屏，名称"餐饮连锁品牌运营看板"。
顶部大标题，两侧加装饰条让视觉更丰富。
第一行展示4个今日核心经营数据：今日总营收 184.6万元、今日订单数 28473单、今日翻台率 4.8次、顾客好评率 96.2%。数字动态滚动展示。
左侧展示今日各时段（早/中/晚/夜）营收的趋势曲线,各门店今日营收排行（展示前8名门店），以及各菜品品类销售占比（主食/小吃/饮品/甜品/套餐）。
中间放全国/城市门店分布地图，通过气泡大小展示各门店营收规模。旁边放实时下单流水滚动列表（时间、门店名、订单金额、渠道来源）。
右侧展示堂食/外卖/自取三种渠道的今日销售额对比，菜品销量排行榜（今日销量前10的菜品），以及近14天每天营收的趋势面积图。
底部展示今日每小时订单量波动曲线（体现用餐高峰时段），以及各城市（北京/上海/广州/深圳/成都/杭州）营收完成情况对比。
数据用模拟数据
2.2 说明
演示气泡地图（门店分布按营收规模显示气泡大小）+ 实时下单滚动流水 + 面积图的组合，是连锁零售/餐饮行业的标准模板。"数字动态滚动展示"会触发翻牌器组件。
3. 智慧农业大屏（含园区平面图+实时告警）
3.1 提示词
帮我做一个智慧农业种植监测大屏，名称"智慧农业种植管理中心"。
顶部大标题，两侧加装饰条，右上角显示当前时间。
第一行展示6个当前实时种植环境数据：大棚温度 26.3℃、土壤湿度 68%、空气湿度 74%、光照强度 38000lux、CO₂浓度 850ppm、土壤PH值 6.8。每个指标显示当前数值并标注是否在正常范围内。
左侧展示今天24小时温度和湿度的双线变化曲线，各大棚（1号-6号棚）当前土壤湿度的对比进度图，以及近30天每天的日均温度趋势。
中间放园区各大棚分布平面图（用不同颜色区分温度高低区域）。旁边放一个传感器异常告警实时列表（时间、大棚编号、告警项、当前值、正常范围）。
右侧展示各类作物种植面积占比（番茄/黄瓜/辣椒/生菜/草莓），近7天日均产量趋势，以及各大棚当月产量目标完成进度。
底部展示今年每月总产量趋势，以及农产品出货情况的滚动列表（日期、品种、批次、重量、去向）。
数据用模拟数据，深色主题
3.2 说明
演示6 项实时环境指标 + 园区平面图 + 传感器告警列表的物联网监控范式。每项指标"标注是否在正常范围内"会触发条件着色（正常绿/告警红双色）。园区平面图按温度区域上色是热力地图的小尺寸变体，适合农业/养殖/温室/工业园区类场景。
4. 电竞赛事大屏（炫酷风格）
4.1 提示词
帮我做一个电竞赛事数据大屏，名称"电竞赛事数据中心"。
顶部大标题，左右加炫酷的装饰效果，整体风格要有电竞感和科技感。
第一行展示本次赛季核心数据：总参赛战队 128支、已完成比赛 384场、正在进行比赛 3场、累计观赛人次 8742万、当前在线观看 126.4万人。
左侧展示各战队积分排行榜（Top 10），近20场比赛每场观看人次的趋势折线，以及各大洲战队数量分布（亚洲/欧洲/北美/南美/其他）。
中间放一个正在进行的比赛实时数据滚动列表（赛事名称、对阵双方、当前比分、观看人数、进行时长）。旁边展示当前积分榜第一名战队的胜率仪表盘。
右侧展示各游戏项目（英雄联盟/CS2/Dota2/王者荣耀/和平精英）的比赛场次和观看人次分布，各战队胜负场次对比（适合展示正负对比的图表），以及本周每天的比赛场次和观看人次趋势。
底部展示历史冠军战队名单滚动列表，以及近8个赛季总决赛在线观看人次的逐年增长趋势。
数据用模拟数据，深色炫酷风格，突出电竞氛围
4.2 说明
演示炫酷风格装饰（"左右加炫酷的装饰效果"）+ 实时比赛滚动列表 + 战队胜负正负对比图。"突出电竞氛围 / 深色炫酷风格"会让 Skill 倾向霓虹紫蓝色板与发光边框装饰。胜负对比适合左右双向条形图。
5. 银行网点大屏（含气泡地图+负荷仪表盘）
5.1 提示词
做一个银行网点运营效能监控大屏，名称"银行网点运营监控中心"。
顶部主标题，两侧加视觉装饰，右上角显示实时时间。
第一行展示5个核心运营指标：今日服务客户数 8473人、当前全辖区等待人数 384人、平均等待时长 8.3分钟、今日办结业务 18246笔、客户满意度 97.2%。
左侧展示各网点今日业务量排行榜，今日各时段（每小时）客流量折线图（体现业务高峰时段），以及各业务类型（存取款/转账汇款/信贷/理财/对公/其他）的处理笔数占比。
中间放全市各网点分布地图，气泡大小或颜色深浅体现各网点当前繁忙程度（等待人数）。旁边展示一个圆形仪表盘展示当前全辖区整体负荷率。
右侧展示各网点当前排队等待人数的实时对比（体现哪个网点最拥挤），各柜员今日处理业务量的对比，以及近30天每日业务量趋势。
底部展示本月各区域网点的业务达标情况进度对比，以及投诉处理完结率的趋势变化。
数据用模拟数据,深色科技风格。
5.2 说明
演示气泡地图（按等待人数体现网点繁忙度）+ 全辖区负荷率仪表盘组合，是银行/政务/医院"分布点对比 + 整体负荷"双视角的标准搭配。气泡地图触发气泡地图类组件，圆形仪表盘体现整体压力。
6. 三列经典布局大屏
6.1 提示词
创建券商交易室监控大屏,名称「交易监控大屏」,从零开始建,三列布局：
- 左列：核心交易指标（KPI总览,成交额/上涨家数/下跌家数/换手率）、活跃股票 TOP 10 排行榜、三大指数实时进度条（上证/深证/创业板）
- 中列：全国资金流向地图、分时成交量趋势（沪市/深市对比折线图）
- 右列：各板块涨跌分布（水平柱形图）、资金行业配置（多色环形图）、市场情绪指数（渐变仪表盘)
6.2 说明
演示大屏最经典的"左中右三列 + KPI 顶栏"骨架，混用进度条、排行榜、地图、折线、水平柱形、环形图、仪表盘等多种组件类型，是新人理解大屏布局的最佳起点。
7. 含全国地图的电商运营大屏
7.1 提示词
帮我创建一个电商销售运营大屏，名称叫"电商销售运营指挥中心"。
大屏顶部要有醒目的主标题，左右配上装饰效果让视觉更好看。
第一行展示4个今日核心指标：今日GMV、今日订单数、今日访客数、转化率，数字要大，有跳动感。
左侧区域展示近7天每日GMV的变化趋势,以及各商品品类（服装、电子、家居、美妆、食品）的销售额占比。
中间放一张全国各省份销售额分布地图，颜色深浅表示销售额高低，同时在地图附近显示当前时间。
右侧展示一个自动滚动的实时订单流水（包含时间、订单号、商品名、金额），以及各销售渠道（天猫、京东、拼多多、抖音、自营APP）的销售额对比。
底部展示今天0点到23点每个小时的订单量波动曲线。
所有数据用模拟数据，深色科技感风格。
7.2 说明
覆盖大屏最常见的"标题装饰 + 顶栏 KPI 翻牌 + 地图 + 实时滚动表 + 时间趋势"组合。重点演示区域地图按销售额上色、滚动订单流水、带跳动数字翻牌器和标题两侧装饰条。
8. 复杂多区域监控大屏（多翻牌器+多滚动表）
8.1 提示词
创建大屏「互联网医院数据监控平台」，深蓝科技主题，三列布局（1920×1080）：
左列：
- 顶部两个翻牌器并排：累计注册患者数、累计问诊患者数（金色大字）
- 患者性别/年龄分布：左侧饼图（男/女占比）+ 右侧环形图（0-15岁/16-40岁/41-55岁/56-70岁/71+岁五段年龄分布）
- 实时问诊订单轮播表（列：创建时间/患者/接诊医生/服务类型/订单金额/支付状态/预约时间）
- 实时处方订单轮播表（同结构，展示处方订单数据）
中列（宽列，占约50%宽度）：
- 顶部三个大翻牌器并排：累计总问诊订单（单）/ 累计总处方订单（单）/ 累计总金额（元），每个翻牌器下方配三行小数据（今日数据/本周数据/本月数据）
- 问诊数据多系列折线图（6条线：问诊总量/问诊已支付/问诊未支付/处方总量/处方已支付/处方未支付，近8个月趋势）
- 各类订单总数量及占比柱形图（9个分类：图文/视频/面询/电话/量表/随访/提服包/药品/复诊）
- 中间右侧：问诊订单Top20条形图（10个科室横向排列：产科/内分泌科/营养科/妇科/过敏科/儿科中医/肩颈科/儿科/中医科/耳鼻喉科）
- 处方订单金额Top20胶囊图（4类：医生/咨询师/患者/导医）
右列：
- 顶部两个翻牌器并排：累计注册医生数、累计注册咨询师数
- 各渠道注册医生占比小饼图 + 各渠道注册咨询师占比小饼图（两图并排）
- 医生/咨询师在线数量分组柱形图（5个维度：医生/咨询师/小程序/后台系统/APP，双色系列）
- 医生性别/年龄分布：左侧饼图（男/女）+ 右侧环形图（同左列年龄段结构）
- 近一季度医师流失率：双轴图（左轴柱形图显示流失人数，右轴折线图/散点图显示流失率百分比，按app/小程序/医生端分类）
8.2 说明
最复杂的一种实战需求：中列加宽、多个翻牌器叠加副指标、左右对称分布饼图+环形图、双轴图（柱+线）、胶囊图、多滚动表共存。可用于检验 Skill 在高密度组件场景下的布局自动避让和视觉一致性。
9. 生产监控大屏（带进度图+滚动设备表）
9.1 提示词
做一个智慧工厂生产监控大屏，名称"智慧工厂生产监控中心"。
顶部放大标题，两侧加边框装饰。
第一行展示4个关键生产指标的数值卡片：今日总产量48620件、设备开机率96.3%、综合良品率98.7%、今日不良品634件。
左侧展示各条产线（A/B/C/D/E线）的今日产量对比，以及不良品的类型分布（外观缺陷、尺寸超差、功能故障、包装破损各自占比）。
中间放一个可以自动滚动的设备运行状态表，展示12台主要设备的编号、名称、当前状态（运行/待机/故障）、今日产量、已运行时长。同时放一个圆形的生产达成率图，当前完成85%，目标100%。
右侧展示近30天每天的产量趋势曲线，以及早班/中班/晚班三个班次的产量对比柱形图。
底部展示近7天每天的良品率变化趋势面积图。
数据用模拟数据
9.2 说明
突出滚动设备状态表 + 圆形达成率仪表盘的组合场景，是工业监控类大屏的标准范式。包含标题边框装饰、设备列表滚动表、达成率圆形仪表盘、面积图等多种组件。
10. 含漏斗图的人力资源大屏（先静态 → 逐组件接数据集）
10.1 提示词
按下述 4 步依次粘贴执行（每一步等 Skill 跑完、确认效果后再发下一步）：
1.帮我创建一个企业人力资源管理大屏，名称"人力资源管理驾驶舱"。
顶部大标题，两侧装饰条。
第一行展示4个核心HR指标卡片：在职总人数2847人、本月新入职63人、本月离职28人、当前在招岗位47个。
左侧展示各部门人员规模的横向对比（研发/销售/市场/运营/财务/行政/产品），员工学历分布占比（博士/硕士/本科/大专/高中及以下），以及员工司龄分布（1年以内/1-3年/3-5年/5-10年/10年以上）。
中间放一张全国各省员工分布地图，以及近24个月公司总人数变化趋势曲线。
右侧展示本月招聘漏斗（简历投递→初筛→面试→发offer→入职，体现逐层转化），各职级人数分布（P1到P8），以及近12个月离职率趋势图。
底部展示新员工试用期通过率、员工培训完成率、绩效达标率这三项指标的完成进度。
数据用模拟数据。
2.核心HR指标使用api数据集，使用api mock创建数据
3.新员工试用期通过率、员工培训完成率、绩效达标率使用json数据集
4.全国各省员工分布地图使用SQL数据集
10.2 说明
这是**"先静态、后数据集"推荐流程的完整演示用例（参见第一章流程说明），覆盖招聘漏斗图 + 全国分布地图**的组合，是典型 HR 场景指标。
- 第 1 步：纯静态数据生成大屏骨架，先把布局、组件搭配、视觉效果验证好
- 第 2 步：核心 KPI 卡片改 API 数据集（YApi mock 一键造接口）
- 第 3 步：底部 3 项进度改 JSON 数据集（小而稳的固定结构）
- 第 4 步：地图改 SQL 数据集（真实业务库统计）
底部三项进度的并列对比适合用进度条或列表进度条实现。每一步都按"组件名/标题"精确定位修改，便于 AI 找到目标组件。
11. 指定具体组件类型的大屏
11.1 提示词
做一个"智能工厂设备实时监控大屏"：左上 3D 柱状图（JBar3d）显示各车间产能；左下彩色仪表盘（JColorGauge）展示 OEE 综合效率；中间高德地图（JGaoDeMap）标注全国工厂位置；右上设备告警闪烁列表（JFlashList）；右下故障类型玫瑰图（JRose）；底部一条实时产量折线（JSmoothLine）。
11.2 说明
当用户清楚知道要哪个具体组件时，直接用组件编码（如 JBar3d、JColorGauge、JGaoDeMap、JFlashList、JRose、JSmoothLine）描述需求，AI 会跳过组件推断阶段，按指定组件创建。适合熟悉大屏组件库的进阶用户。
12. 含词云的运营大屏
12.1 提示词
做一个社交媒体内容运营数据大屏，名称"内容运营数据驾驶舱"。
顶部大标题居中，两侧放视觉装饰，整体风格要有活力感。
第一行展示5个核心运营数据：全平台累计粉丝 847.3万、今日新增粉丝 1.28万、今日内容总曝光 3264万次、今日互动总量 48.7万次、今日带货GMV 184.6万元。
左侧展示各平台（微信/微博/抖音/B站/小红书/视频号）的粉丝量对比，近30天每日新增粉丝趋势曲线，以及内容类型（图文/短视频/直播/故事/话题）的互动量占比。
中间展示热门内容关键词词云（词越大代表该话题越热），以及正在直播的账号实时数据滚动列表（账号名、平台、当前在线人数、累计观看、今日带货金额）。
右侧展示各平台今日互动率的对比（点赞/评论/转发/收藏分项展示的分组图），近7天不同内容类型播放量趋势，以及粉丝互动最多的内容排行榜（Top 10）。
底部展示近12个月各平台粉丝增长趋势的多线对比，以及各时间段（早/午/晚/深夜）发布内容的平均互动量对比（找出最佳发布时段）。
数据用模拟数据，深色风格
12.2 说明
演示词云 + 分组柱形图的组合，适用于内容/媒体运营场景。中间词云 + 直播滚动列表是典型的"质性 + 实时数据"双展示模式。
13. 含热力地图的安防大屏
13.1 提示词
做一个智慧园区安防管理大屏，名称"智慧园区安防监控中心"。
顶部主标题居中，标题两侧放边框装饰，右上角显示当前时间。
第一行展示5个核心安防指标：今日人员进出总次数 8472次、当前园区内人员 1203人、今日车辆进出 2847辆、今日告警事件 7起、当前在线摄像头 386个（正常）。
左侧展示今日每小时人员进出流量的折线图，各区域（A区/B区/C区/D区/E区）当前人员分布对比，以及近7天日均进出人次的趋势图。
中间放园区平面区域热力图（用颜色深浅展示各区域人员密度），旁边放一个实时告警事件滚动列表（时间、地点、告警类型、处理状态，告警级别用不同颜色区分）。
右侧展示人员进出实时记录滚动列表（时间、姓名/工号、所属部门、进出类型），以及今日车辆进出类型分布（员工车/访客车/货车），还有各出入口当日流量对比排行。
底部展示近30天每天的安全事件趋势，以及各类告警类型（人员/车辆/消防/入侵）的数量分布。
数据用模拟数据，深色科技风格。
13.2 说明
演示安防/园区典型场景：热力地图 + 多滚动列表 + 实时时间组件。右上角"当前时间"会触发实时时钟或万年历类组件；告警列表的"告警级别用不同颜色区分"会让 Skill 自动按字段映射不同颜色样式。
14. 含装饰元素的物业管控大屏
14.1 提示词
创建一个住宅小区物业综合管理大屏，名称"物业管家综合管控中心"。
顶部主标题，标题两侧加装饰效果，右上角显示当前时间。
第一行展示5个核心物业数据：小区总户数 2847户、当前在住户数 2614户、本月物业费缴纳率 96.3%、当月维修工单 184件、本月业主投诉 12件。
左侧展示各楼栋物业费缴纳率完成进度对比，近12个月物业费收缴总额趋势，以及工单类型分布（设施维修/卫生保洁/安防问题/水电气/其他）。
中间放小区出入口当日车辆进出流量的折线图（展示早晚高峰规律），以及当前主要设备状态的实时列表（电梯/消防/监控/门禁/充电桩等，显示正常/告警/故障状态）。
右侧展示当日业主报修工单的实时滚动列表（时间、楼栋房号、报修内容、当前状态），近7天每天新增工单和完成工单数量的双线对比，以及业主满意度评分趋势。
底部展示各栋楼的停车位使用率对比，以及近30天投诉类型分布和处理完结率的趋势对比。
数据用模拟数据，深色主题
14.2 说明
突出"标题两侧加装饰效果"会触发装饰条与边框组件，是给大屏增加视觉仪式感的常见手法。结合多区域分布、设备状态列表和趋势对比，是物业/楼宇综合管控的标准模板。
15. 全国流向地图大屏
15.1 提示词
创建一个能源电力调度监控大屏，名称"智慧能源调度监控中心"。
顶部主标题居中，标题左右放装饰，右上角显示当前时间。
第一行展示5个实时电力数据：当前总发电功率 3847MW、当前总用电功率 3612MW、今日累计发电量 8.4亿度、今日供电可靠率 99.97%、当前设备告警数 3个。
左侧展示今天24小时的发电量与用电量双线对比趋势，各能源类型发电占比（火电/水电/风电/光伏/核电），以及近7天每天的发电量和用电量趋势对比。
中间放一张全国电网分布地图，展示各区域的用电负荷情况（颜色越深负荷越重）。下方放一个实时设备告警滚动列表（设备编号、告警类型、告警时间、处理状态）。
右侧展示主要线路当前负荷率的进度对比图（适合同时比较多条线路的满载程度），各区域（华东/华南/华北/西南/西北/东北）当前用电负荷对比，以及近30天停电次数和停电时长趋势。
底部展示各省份用电量排行榜，以及今日节能减排量和CO₂减少排放量的数字展示。
数据用模拟数据，深色主题
15.2 说明
适合演示地图按字段值上色（颜色深浅 = 负荷高低）+ 多线路并排进度对比。线路负荷率进度对比会触发列表进度条；底部的省份排行榜适合横向条形图或滚动表。
三、功能能力（多屏 / 联动 / 钻取 / 查询）
本章收录已实测跑通的几种交互类提示词，包括但不限于：
- 多屏切换：一个大屏内多个页签/页面，点击导航切换显示
- 组件联动：点击 A 图表，B/C/D 图表按 A 选中值刷新
- 钻取：点击单个图表（柱/扇区/省份），下钻到下一层数据
- 查询过滤：顶部查询表单驱动整屏数据按条件刷新
第二章的"好看的组件"侧重视觉，本章侧重"点了能动起来"的交互效果。这些只是常见用法示例，大屏 Skill 还支持更多交互配置，本页未一一覆盖。
1. 查询表单联动整屏
1.1 提示词
帮我做一个销售运营查询大屏，深色科技风格。
下面放一个查询表单，包含三个筛选条件：
- 日期范围（日期选择器）
- 销售区域（下拉框，选项是：华东、华南、华北、华中）
- 产品类别（输入框）
表单带"查询"和"重置"按钮。
表单下面是 4 张并排的指标卡：总销售额、订单总数、客单价、目标达成率，每张带环比/同比对比。
再下面一行：左边一张近 7 日销售趋势折线图，右边一张产品类别占比环形图。
最底下放一张订单明细滚动表格，列：订单号、客户、区域、类别、金额、状态、时间。
【最关键】查询表单要能联动整个大屏：
用户选完区域/类别/日期点查询后，指标卡的 4 个数字、销售趋势折线、订单明细表都要按筛选条件刷新；
比如选"华东"，所有数据切到华东大区；选"华南"切华南，以此类推。
环形图保持静态展示就行（作为对照）。
数据用 mock 接口模拟，按区域返回不同的演示数据，方便看到查询切换效果。
主题、配色、布局你自己定，做得好看一点
1.2 涉及能力
- 查询表单组件作为联动源，AI 会按表单字段挂可联动字段配置
- 多目标联动：表单同时驱动 KPI 卡、折线图、滚动表 3 个目标组件
- 接口数据集 + 高级 Mock 脚本：YApi mock 按入参
area/category/date返回不同数据 - 显式指定"环形图保持静态"——验证 AI 能正确只把指定组件加入联动目标，跳过对照组
2. 多屏切换大屏
2.1 提示词
使用导航切换组件做一个切换的大屏，主题ai自定义
2.2 涉及能力
- 短提示词触发 导航切换组件，由 AI 自定义主题与多页结构
- 导航切换通过引用其它组件 ID 实现"点击该 tab 显示这组组件、隐藏其它"
- ⚠️ 导航切换组件仅支持静态数据，不能绑定数据集
- 适合做"经营分析 / 运营分析 / 风险分析"等多视角同屏切换的场景
3. 多级地图钻取（省→市）
3.1 提示词
请创建一个名为"全国市场钻取分析大屏"的完整大屏（不少于 10 个组件）。布局：顶部 4 个 KPI（覆盖省份、客户总数、月销售、增速），左侧近 12 月销售折线 + 客户类型饼图，中间一张【全国销售分布地图（带钻取）】+ 月度同比柱，右侧 Top10 客户胶囊 + 销售员雷达，底部分行业销售对比 + 滚动订单表。重点：【全国销售分布地图】要配置钻取 — 用户点击某省份时下钻到该省的城市级地图（多级地图钻取）。如果数据集需要参数化（${province}），请正确配置 params。其他组件 mock。
3.2 涉及能力
- 区域地图多级钻取：开启钻取开关与面包屑导航，原生支持省→市→区下钻
- 数据集参数化：子级城市数据集用
${province}占位符，AI 自动配置入参 - 同时演示"组件数量 ≥10、混合饼图/雷达/胶囊/滚动表"——验证 Skill 在大组件量下仍能保持布局规整
4. 图表间联动（点 A 刷新 B/C/D）
4.1 提示词
帮我做一个大屏，主题是 AI 大模型运营监控中心，风格要科技感、深色星空背景。
布局大概这样：
- 顶部是标题条
- 下面一排 KPI 卡片：今日调用量、活跃用户、Token 消耗、平均耗时、可用率
- 中间分三列：模型调用排行柱图、中国地图用户分布、模型类型饼图
- 再下面一行：部门排行、24小时调用趋势折线、实时调用日志滚动表
- 最下面：能力雷达图、热门问题词云、系统健康度仪表、GPU 使用率水球
要有联动效果：
- 点柱图的某个模型，下面的趋势图只显示这个模型的数据
- 点饼图的某个类型，右下角日志只显示这个类型的记录
- 点地图的省份，部门排行按这个省的数据刷新
所有数据用 YApi mock 假造，联动的目标接口要能按参数返回不同数据
4.2 涉及能力
- 3 组并行的联动配置：柱图→折线、饼图→滚动表、地图→部门排行，互不干扰
- YApi 高级 Mock 脚本：按
model/type/province入参返回差异化数据，是接口数据集联动的标配 - 源组件必须挂可联动字段配置暴露字段（柱图模型名、饼图类型名、地图省份名），UI 才能弹出联动设置面板
- 演示"标题装饰 + 深色星空背景"自定义视觉
5. 单图表逐级钻取（年→月→日）
5.1 提示词
在大屏中创建一个真实场景的图表钻取示例：
1. 创建数据表新表，包含字段：sale_year（年）、sale_month（月）、sale_day（日）、total_amount（销售额）、order_count（订单数），插入 2023/2024/2025三年模拟销售数据，每年12个月每月28天，数据带季节波动（12月旺季是1月淡季的2倍）。
2. 创建新大屏，添加柱形图（JBar），使用 SQL 数据集，实现三级钻取：
- 初始展示：2023/2024/2025 三年总销售额
- 点击某年柱子 → 下钻显示该年12个月销售额（x轴格式：2024-01、2024-02...）
- 点击某月柱子 → 下钻显示该月逐日销售额（x轴格式：2024-06-01、2024-06-02...）
- 图表左上角显示回退按钮，可逐级返回
3. 数据源使用"本地积木库"
5.2 涉及能力
- 单组件层级钻取（与第 3、4 条的"联动"和"地图原生下钻"不同）
- 完整链路：先建表插数据 → 再创大屏与 SQL 数据集 → 配三层钻取数据 + 回退按钮
- 三个数据集分别按年/年月/年月日聚合，钻取时切换数据集即可
6. 迭代修改大屏
6.1 提示词
先按下述提示词创建初版大屏，再追加 2-4 步进行迭代修改：
1.创建一个供应链库存监控大屏，名称"供应链库存监控中心"。
顶部标题，右上角显示实时时间。
第一行5个核心数值：库存总SKU 12483个、今日入库8247件、今日出库6819件、库存预警SKU 234个、在途订单1847单。
左侧展示各仓库（华东仓/华南仓/华北仓/西南仓/华中仓）库存量对比，近30天入库和出库数量的双线趋势对比，以及库存周转率的仪表盘图（当前4.2次/月）。
中间放一张全国地图，用流向线展示货物从主仓库向全国各地的配送流向。下方放一个可滚动的库存预警商品列表（SKU编号、商品名称、当前库存、安全库存线、预警等级）。
右侧展示各品类库存数量占比（适合展示多个分类比例关系的图表，最好有层次感），供应商准时交货率排行榜（Top 10），以及近7天缺货率变化趋势。
底部展示库存健康状态分布：正常/积压/临期/缺货各状态的SKU数量对比。
数据用模拟数据，深色主题。
2.各品类库存健康度（满分100）轴名改成【哈哈】
3.补货优先级分布（SKU数量）标题和图例重叠了
4.库存周转率趋势（次/月）替换柱形图，把柱形图的柱体改窄一些
6.2 涉及能力
- 第 2 步：按图表标题定位组件，改坐标轴名称
- 第 3 步：调整图例位置或标题位置避免重叠
- 第 4 步：替换组件类型（柱形图 → 其它图）+ 调整柱体宽度
适合作为 Skill 修改能力的回归测试用例：验证 AI 能否准确定位到指定标题的图表组件并精确修改样式属性。
四、相关参考
- Skills—大屏生成器
- Skills—仪表盘生成器（与大屏区分：仪表盘用栅格布局，大屏用绝对定位）