一、简介
VChart 和 VTable 作为 VisActor 数据可视化解决方案的核心组件，为了使用户能够通过 AI 技术提升开发者的工作效率，降低使用门槛，我们发布了开发者skill。
二、skill 安装与简单 Demo
VChart 使用
VChart Skill安装
VChart 开发 Skill 已发布至 GitHub（欢迎star： github.com/VisActor/VC…）：github.com/VisActor/VC…，可以手动添加也可以可通过
npx skills add VisActor/VChart
或者
npx skills add [GitHub - VisActor/VChart: VChart, more than just a cross-platform charting library](https://github.com/visactor/vchart) --skill vchart-development-assistant
进行安装，在 Cursor、Trae等支持 skills 的 AI 编辑器中使用。
Trae参考文档： docs.trae.ai/ide/skills?…
Cursor参考文档：cursor.com/cn/docs/con…
将技能安装到项目的 .``XXX``/skills 目录下，如下图
示例
- 生成简单图表
- 调整图表样式
- 修复配置问题
VTable
VTable Skill安装
VTable 开发 Skill 已发布至 GitHub（欢迎star： github.com/VisActor/VT…）github.com/VisActor/VT…
npx skills add VisActor/VTable
或者
npx skills add [GitHub - VisActor/VTable](https://github.com/visactor/vtable) --skill vtable-development-assistant
进行安装，在 Cursor、Trae等支持 skills 的 AI 编辑器中使用。
Trae参考文档： docs.trae.ai/ide/skills?…
Cursor参考文档：cursor.com/cn/docs/con…
将技能安装到项目的 .XXX/skills 目录下，如下图
示例
- VTable Skill 生成基础表格 Demo
发现页面表格中字段显示问题：
在agent中直接解决附上有问题截图让其解决！
解决后页面效果：
六、欢迎交流
最后，我们诚挚的欢迎所有对数据可视化感兴趣的朋友参与进来，参与 VisActor 的开源建设：
VisActor 官方网站：www.visactor.io/ 或 www.viactor.com
Discord：discord.gg/3wPyxVyH6m
飞书群（外网）：打开链接扫码
微信公众号：打开链接扫码
github：github.com/VisActor
