第一天上手就做出了大屏：让 WorkBuddy 连上 SightWall，从数据库直接“长“出一块大屏

一位第一天接触大屏系统的技术人员没看文档、没学拖拽。他把 WorkBuddy 连到了测试环境然后一块一块的大屏就出来了。这篇只讲三件事做出来什么样、你要做几步、怎么做得更酷炫。一、先看看这套系统这是 SightWall 大屏平台。首页就是模板库48 个内置模板、20 多个行业分类指挥、运营、监控、分析、城市应急、文旅运营、环保、交通、能源、政务、医疗、工业、金融、教育、双碳、社区、零售、农业……同一批模板还分成7 套主题风格——星耀蓝、蓝橙曜、碧微潮、鎏金辉、丹宸红、霁夜紫、墨曜银。挑一个当起点改数据、换版式比从空白画布开始快得多。二、他只做了四步第 1 步开一个AI 接入管理员 5 分钟一次性进系统 → MCP 接入点右上角「签发令牌」。这个页面一句话就把事说清了给 WorkBuddy、Claude、Codex 等外部 AI 助手签发访问令牌让它们以持有人身份查数、做大屏、做分析与做管理。弹窗里只有两项要填名称用来区分用途比如我的 WorkBuddy允许它做什么写草稿 / 发布 / 平台管理 / 元数据库。建议这样勾只勾「写草稿」。勾上它AI 就能新建大屏、改草稿但碰不到线上。不勾就是纯只读连草稿都建不了——这是新手最容易踩的坑。第 2 步把配置粘进 WorkBuddy签发成功后页面给出这四段配置Claude Code / Codex /通用 JSON/ 桥接模式。选「通用 JSONWorkBuddy / Cursor 等」这一栏把这段 JSON 合并进 WorkBuddy 的 MCP 配置重启一下就通了。地址和令牌都已经填好复制即用不用自己拼。第 3 步说人话你只需要说一句给我做一块门诊运营监测大屏重点看科室接诊排行和近 30 天趋势。剩下的活它自己干摸清你有哪些表、每个字段什么含义、写好的查询先跑一遍看通不通、照着平台的编写规范把大屏写出来、写完自己先体检一遍、最后存成草稿。第 4 步看一眼点发布在设计器或预览里打开拖一拖、调两笔。发布始终由人点AI 不会自己上线。三、做出来什么样下面这些屏都是在同一套环境里做出来的——数据是真的连着业务库的。医院运营驾驶舱门急诊量、在院患者、手术台次、床位使用率、CMI、DRG 结余率门诊运营监测大屏接诊、预约、收入结构、科室排行、近 30 天趋势住院运营监测大屏在院患者、床位、出入院、手术分级医保运营监测大屏医保结算、门诊/住院统筹、次均费用财务与欠费监控大屏业务总收入、欠费余额、欠费患者、科室 TOP6120 急救调度中心数据展板车辆、话务、调派、接听率仪表盘、全链路时效医共体住院情况监测平台牵头医院 vs 基层机构、床位使用率、出院病种结构底部可切页智慧公卫数据监测平台3D 县域地图 乡镇指标联动 家庭签约注意最后两块3D 地图、分页切换、指标联动也都是 AI 能产出的——它产出的是标准大屏文件平台有的组件它都能用。四、想更酷炫记住这 5 条1️⃣ 换主题一句话换整套配色别手写颜色。背景、边框、光晕、标题色一个都别调——默认值本来就是按主题成套配好的你改一个颜色整屏就乱了写了比不写差。想换风格就换主题。系统内置 7 套背景 / 卡片 / 图表 / 强调色 / 氛围装饰整屏联动配色经验底色一律走深蓝、深青这类冷色医疗场景尤其别把整屏刷成红或紫色——大面积高饱和暖色看久了累也压不住数据。红、橙、琥珀只留给告警项危重、超时、超限让哪里出问题一眼跳出来。2️⃣ 排版照这个骨架基本不会翻车区域放什么顶部一个标题居中右上角放时间标题下方3~6 个关键指标横排中下部左侧趋势图、中间排行/进度、右侧明细左右留 6080px 边距组件之间留 2040px 间隙组件总数控制在8~16 个。太少显空太多显挤。3️⃣ 一定要配联动否则就是一张静态图点一根柱子 → 选中的科室记下来 → 其他组件跟着变想深挖就弹出明细。没有联动的大屏本质上是张海报。4️⃣ 明细要能下钻屏上是按科室汇总点击想看的是一条条记录本身。能让组件单独去查明细数据大屏才有人天天看。5️⃣ 数据口径先理一遍一劳永逸真实业务库里一个门诊量往往要关联四五张表、剔退费、分急诊。与其让 AI 每次猜不如先在库里整理成视图。之后它看一眼就懂写出来的也更稳。五、⚠️ 数据敏感在测试环境做导出再导入建议流程测试环境做屏 → 导出大屏文件 → 生产环境导入。医疗、政务、金融这类场景业务库里都是敏感数据。与其纠结能不能让 AI 连生产库不如把两件事分开环节在哪做说明设计大屏测试 / 脱敏环境AI 在这里看表结构、试跑查询、生成大屏。数据不真但表结构、字段、业务逻辑完全一致交付上线生产环境拿到大屏文件到生产环境导入好消息是平台原生支持这一套。大屏列表页右上角就有「导入」这样做的好处AI 全程不接触真实数据走审批时压力小得多导入一律新建草稿、绝不覆盖你已有的屏导入后在生产环境重新绑定数据连接、核对口径再由人发布一块屏做好可以导给多个院区复用——大屏文件本身就是交付物。六、为什么敢让 AI 连数据库四句话说完只写草稿——AI 产出永远落在草稿上线上版本一动不动发布要人点——它不能自己上线改之前先读最新版本——期间有人改过就拒绝重来不会覆盖同事的修改写入前先体检——格式、引用、排版、查询能不能跑通有错直接拒绝入库。另外AI 走的是和你在网页上操作时同一条链路同一套权限、同一份操作记录不存在AI 看得到、你看不到的数据。七、常见问题Q要给 AI 喂数据库文档吗不用。表结构是实时从数据库读的查询也是真跑一遍再看结果。Q会不会把线上大屏改坏不会。只写草稿发布由人点。Q以后还能手工改吗能。它产出的是标准大屏文件和设计器生成的完全一样。Q支持哪些客户端只要支持 MCP 的都行WorkBuddy、Claude Code、Codex、Cursor 等。结语回到开头那位技术人员他做的只有三件事——开一个接入、填一段配置、说出他想要什么。剩下的摸数据、读规范、写文件、自查、存草稿全由 AI 完成看一眼 → 发布这一步始终留给人。把门槛降到一句自然语言把安全阀留在该留的地方。