# Blog Chart (agent skill)

> Blog Chart is an agent skill (a SKILL.md file) from AgriciDaniel/claude-blog. Generate dark-mode-compatible inline SVG data visualization charts for blog posts. It works with Claude Code and has 2,335 GitHub stars across a repository of 3 listed skills. Install it by copying the skill folder into your agent's skills directory.

Generate dark-mode-compatible inline SVG data visualization charts for blog posts. Supports horizontal bar, grouped bar, donut, line, lollipop, area, and radar charts with automatic platform detection (HTML vs JSX/MDX). Enforces chart type diversity, accessible markup (role=img, aria-labelledby), source attribution, and transparent backgrounds. Use when user says "blog chart", "generate chart", "data visualization", "svg chart", "blog graph", or "visualize data".

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/AgriciDaniel/claude-blog |
| Skill path | skills/blog-chart/SKILL.md |
| Skill name | blog-chart |
| GitHub stars | 2,335 |
| Installs on skills.sh | not listed |
| License | MIT |
| Skills in repo | 3 |
| Plugin marketplace | agricidaniel-blog |
| Official | no |
| Works with | Claude Code |
| Category | Docs & writing |
| Last commit | Sep 11, 2026 |

## When it triggers

- Use when user says "blog chart", "generate chart", "data visualization", "svg chart", "blog graph", or "visualize data".
- "blog chart"
- "generate chart"
- "data visualization"
- "svg chart"
- "blog graph"
- "visualize data"

## Add this skill

### Claude Code

```sh
/plugin marketplace add AgriciDaniel/claude-blog
/plugin install claude-blog@agricidaniel-blog
```

In the Claude apps, zip the skill folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).

### ChatGPT / Codex

```sh
git clone --depth 1 https://github.com/AgriciDaniel/claude-blog.git
cp -r claude-blog/skills/blog-chart .agents/skills/blog-chart   # repo; ~/.agents/skills for all projects
```

### Cursor

```sh
git clone --depth 1 https://github.com/AgriciDaniel/claude-blog.git
cp -r claude-blog/skills/blog-chart .cursor/skills/blog-chart   # project; ~/.cursor/skills for all projects
```

Sources (checked 2026-10-07): https://code.claude.com/docs/en/skills, https://support.claude.com/en/articles/12512180-using-skills-in-claude, https://learn.chatgpt.com/docs/build-skills, https://cursor.com/docs/context/skills

---

Canonical page: https://appsgit.com/skills/agricidaniel-blog-chart
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed nightly.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.