用途：该技能是 VChart 图表库专家助手，面向 VChart 2.0.0+ 版本，帮助创建、配置和调试图表。适用任务包括生成柱状图/折线图/饼图等配置、修复图表不显示或交互不生效等问题、从图片或 Figma 设计稿还原样式，以及实现点击取数、动态更新、联动高亮、导出图片、主题切换等交互功能。
主要能力：覆盖问题诊断、配置生成（完整与增量）、视觉还原三类场景，并识别字段映射错误等高风险点。交互能力以模块形式嵌入各场景，涉及事件监听、数据操作、状态管理、交互控制、导出、主题、动画、坐标、图例与布局等，对应本地 API 参考文档。支持原生 JS 与 @visactor/react-vchart，并提供 React 专项诊断流程。
使用方式：用户需说明技术栈、数据样例或字段结构、当前 spec 或代码及期望效果。技能通过 references/topkey、type-meta、type-details、examples、components、api 等本地知识库查询配置与 API，本地不足时再参考在线文档。提供三个 Python 脚本生成可交互 HTML：generate_diagnosis_html.py（--config-file config.js）、generate_demo_html.py（--spec-file spec.js）、React 诊断脚本 generate_diagnosis_react_html.py（带 --problem-code、--problem-title、--cause、--solution-1-title 等参数）。输出要求基于 template/demo.html、template/diagnosis.html、template/diagnosis-react.html 生成可直接运行的完整 HTML，替换 {{SPEC_CODE}} 占位，并填入 CDN 引用。
适用场景与限制：适合使用 VChart 2.0.0+ 的前端图表开发、排错和样式复刻；旧版本 1.x 存在 API 差异需注意。图片还原为中等精确度，Figma 设计稿可提取较精确样式值。资料未提供收费、价格或平台支持等信息，使用前需确认自身版本与依赖。