国内首个！把 Claude Code Skills 装进BI产品，一句话生成数据大屏原创

大家好，本视频为大家介绍大屏AA助手之一球星功能。以往设计一个大屏需要反复拖拉拽主线调试，配置门槛高后时长，而有了AI助手，只需用一句自然语言描述需求，就能快速生成完整大屏，大幅度降低了设计门槛，显著提升了应用性和效率。AI助手包含三大能力，涵盖了大屏设计的球衣流程。一AI生成大屏只需在需求描述框中用一句话描述你想要的大屏，AI就能一键生成包含布局、组件、数据集和配色装饰的完整大屏。二AI生成大屏组件，适用于给已有大屏追加内容，一句话描述想要的组件，比如加一个区域地图，加一个销量排行榜柱形图，并绑定销量排行榜数据集，AI就能自动生成图表并绑定数据。

3AI修改大屏告别繁琐的属性面板条是通过对话式交互。一句。把背景换成科技生来，整体配色换成来绿渐变AI自动定位组件并实时修改。我们先来快速过一下这3个功能。这是AI生成大屏。直接使用示例，直接生成一个，咱们测试一下。然后这上面是有那个时间。然后咱们来试一下那个AI生成组件的功能，咱们把这个组件给去掉，然后添加一个柱形地图组件到这个中来，图层上面。

添加一个柱形地图，组建到中来图层上面，并且尺寸和中来图层尺寸是一样的，然后点一下应应用。柱形地图组件已经添加到那个中来的图层上面了，然后我们发现那个柱形地图组件，它是这个上臂距，这个距离有点过小，然后咱们又把那个顶闭距，然后给它加大一点，这时候咱们可以用AI修改大屏的功能，就是这个。

我们发现顶边距这个距离已经改大了，这就是这3个功能的作用。使用API创建大屏适用的场景。已有可用的后端API接口通过。自然语言描述需求，加粘贴已有的API，自动识别接口，返回字段，生成API数据集并完成主机绑定，一键生成大屏，让真实业务接口直接。驱动可视化。咱们使用一个例子来试试。

使用circleq创建大屏适用的场景无线程接口，带有可访问的业务数据库，只需要选择数据源并描述需求。AI根据表结构和业务语义自动生成SQL语句和SSQL数据集，无需后能写接口。数据直接连数据库，这个上屏适合数据已落库，带接口尚未开发的场景，然后咱们来试试。如果大家想在这个线上也尝试的话，这个地方有有个地方需要注意一下，这个数据也得得先绑定。

你看这个数据源，我是之前已经把它绑定了，绑定之后这个地方还有一个地方需要注意一下。就是在这个地方数据源，然后AI数据建模，然后我之前是同步过，如果是第一次的话，这边这个表是看不到的，这个地方是有一个同步，需要点一下同步，这样的话。创建出来的话，它才会每个组件才会绑定，那绑定SQL数据集，不然的话它是是静态数据。Mok接口创建大屏适用的场景是后端接口尚未就绪，前后端需要进行开发，AI自行创建MOC接口与模拟数据生成大屏，便于前后端进行开发，后续可无缝替换为正式接口，无需返工调整布局和咱们试一下。

2。使用API接口创建的大屏已经完成了，我们看下效果。都绑的是那个API数据集这个地方可以看到都给网上了，自动。

好，咱们对照那个提示词，咱们再看一下它是不是根据咱们提示词生成的是一样的，然后提示词要求的是左中右。布局，布局是对的。然后左边是有三个三个图，三个图表。然后中间的是。地图是资金流向，他这个可能是那个字段，这个地方可能是认识的是有问题，之前我试了好几次是没问题，它那个AI还是稍微有一定的不确定性，然后这个地方可能需要自己，就如果碰到有问题的话，就需要自己微调一下。咱们只是去看一下那个是否根据提示词生针的效果是一样的。

然后右边。右臂也是3个，跟那个提示字是一样的。然后题的词当中，咱们还指定的是指定了那个组件名。然后上面的话就相当于咱们是没指定，然后让AI自己去寻，寻找哪些组件是合适的。飞机地图刚才没出来，是因为我提示词当中把这个映射关系有一个字段给写反了，还不是AA的问题，是提示词的问题。使用Mac创建的的大屏已经创建完章了，咱们看看效果。

数据，每个组机数据都绑上来。啊，咱们看下那个提示词跟咱们用的是不是一样的。越来看越舒服。基于solo穿起的大屏也是穿起，完了咱们来看一下上传的效果。

好，咱们看一下这些组件是否都绑定了数据，都绑定了4个数据集。好，咱们看一下跟咱们提示词是不是能对得上。然后第一行。然后左侧。左侧3个图表，中间是地图加滚动列表。然后右侧。有的是3图表。

AWU.底部应该是有两个底部，好像少了一个，少了一个，如果碰到这种情况的话，就需要咱们。自己来微调一下。

接下来咱们讲讲AA添加主线。啊，第一个咱们其实已经讲完了，咱们讲讲2和3。铁甲组件，并绑定已有API数据集。咱们以刚开始重庆太数据创建的这个大屏，在这上面做演示，例如咱们把这个筛了，咱们想把这个地方换成一个柱形图，咱们使用K加组件来试一下。因为咱们知道它这个地方图层名称是做名称是左栏，所以添加一个柱形图，位置在图层名称是左来组件上面，快度和左来快度一样，高度是左来的一半，并创建一个API数据集，API的地址给他，并绑定该组件，咱们来试一下。

嗯，咱们发现那个数据已经绑上了，然后位置也是差距上去了。然后这是基于API数据机的，咱们。咱们再添加一个搜数据集。咱们还是以这个为例，咱们把这个这个地方。我添加一个。南京girl玫瑰图位置在图层，名称是。左来阻距上面宽度和这个左来的宽度，咱们是尤求是一样，高度是它的，正好是它的一半。

然后并创建一个搜索数据集。这个地方是数据源。是以为是这个。就是咱们已有的这个，这里面的这个它字Y，然后表的话是这个，然后维度是这个字段，然后数值是这个字段，并绑定该组件，然后咱们页。呃，主机已经添加上了，然后咱们看一下他绑定的那个数据集是不是对的，嗯，数据集也是那个搜后数据集，然后维度数值也是根据咱们提示词来的。

接下来咱们介绍一下AI修改大屏。咱们从以下这些。功能或例子，咱们能带大家直接的感受一下。赚取联动。主题4切换，然后图表类型切换，然后更换数据集，新建数据集，修改大本营尺寸和新增水印。等等。咱们又来通过这个柱形图和这个折线图，咱们来实现一个雷动，通过点这个柱体，然后这下面是数据是变化的。咱们得用两个接口。

柱形图得绑定这个接口，然后折线图是绑定的是这个接口，就相当于是传服饰，然后传这个内幕到这个餐桌上，这个接口是有变化的，你看现在是美妆，然后咱们改成服饰。说那个只是电影。然后这个接口的话是不符合咱们的要求的，咱们是那个替换一下。是是绑定符合要求的。API.

一般然后我这个地方我再说一下，咱们点击这个组件的时候，这里有一个修改范围，咱们这个时候。其实写的这个提示语，它是作用的是这个组件上，所以可以不用写这个。组建的那个图层名称，如果你这个地方去掉的话，这样的话就得写这个名称。绑定到什么组件上面去，本来他因为他不知道你要证明哪个组件上面，所以说咱们点的话，咱们是不用写的。如果点击那个组件。这个地方有血管范围，这个地方大家那个要注意一下。哎，对不对。

没问题。刚才的这个应该是这个接口是不是不需要接受参数的，但是咱们写的也没关系，这个接口是需要接受那个参数的。然后呢，就。符合优秀的那个API接口已经绑定了，然后咱们再来写。咱们就休息，在这上面加一个雷动，就相当于给它关于下面的图表，它的数据的更新。

至少他是没有的。咱们试一下。基础。然后咱们看一下这个配置有没有加上。

咱们正好碰上了那个部署，咱们得等会儿。所以刚才那个an可能是那个被中断了。地基基础柱形图。流动基础折线图把。啊，这贴实你看挺好。啊，它也它也识别到了咱们这个地方，其实写错了，记住状图。

然后咱们看一下效果，配置是配置上的。内蒙内蒙验收到这个字段。来一下。嗯，移动是生锈的。咱们还是以他为例，让他实现一个赚取，赚取的话就是这个记号，咱们是题已经准备好了，他其实就是自己放自己。从智者的看过。同一个接口，那咱们试试。我原先的这个数据，那个API数据集就得替换一下了。

预览一下。啊，出去也是给咱们加上了。咱们再试试把整个大屏都改成红色主题。然后使使用一个新绘画吧。

咱们发现他，哦，咱们是只选定了这个修改范围，把咱们把这个范围修改范围给去掉，咱们再试一下。怎么发现还是没有生效，然后这时候的话，如果碰到这种问题，咱们就需要使用到这个方案去讨论。

然后点应用。叫我翻。

应用修改。

嗯，咱们发现大多数都已经改了，但是还有一些没改，咱们继续跟他聊。怎么问他？为什么？

咱们继续那个5年跟A进行讨论。

嗯，咱们发现那个其余组件也已经改成那个红色主题了。然后这个大屏，大屏的那个背景。咱们也让它改成那个红色。这是这问题。

嗯，咱们发现那个大屏背景也已经改了，就有时候碰到不生效的情况，咱们就得使用那个讨论，得跟AI去那个聊，然后再去应用。然后这个地方的话，咱们直接选择它，让它把阴影也改一下，这个阴影改。

嗯，你明的已经改外了。我怎么娱了一下？那咱们现在来给大屏加个水印。

好，咱们来看一看。水晶已经加上了。所以说如果是改组界层次的，就改当地组建，咱们这个是一定写中，如果是改其他的，改大大屏层层面的，咱们就不需要去种，有时候它就会不生效。就像刚才那样。所以说这个地方得注意一下。然后咱们修改这个配置。把这个主体改成那个嘴角。

嗯，可以了，然后太宽了，咱们把它给窄一点。啊，咱们节奏太窄了，咱们这个时候就可以这里有回滚，回滚上次咱们可以回滚。

然后咱们可能有时候觉得这个数据太多了。好，咱们就那个水中，它给它改一下，最多写个三条让他。然后这个例如咱们之前显示。大于30的数据，其他的不显示。

嗯，看这个数据就是只写的大于30的。然后这个折线图咱们觉得不好看，咱们又把它换成密集图，咱们也是那个可以直接换，你看折线改为那个密集。现在咱们来改一下这个数据集，把这个API数据集改成搜数据集。

通过一个斜杠上有一个快捷键，从这个地方可以去选。好想试一下。然后怎么看到那个搜数据集已经改成功了。从ABA改成4口。然后相关操作，咱们就介绍这更多的那个操作，希望大家能自行研究探索。