Best use case
echarts-cdn is best used when you need a repeatable AI agent workflow instead of a one-off prompt.
Sub-skill of echarts: CDN (+1).
Teams using echarts-cdn should expect a more consistent output, faster repeated execution, less prompt rewriting.
When to use this skill
- You want a reusable workflow that can be run more than once with consistent structure.
When not to use this skill
- You only need a quick one-off answer and do not need a reusable workflow.
- You cannot install or maintain the underlying files, dependencies, or repository context.
Installation
Claude Code / Cursor / Codex
Manual Installation
- Download SKILL.md from GitHub
- Place it in
.claude/skills/cdn/SKILL.mdinside your project - Restart your AI agent — it will auto-discover the skill
How echarts-cdn Compares
| Feature / Agent | echarts-cdn | Standard Approach |
|---|---|---|
| Platform Support | Not specified | Limited / Varies |
| Context Awareness | High | Baseline |
| Installation Complexity | Unknown | N/A |
Frequently Asked Questions
What does this skill do?
Sub-skill of echarts: CDN (+1).
Where can I find the source code?
You can find the source code on GitHub using the link provided at the top of the page.
SKILL.md Source
# CDN (+1)
## CDN
```html
<script src="https://cdn.jsdelivr.net/npm/echarts@5/dist/echarts.min.js"></script>
```
## NPM
```bash
npm install echarts
```
```javascript
import * as echarts from 'echarts';
// Or import specific modules
import * as echarts from 'echarts/core';
import { LineChart } from 'echarts/charts';
import { GridComponent } from 'echarts/components';
import { CanvasRenderer } from 'echarts/renderers';
echarts.use([LineChart, GridComponent, CanvasRenderer]);
```Related Skills
echarts-typescript-support
Sub-skill of echarts: TypeScript Support.
echarts-example-1-loading-data-from-csv
Sub-skill of echarts: Example 1: Loading Data from CSV (+5).
echarts-event-handling
Sub-skill of echarts: Event Handling.
echarts-basic-charts
Sub-skill of echarts: Basic Charts (+4).
echarts-animation-configuration
Sub-skill of echarts: Animation Configuration (+2).
echarts-1-use-responsive-design
Sub-skill of echarts: 1. Use Responsive Design (+3).
test-oversized-skill
A test fixture skill that exceeds 200 lines with multiple H2/H3 sections for split testing.
interactive-report-generator
Generate interactive HTML reports with Plotly visualizations from data analysis results. Supports dashboards, charts, and professional styling.
data-validation-reporter
Generate interactive validation reports with quality scoring, missing data analysis, and type checking. Combines Pandas validation, Plotly visualization, and YAML configuration for comprehensive data quality reporting.
agent-os-framework
Generate standardized .agent-os directory structure with product documentation, mission, tech-stack, roadmap, and decision records. Enables AI-native workflows.
OrcaFlex Specialist Skill
```yaml
repo-ecosystem-hygiene
Interpret the daily read-only repo ecosystem hygiene audit and route remediation through approved workflows.