Svelte 5 port
| |

Agent Skill

Documentation Index

Fetch the complete documentation index at: /llms.txt. Use this file to discover all available pages before exploring further.

Teach coding agents how to install, compose, and debug EvilCharts for Svelte.

The official evilcharts-svelte skill gives a coding agent the library-specific context it needs before it changes a chart. Install it once, then ask the agent to use it whenever it adds, customizes, migrates, or debugs EvilCharts components.

Install the agent skill

Install the skill from this repository with the skills CLI:

npx skills add mielsense/evilcharts-sv --skill evilcharts-svelte

The installed skill includes a chart catalog and an implementation guide. It directs the agent to the current Markdown documentation before it chooses a registry item, import, component, or prop.

Read the skills CLI documentation , or review the published SKILL.md before installing it. Public skills are added to the skills.sh directory from anonymous CLI installation telemetry; the GitHub install command above works directly and does not depend on a directory listing.

What the skill covers
  • All eight chart families: Area, Line, Bar, Composed, Radar, Pie, Radial, and Sankey
  • Choosing between LayerChart and Apache ECharts for each chart
  • Compound roots and their provider-specific child components
  • Registry installation, focused examples, and complete dashboard blocks
  • Chart config, accessibility, selection, loading states, and reduced-motion behavior
  • Ordered-dither variants adapted from Dither Kit
  • The boundary for mixing providers safely in one application

Provider choice is per chart. An application may render LayerChart and ECharts charts side by side, but every child inside a compound chart root must come from that root’s provider.

Ask an agent to use it

Name the skill and the outcome you want. The agent can then select the provider, registry item, and closest documented example without guessing from the original React library.

Use the evilcharts-svelte skill to add an accessible LayerChart area chart with a clickable legend
and reduced-motion support. Start from the closest documented example.

For a complete dashboard composition, ask for a block rather than a basic example:

Use the evilcharts-svelte skill to find an ECharts bar block with supporting metrics, then adapt it
to monthly revenue data.

Context7 alternative

If your agent cannot install repository skills, Context7 MCP is the alternative. Context7 retrieves the current documentation on demand; the installed skill additionally provides the workflow, catalog, and guardrails described above.

EvilCharts for Svelte is indexed under the exact library ID

/mielsense/evilcharts-sv. Give that ID to the agent so it reads this Svelte port rather than the original React implementation: 
Use Context7 library /mielsense/evilcharts-sv for EvilCharts Svelte docs.
Open the EvilCharts for Svelte Context7 page .

Agents without either integration can read the documentation index ,

the full documentation snapshot , or connect to the documentation MCP endpoint .
Was this page helpful?