企业官网建设流程全解析

Claude Code + 积木 BI：一分钟生成精美大屏（JimuBI v2.3.2 发布）

JimuReport AI专题研究| 2026-04-13 发布，AI 助手 + Claude Code Skills 双管齐下

划重点：现在可以一句话生成大屏了

JimuReport 积木报表旗下JimuBI 大屏 v2.3.2上线了两种 AI 生成方式：

• 方式一：在 Claude Code 里一句话生成整块大屏（新增jimubi-bigscreen/jimubi-dashboard两个 Skill）
• 方式二：在大屏设计器里对话生成组件、改配置（编辑器内置 AI 助手）

把"大屏制作"从"拖控件 + 调 JSON + 改配色"的体力活，变成了"描述 + AI 生成 + AI 迭代"的对话式协作。

方式一：Claude Code 里一句话生成大屏（0 → 1）

Step 1：装 Skill

Skills 仓库地址：https://github.com/jeecgboot/skills

按场景挑对应技能：

• jimubi-bigscreen— 全屏数据可视化大屏（展厅、监控室、会议汇报）
• jimubi-dashboard— 栅格布局数据仪表盘（业务日常查看、筛选钻取）

Step 2：一句话描述需求

在 Claude Code 对话框里直接说：

• “做一个 1920×1080 的销售监控大屏，左上角 KPI，中间地图，右侧排行榜”
• “做一个展厅用的数字孪生大屏，带 3D 效果和左右两侧实时数据流”
• “做一个运营看板，KPI 四张卡片，下面是趋势线和环比柱形图”
• “做一个销售 CRM 仪表盘，顶部按团队筛选，中间订单漏斗，底部客户分布”

Skill 首次运行会提示你提供后台 API 地址和 Token：

随后进入自动生成过程——选布局、选组件、配数据源、调用 JimuBI 大屏 API 落库：

生成效果——真的相当惊艳：

打开设计器，大屏立刻就绪。还想继续调？交给方式二的 AI 助手。

方式二：设计器里对话改大屏（1 → 10）

大屏编辑器里内置了 AI 助手，直接在编辑器内对话修改：

• 生成组件：“左上角加一个销售额 KPI，主色深蓝，带百分比环比”
• 修改配置：“把这张环形图改成柱状图，X 轴换月份”
• 批量样式 / 换主题：“所有图表字体加大两号、整块大屏换成科技蓝”

AI 一句话修改组件的配置项：

过去要懂 ECharts 配置项才能精细调样式——tooltip、series、axisLabel 成百上千的参数。现在一句自然语言全部搞定。

• 对新手：这是"能做出来"的关键
• 对老手：这是"做得快"的工具

集成方式：改一行版本号

SpringBoot 3：

<dependency><groupId>org.jeecgframework.jimureport</groupId><artifactId>jimubi-spring-boot3-starter</artifactId><version>2.3.2</version></dependency>

SpringBoot 2：

<dependency><groupId>org.jeecgframework.jimureport</groupId><artifactId>jimubi-spring-boot-starter</artifactId><version>2.3.2</version></dependency>

总结

JimuBI 大屏 v2.3.2 核心做了一件事：用 AI 接管"大屏制作"的整个生命周期。Skills 管生成，AI 助手管迭代，人只负责打磨。

如果你的团队正在被"做大屏排期两周、改样式还要再两天"卡脖子——这是一个"今天升级，下周效率翻倍"的版本。

本文为 JimuReport AI 专题研究系列文章。