vchart-development-assistant
✓VChart图表库专家助手，支持问题诊断、配置生成、图片/Figma设计稿还原等场景，基于结构化知识库提供精确的图表开发解决方案
Installation
SKILL.md
| 配置项索引 | references/topkey/.json | 用户意图 → 配置项名称的快速映射 | | 类型元数据 | references/type-meta/.json | 图表类型的完整属性结构和继承关系 | | 类型详情 | references/type-details/.md | 配置项的详细类型定义和代码示例 | | 示例库 | references/examples/ | 常用图表的完整示例代码 | | 组件参考 | references/components/ | 组件配置速查 | | 输出模板 | template/demo.html | 生成可运行 HTML 示例的标准模板（纯 JS） |
| 诊断模板 | template/diagnosis.html | 问题诊断 HTML 模板（纯 JS） | | React 诊断 | template/diagnosis-react.html | React-VChart 问题诊断 HTML 模板 |
| VChart 问题诊断 | generatediagnosishtml.py | config.js (包含 problemReview/diagnosis/solutions) | scenario-1-diagnosis.md 参数参考 | | 配置生成演示 | generatedemohtml.py | spec.js (完整 VChart spec) | scenario-2-generation.md 参数参考 | | 图片还原演示 | generatedemohtml.py | spec.js (基于图片分析的 spec) | scenario-3-image-replication.md 参数参考 |
VChart图表库专家助手，支持问题诊断、配置生成、图片/Figma设计稿还原等场景，基于结构化知识库提供精确的图表开发解决方案 Source: visactor/vchart.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/visactor/vchart --skill vchart-development-assistant- Source
- visactor/vchart
- Category
- *Creative Media
- Verified
- ✓
- First Seen
- 2026-02-11
- Updated
- 2026-02-18
Quick answers
What is vchart-development-assistant?
VChart图表库专家助手，支持问题诊断、配置生成、图片/Figma设计稿还原等场景，基于结构化知识库提供精确的图表开发解决方案 Source: visactor/vchart.
How do I install vchart-development-assistant?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/visactor/vchart --skill vchart-development-assistant Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/visactor/vchart
Details
- Category
- *Creative Media
- Source
- skills.sh
- First Seen
- 2026-02-11