Summary
Generates inline SVG charts for blog posts with proper dark mode support and accessibility markup. Supports seven chart types (horizontal bar, grouped bar, donut, line, lollipop, area, radar) and automatically detects whether you're writing HTML or JSX to format attributes correctly. The skill enforces chart type diversity within a single post and includes mandatory source attribution at the bottom of every chart. All styling uses currentColor and transparent backgrounds so charts work on any theme. Designed to be invoked by blog writing workflows when they spot chart worthy data, not as a standalone command. If you're comparing metrics or showing trends in a blog post, this handles the visualization without you needing to touch D3 or a charting library.
Install to Claude Code
npx -y skills add agricidaniel/claude-blog --skill blog-chart --agent claude-codeInstalls into .claude/skills of the current project.
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
Files
SKILL.md
Select a file.
Featured
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
