【AI大屏】告别拖拽！Claude Code+积木报表，一句话生成数据大屏原创

哈喽，大家好，今天我给大家分享积木BI一个非常实用的AI能力，大屏skill。简单说，Skill就是cloud内置的一套领域支持包，相当于给AI装了个大屏开发专家的大脑，他知道平台有哪些组件，每个组件就什么字段、什么场景，用什么图表，配色怎么搭，数据怎么绑。装上之后，你只用一句话把需求说清楚，AI就能自动调用平台APIJ大屏加组建、绑数据、配交互全都帮你搞定，全程不用打开设计器，拖一个元素，调一个坐标。具体能干什么呢？我把大屏4K的能力归纳成五大块，第一，整屏一键生成，不管是输入一句话从零搭一块大屏，还是直接套用平台内置的行业模板，如金融、一流、警务、交通、电商、旅游等10多套AI都能一次成型，自动配齐KPI、趋势、排行、地图、装饰、边框等组件，开箱即用。第二，100多度组件全覆盖，KPI、数字、趋势、折线、债比、柄环、对比、柱图、漏斗转化、区域地图、飞线地图、热力地图、仪表盘。

水月夜桥滚动排行装饰边视装饰边框、时钟、日立，你能想到的可视化形态，AI都能直接调出来。第三，组件及精细编辑大屏建好之后加组件、筛组件，坏图表、调位置、改字段、换数据，全部一句话搞定，不用回设计器一个个点。第4，数据源全打通，静态帽客SQL数据集、API数据集，接送数据集、文件数据集，AI会根据数据自动绑定字段配映设。第5，配色加高级优护一再搞定配色一句换成互副五风，商务风、科技风，红掌绿低AI自动套用平台命名色板，高级玩法上别动转。

取弹窗外列跳转，自定义GS增强，谁都支持，复杂驾驶舱也能拿下，这是GCG所有的那s skill, 然后今天咱们主要讲的是大屏SQ，也就是是这个。然后咱们打开官网，去官网上看看官方提供的提示词有哪些，通过提示词生成的大屏的效果是怎么样的。

然后打开官网，然后在入门指南下面有一个在线文档。然后通过这个技能，然后TS大锤，然后这里有那个。提示词，然后因为这个那个在线的文档现在还不是不是最新的，等你们到时候看的时候也肯定是最新的，所以说现在我打开那个我本地的。然后通过这个右侧可以看到有有很多的提示词，这些提示词是官方经过经过了实战，经过了那个测试之后的，咱们可以先看看通过这些提示词生成出来的大屏是什么样的，然后这就是数字孪生智慧港港口大屏，通过这个提示词生成的大屏的效果。

然后这是酒店运营大屏，也是通过这个提示词生成的。一键生成的大屏。

咱们可以看出这里面提供的那个提示词非常多，咱们会从这里面挑一些提示词，然后当做咱们今天那个课堂演示的那个内容，然后大家的话可以自行通过这些提示词去试一试。接下来咱们用这上面的提示词，咱们演示一下，就拿这个回例，然后这个CCS是一个环境变量，刚才可能有人很有疑问，这个CCS是什么？你看这个CCS是一个环境变量，它其实对应的就是cloud的code，这样写的话就比较快捷了，如果你输原先的命令的话，它就比较长。

然后咱们输进输入提示词的时候，这个地方有一个skill，这个地方就有它应用的那个skill，这就是那个大，他就是找到了那个大屏的那个s skill, 它的关键词应该是通过这个大屏去触发的这个skill。

然后咱们那个看看这个SQ有没有装上，其实通过这就能看到，就输入一个斜斜杠，然后这个地有这个地方有这个呃名字就能看到这个SQ是装成功了。现在就是等它生成的过程。然后这个地方是在调那个平台的那个API，这时候就需要咱们把ton和那个地址给传给那个cloud code.

咱们去。咱们把这个token。

还有API借给他。现在咱们看到智慧港口数字孪生中心大屏，通过这个提示词已经生成了，咱们去看看效果如何，这个地方是有那个预览地址的，咱们复制一下。然后看看。是不是效果还挺好啊，但是它这个生成的话，跟咱们之前也是的话，是就是跟这个文档里面的可能是有所区别，它这个装饰什么的可能是稍微有点不一样，它不会说同一个同一个提示词，它不会是，如果你写的不是很精确的话，它不会生成的是一模一样。

然后然后咱们觉得这如果是不好看的话，咱们可以在它这上面进行修改，给它加个颜色呀，咱们给他改个改个配色。咱们可以看到那个颜色都已经改完了，然后咱们去看看效果，然后大屏上面的主件的颜色是不是都改了，但是还是不是那么好看，可以可以让那个AI把那个背景色，还有这个地图的颜色也可以改一改，然后咱们再试一下。

咱们可以看到已经改完了，然后咱们去看看效果。然后咱们把它放大一下。是不是效果还行，还挺好，只是上面这个有一个背景色，这个背景色可以让那个AI给去掉就行，然后通过大屏SQL，咱们就可以一句话生成，生成一个骨架，然后在这上面也可以进行配置的修改，然后主机的修改等等。

这样呢，能快速出一个大屏，然后咱们现在目前做的是一个静态的，如果是真实场景当中，还有需要自己去绑定数据集API啊，SQL啊。智慧港口大屏咱们已经创建完了，咱们试试下一个那个提示词，这是一个酒店集团运营的大屏的那个提示词，咱们把它复制一下。

咱们看到酒店集团运营管理中心大屏已经生成完了，然后咱们复制一下这个地址，咱们看看效果。这个效果还挺好看，然后咱们把这个地图改成改成钻取吧。

刚才咱们这个提示词可能不太精准，咱们就改的稍微精确一点，不然不明白是什么意思，应该是把地图改成赚取，赚取到城市。对，就咱们可以看到地图专取功能已经加上了，然后咱们去那个界面上看看效果，刷新一下，然后垂屏。可以看到那个功能已经加上去了。

然后这是通过这个提示词生成的那个大屏的效果，这个效果跟文档上的也不是一模一样，咱们看一下文档上，文档上之前是通过题词生成的，那样式大概是这样的。但是依然挺好看，通过AI生成，如果是对一些组件细节有有要求，可以那个再次通过提示词去驱动它去生成，按自己的要求，按自己的业务，好，这个提示词咱们就演示到这儿了。现在咱们演示一下在线教育平台运营大屏这个提示词。

咱们可以看到通过提示词已经大屏已经生成了，然后咱们去那个看一下效果，复制预览地址。然后这就是通过刚才咱们的提示词生成的在线教育运营数据中心的那个大屏，然后在这个大屏上咱们做点事情，给他绑定一些数据集吧。咱们把。

咱们把第一行展示4个核心运营指标，使用，使用接送数据集判定。然后地图使用那个API数据集，然后剩余的组件咱们就使用那个SQ数据解。看咱们描述的这种不是很精准的AI，他就会问咱们是什么意思，是每一个都创建一个，还是说创建一个都共享？咱们就每个组件各创建一个SQL数据集，点确定就行。咱们看到数据集已经创建完了，但是这个搜狗它用的是那个静态数据，没创建真实表，那肯定是不行的，是咱们之前写的那个关系词，咱们得稍微得精准一点。

然后再让再再给AAA提示词，让他再创建一下，嗯，表已经创新完了，咱们去界面看看效果，这么看可能看不出来啊，通过那个预览页面，然后等一下，咱们去一下那个设计页面，看一下是不是都绑定的是数据集。

啊，咱们这个绑定的就是那个接送数据集，然后地图刚才是绑的是API吧。啊，那就是API那个数据器，它会那个自己去写映射，映射关系。然后其他的都是SQL数据集。这些都是circle。你买还不买衣服了？

然后在这上面咱们也可以觉得哪个组件不好，也可以进行替换，例如这个咱们把它替换一个别的组件。使用统计组件，主机已经替换完了，咱们上界面上看看效果。这已经那个替换完了。

然后加一个组件，咱们是在底部加一个组件。嗯，组件新增已完成了，然后咱们看看效果。是不是已经新增新增上去了，可以通过4K可以新增。现在咱们试试政务民生大屏这个提示词。

政务服务数据中心大厅已经创建完了，根据提示词老规矩，咱们复制预览的那个地址，然后咱们去界面上看看效果。咱们在这个大屏幕上给它开启水印功能吧，开启水印啊，水印已开启，咱们去页面上刷新一下。

水银，水银已经加上了。现在咱们演示一下餐饮连锁运营大屏这个提示词。大屏已经创建完了，咱们去界面上看看效果。

通过提示词生成的大屏效果还挺好看，然后A组件不需要你去适配AI，它会自动适配。现在咱们演示一下智慧农业大屏。这个提示次。

啊，大屏已经升上来了，咱们点一下预览地址去看看效果，生产还挺快，三三十分多钟。就是整个整个效果跟那个文档上好像又稍微有一点点不一样，但大体是一样的。现在咱们演一下电竞赛事大屏这个提示词。然后大本营生成完了，然后咱们点击预览地址去看一下那个效果。

嗯，看这个滚动，它这个地方它是摄人透明度透上去了，如果是有发现站的问题，咱们可以那个跟AI说，把它这个，呃，猎头的那个背景色换成不透明的。然后这是整体的效果。之前咱们通过几个提示词演示了一句话，生成大屏，然后在生成大屏的基础上再绑定数据及新增组件、替换组件、改配色、设水印等。用大屏4KL有一个核心用法，就是先创建，然后再调整，不要一上来就把所有细节、所有组件、所有配色一次性都甩给AI。

AI那样反而容易跑偏。正确的姿势是第一句话，先让AI把整屏的骨架搭出来，主题布局、核心组件先落地，然后用第2句、第三句去精修，换个图表类型，调一下位置，改个配色，绑一下真实数据，这样既能看到效果，也方便随时调整方向，整体节奏会非常顺。大屏内还有一些高级WiFi，例如联动赚取弹窗、外界跳转、自定义、JS增强，以前咱们都是看文档，一步步来调整，现在有了SQL，可以让SQL直接生成一个例子，然后，然后我带大家来。

测试2个题词。咱们现在来创建一个理论实例，只说朱建明。联动尸体已经拆建完了，咱们去点一下这个地址，看一下效果。

这是创建的那个通过卡片滚动，然后联动的那个柱状图，点击的时候也可以联动。而滚动的时候，它也会进行移动。这次咱们来演示一下呢。图表占取。装企的例子已经创建完了，咱们去看看。这就是创业的一个事例。点一下。你从年转到月，月转到日，然后这上面可以点返回，这就是那个系统内那个赚取的用法。

例如你是想在大屏当中做一个多屏切换的大屏，但是你又对大屏不是那么熟，没什么思路。这时候。这个Q的价值就体现了，咱们就可以用这个提示词，让AA给你去创建一个大屏，然后你看看效果。大屏已经创戏完了，咱们去玉来见面看看效火。4。这创建的是一个示例啊，这就相当于是一个多频切换。

这是一个大屏，这是一个大屏，这是一个大屏，这又是一个大屏。通过联动赚取多屏等提示词的实体，咱们知道还可以通过SQL让咱们可以快速熟悉大屏系统各项核心功能，助力快速适配业务场景，勾秀上手开展工作。