【有奖】VChart & VTable Skill 使用体验有奖征文

一、活动简介

VChart 和 VTable 作为 VisActor 数据可视化解决方案的核心组件，为了使用户能够通过 AI 技术提升开发者的工作效率，降低使用门槛，我们发布了开发者skill。为进一步收集用户使用体验，分享开发心得，持续完善skill。VisActor 团队发起本次有奖征文活动。

二、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中直接解决附上有问题截图让其解决！

解决后页面效果：

三、征文形式与内容要求

1. 征文形式

本次征文接受以下三种形式的作品：

• 技术文章 ：发布于稀土掘金、InfoQ、CSDN 等至少2个平台

• 视频教程 ：制作 VChart/VTable Skill 使用基础视频教程，发布到抖音和B站

2. 内容要求

• 描述真实的业务场景（保密项目可酌情隐藏敏感信息）
• 描述使用skill 的过程，遇到的问题，解决方案
• 总结skill 的优缺点，希望改进或者提供的能力

四、奖品设置

1. 优秀文章

2. 优秀视频

五、活动时间安排

根据内部讨论，本次征文活动预计时间安排如下：

1. 征文启动 ：2026 年 2 月12日
2. 作品提交 ：截止至 2026 年 3 月15日
3. 作品评审 ：2026 年 3 月16日
4. 结果公布 ：2026 年 3 月20日
5. 奖品发放 ：2026 年 3月20日

六、参与方式

1. 加入官方活动群（飞书）

点击 applink.larkoffice.com/client/chat…

或扫码

2. 将作品链接发送至活动群内
3. 等待评审结果公布