Blog Chart

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-code