blog-chart
CommunityCreate dark-theme SVG charts for blog posts.
AuthorAgriciDaniel
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Bloggers often struggle to add scalable, accessible data visuals to posts without hand-coding SVGs. This Skill generates dark-mode-compatible inline SVG charts directly within blog content, simplifying data storytelling.
Core Features & Use Cases
- Generates multiple chart types (horizontal bar, grouped bar, donut, line, lollipop, area, radar) as inline SVG.
- Ensures accessible markup (role="img", aria-label) and transparent backgrounds for web compatibility.
- Works with HTML and MDX/JSX blog workflows, automatically adapting to dark or light themes.
- Provides source attribution and easy re-use across posts.
Quick Start
Provide a chart request in your blog-write workflow to generate an inline SVG chart.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: blog-chart Download link: https://github.com/AgriciDaniel/claude-blog/archive/main.zip#blog-chart Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.