📊
AI EngineeringPython

JeecgBoot Online Charts

by jeecgboot

JeecgBoot Online Charts is an AI Engineering skill for Claude Code, published by jeecgboot in skills.

225 stars67 forkson jeecgboot/skillsAdded 2026/09/03Repository updated 2026/07/27
aiclaudeclaude-codeclaude-code-hookclaude-code-skillclaude-code-skillsclicodexgeminijeecgjeecgbootlowskills
Install in seconds
Install JeecgBoot Online Charts
Copy JeecgBoot Online Charts into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/jeecgboot/skills/tree/main/jeecg-onlchart ~/.claude/skills/jeecg-onlchart

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/jeecgboot/skills.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
jeecg-onlchart/SKILL.md in jeecgboot/skills
Installs to
~/.claude/skills/jeecg-onlchart
Collection
One of 14 skills cataloged from this repository
Category
AI Engineering2793 skills

What JeecgBoot Online Charts does

JeecgBoot Online Charts converts natural-language chart requests into Online chart configurations and creates or edits them through the JeecgBoot API. Use it for SQL, JSON, or API-driven charts such as bar, line, and pie charts.

JeecgBoot Online Charts is cataloged under AI Engineering on DirSkills. JeecgBoot Online Charts comes from a repository tagged ai, claude, claude-code, claude-code-hook and claude-code-skill.

Documentation

README

JeecgBoot Online 图表 AI 自动生成器

将自然语言的图表需求描述转换为 Online 图表配置,并通过 API 在 JeecgBoot 系统中自动创建/编辑图表。

重要:本 skill 处理「Online 图表」(SQL 驱动的数据可视化图表),不涉及「Online 报表」(cgreport 数据列表)或「Online 表单」(cgform)。

前置条件

用户必须提供以下信息(或由 AI 引导确认):

  1. API 地址:JeecgBoot 后端地址(如 https://boot3.jeecg.com/jeecgboot
  2. X-Access-Token:JWT 登录令牌(从浏览器 F12 获取)

如果用户未提供,提示:

请提供 JeecgBoot 后端地址和 X-Access-Token(从浏览器 F12 → Network → 任意请求的 Request Headers 中复制)。


交互流程

Step 0: 判断操作类型

用户意图关键词 操作类型
创建/新建/做一个/生成图表 新增图表 → Step 1A
修改图表/改字段/换图表类型 编辑图表 → Step 1B

Step 1A: 新增图表 — 解析需求

从用户描述中提取:

This is the opening of the README. Read the full README on GitHub.

Commands JeecgBoot Online Charts provides

Slash commands named in this skill’s SKILL.md, listed in the order they first appear.

  • /claude
  • /staff
  • /line

Frequently asked about JeecgBoot Online Charts

  • What else does jeecgboot publish alongside JeecgBoot Online Charts?

    JeecgBoot Online Charts is one of 14 skills that DirSkills catalogs from jeecgboot/skills, the repository it ships in. Its siblings there include Jeecg AIFlow, Jeecg Code Generator and Jeecg Desform. Each one is a separate skill with its own page in this directory, installs the same way JeecgBoot Online Charts does, and is maintained by jeecgboot in that same repository. The rest of the collection is listed on the jeecgboot/skills page.

  • How does JeecgBoot Online Charts compare to other AI Engineering skills?

    JeecgBoot Online Charts ranks #2534 by stars among the 2793 AI Engineering skills in this catalog. The most-starred ones next to it are Architecture Decision Records, AI-First Engineering and Agentic OS. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of JeecgBoot Online Charts against them. Open each page to compare what they document and how they install.

More from jeecgboot/skills

JeecgBoot Online Charts is one of 14 skills cataloged on DirSkills from jeecgboot/skills.

See all 14 skills
🤖
7h ago

Jeecg AIFlow

Jeecg AIFlow manages the full lifecycle of JeecgBoot AI orchestration flows from natural-language requests. Use it to create, edit, query, delete, debug, publish, or copy AIFlow workflows.
AI Engineering
22567
🛠️
7h ago

Jeecg Code Generator

Jeecg Code Generator turns natural-language requirements into JeecgBoot CRUD code, including Java backend, Vue3 frontend, and menu permission SQL. Use it for new modules, field changes, and other JeecgBoot code generation tasks.
AI Engineering
22567
📝
7h ago

Jeecg Desform

Jeecg Desform creates, updates, copies, deletes, and manages JeecgBoot desform forms through conversation. It is used for form design, field edits, CRUD data management, PC/mobile views, and OA approval apps with workflow and authorization.
Automation
22567
🧪
7h ago

Jeecg Dev

Jeecg Dev defines the required coding, logging, and database-change conventions for JeecgBoot work. Use it when editing JeecgBoot code, SQL, or related change logs under the /jeecg-dev command.
Quality
22567
🧩
7h ago

Jeecg Online Form

Jeecg Online Form converts natural-language form requirements into JeecgBoot Online 表单配置 and creates or edits database tables and form metadata through API. Use it for metadata-driven CRUD forms, sub-tables, tree tables, field changes, enhancements, permissions, and data management.
Automation
22567
⚙️
7h ago

JeecgBoot BPM

JeecgBoot BPM generates Flowable BPMN 2.0 workflows from natural language and can create or edit processes in JeecgBoot. Use it for approval flows, OA forms with workflows, and changes to existing process nodes or listeners.
Automation
22567