everfern-ai/everfern/charts

Claude Code and agent skill by everfern-ai/everfern

Trust tier 2
  • community
LLM review pending
Source check pending

Checking that the SKILL.md file is still in the repository.

Use this skill when generating interactive charts or data visualizations for frontend dashboards. This skill dictates the use of ApexCharts for all visual representations of data.

Install

npx vskill@latest install everfern-ai/everfern/charts

SKILL.md

Interactive Charts in EverFern

When spawning sub-agents or writing interactive HTML/JS to display data visualizations, you must use ApexCharts (`apexcharts`).

Requirements

  • Always use ApexCharts for all graphs, plots, and interactive data visualizations.
  • Do not use Chart.js, Recharts, D3.js, or other charting libraries unless explicitly requested by the user.
  • Include the library via CDN in your HTML files: <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
  • Ensure charts are responsive, cleanly animated, and themed to match EverFern's premium aesthetic (modern fonts like Inter, subtle gradients, and custom tooltips).

Example Integration

html
<div id="chart"></div>
<script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
<script>
  var options = {
    chart: {
      type: 'area',
      height: 350,
      fontFamily: 'Inter, sans-serif',
      toolbar: { show: false }
    },
    series: [{
      name: 'Sales',
      data: [30, 40, 35, 50, 49, 60, 70]
    }],
    xaxis: {
      categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul']
    },
    colors: ['#6366f1'],
    fill: {
      type: 'gradient',
      gradient: {
        shadeIntensity: 1,
        opacityFrom: 0.4,
        opacityTo: 0.05,
        stops: [0, 90, 100]
      }
    },
    dataLabels: { enabled: false },
    stroke: { curve: 'smooth' }
  };
 
  var chart = new ApexCharts(document.querySelector("#chart"), options);
  chart.render();
</script>

Security

  • Security scanPassed, 93 of 100Pattern checks on the skill's files.
  • Model reviewNot runA model review is scheduled for the next rescan.

See the full security report

Quality evaluation

  • Task evaluationNot runNo evaluation yet. Run one in Skill Studio.

See evaluation results

Source

Popularity

7-day trend score
0

Not refreshed yet.

Works with

Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.

  • Claude Code
  • Cursor
  • GitHub Copilot
  • Windsurf
  • Codex
  • Gemini CLI
  • Cline
  • Amp
  • Roo Code
  • Goose
  • Continue
  • Kilo Code
  • Junie
  • Trae
  • OpenHands
  • Qwen Code
  • AI Agent
  • Tabnine Chat
  • Sourcegraph Cody
  • Amazon Q
  • Firebase Genkit
  • Sweep
  • Devin
  • Phind
  • Mentat
  • Claude Desktop
  • Aider
  • GPT Pilot
  • Plandex
  • bolt.new
  • v0
  • Replit Agent
  • Anse
  • TypingMind
  • BetterChatGPT
  • LibreChat
  • Warp AI
  • Pieces
  • Fig AI
Embed badge
vskill VERIFIED badge
[![vskill VERIFIED](https://verified-skill.com/api/v1/skills/everfern-ai/everfern/charts/badge)](https://verified-skill.com/skills/everfern-ai/everfern/charts)

Something wrong with this skill or its page? Tell us.