关于
This skill provides the CDN script tag to embed Plotly.js directly into web projects for interactive data visualizations. It's ideal for developers needing quick client-side charting without build tools or npm dependencies. The skill also includes complementary installation commands for Python/R Plotly backends.
快速安装
Claude Code
推荐npx skills add vamseeachanta/workspace-hub -a claude-code/plugin add https://github.com/vamseeachanta/workspace-hubgit clone https://github.com/vamseeachanta/workspace-hub.git ~/.claude/skills/plotly-javascript-cdn在 Claude Code 中复制并粘贴此命令以安装该技能
GitHub 仓库
Frequently asked questions
What is the plotly-javascript-cdn skill?
plotly-javascript-cdn is a Claude Skill by vamseeachanta. Skills package instructions and resources that Claude loads on demand, so Claude can perform plotly-javascript-cdn-related tasks without extra prompting.
How do I install plotly-javascript-cdn?
Use the install commands on this page: add plotly-javascript-cdn to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.
What category does plotly-javascript-cdn belong to?
plotly-javascript-cdn is in the data-visualization category, tagged general.
Is plotly-javascript-cdn free to use?
Yes. plotly-javascript-cdn is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.
相关推荐技能
这个Skill让开发者能够使用D3.js创建完全自定义的交互式数据可视化，适用于需要精细控制SVG元素和复杂动画的场景。它特别适合构建标准图表库无法实现的独特可视化效果，并提供完整的数据绑定和DOM操作能力。当项目需要高度定制化的交互图表而非快速简单的标准图表时，这是理想选择。
该Skill提供了Highcharts图表主题定制功能，让开发者能快速应用统一的视觉样式。通过Highcharts.setOptions()方法，可集中配置颜色方案、背景、字体等核心设计元素。适用于需要批量定制或统一品牌化图表场景，提升数据可视化的一致性和开发效率。
该Skill为Highcharts的Boost模块，专门用于优化海量数据集的渲染性能。它通过启用GPU加速和预分配内存等技术，显著提升包含数万甚至数百万数据点的图表交互速度。开发者只需引入boost.js并配置相应参数，即可在数据密集型可视化场景中获得流畅体验。
这个Skill为ECharts提供TypeScript类型支持，帮助开发者在Claude Code中获得完整的类型提示和自动补全。它包含了EChartsOption等核心类型定义，确保图表配置的类型安全。开发者可以像在本地IDE中一样，享受TypeScript带来的开发体验提升和错误预防能力。