iChart.js skill
iChart.js gives agents a checked path from data to chart: type selection, a JSON spec, validation and SVG or Canvas rendering.
- 352 ★ on the repository
- Last commit
- Apache-2.0
Minimal access
Why this level
- The skill works with local data and project files and requests no network access.
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add skills/ichart-jsDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewMinimal accessThe tool runs nothing and makes no network calls.
- The skill works with local data and project files and requests no network access.
This is third-party code. Review the repository files before installing.
What it does
iChart.js 2.0 is a visualization runtime built for agents. The agent calls public functions such as `getCapabilities`, `inspectData` and `planChart`, assembles a JSON spec, validates it with `validateSpec` and renders with `createChart`. Output covers interactive pages, SVG, PNG and JPEG files, JSON checkpoints and integration code. The `ichartjs` skill teaches the agent that sequence: chart type choice, diagrams and a freeform board, step-by-step construction with previews, and readability checks. The runtime installs separately as `@taylorwong/ichartjs`, and the skill does not replace it.
Who it is for. Frontend developers and analysts who ask an agent to build charts, diagrams and dashboards from their own data and want a verifiable result.
Good fit when
- An agent embeds a chart in a web project and must not guess config fields.
- A table has to become an SVG or PNG for a report.
- A process diagram is built step by step with a preview at each stage.
- A chart edit is described in words and the agent changes the spec.
Not a fit when
- The team already uses a chart library that fits.
- You need server rendering without a browser, SVG or Canvas.
- The skill is expected to replace the runtime, but it only guides the agent.
Example request
Build a monthly line chart from `sales.csv` with the `ichartjs` skill, validate the spec and save the result as SVG.Limitations
The skill does not replace the runtime or create a live agent connection, so the runtime must be installed separately. Docs and skill are pinned to version `2.0.37`, and installed capabilities take priority over online examples. Step-by-step diagram construction needs a live JavaScript host with approval of each step. The profiles (`standard`, `project`, `diagram`, `board`) are separate entry points.
How to disable. Remove the `ichartjs` skill from the agent's skills directory and the `@taylorwong/ichartjs` package from the project dependencies with your package manager.
FAQ
Do I install the skill or the package?
Both. The package `@taylorwong/ichartjs` holds the runtime, and the `ichartjs` skill guides the agent through its public functions.
Which output formats exist?
Interactive pages, SVG, PNG, JPEG, JSON checkpoints and integration code.
How do I install the skill globally for Codex?
Run `npx skills add wanghetommy/ichartjs --skill ichartjs --agent codex --global --yes`.
Can I pin a version?
Yes: the skill has a `v2.0.37` tag URL and the package installs with `npm install @taylorwong/ichartjs@2.0.37`.
Which agents does the skill work with?
The README names Codex, WorkBuddy and other Agent Skills-compatible hosts. A WorkBuddy CLI adapter is not declared, so the skill is imported by its directory URL there.
Discussion
No questions or reviews yet.
Related
SkillsLightweight Charts skills for agents
Lightweight Charts skills
Two TradingView skills: working with Lightweight Charts v5 without outdated v4 calls, and authoring your own plugins, custom series and primitives
The rhp skill and checker teach an agent to build charts from HTML elements on SolidJS and check them at several widths.
Three skills for Bklit UI charts in React: installing from the shadcn registry, styling to the app theme and moving off Recharts.
The @microcharts/mcp server: an agent picks from 106 tiny React charts, gets ready props and receives SVG with alt text
Microsoft's official skill lays out graphs and networks in JavaScript and TypeScript and exports figures to SVG, PDF, PNG and EPS.
Three.js Awesome Graphics Skills
threejs-awesome-graphics-agent-skills
A three.js skills pack for great scene and game graphics: lighting, PBR, shaders, TSL and WebGPU, post-processing, particles
README in short
The README opens with an agent section: a call chain from `getCapabilities` to `chart.explain`, a table of entry points, and options for installing the runtime and the skill.