为博客文章生成与暗模式兼容的内联 SVG 数据可视化图表。支持水平条形图、分组条形图、圆环图、折线图、棒棒糖图、面积图和雷达图，并具有自动平台检测功能（HTML 与 JSX/MDX）。强制图表类型多样性、可访问标记（role=img、aria-label）、来源归属和透明背景。当用户说“博客图表”、“生成图表”、“数据可视化”、“svg 图表”、“博客图表”、“可视化数据”时，或者当博客编写工作流程识别出值得图表的数据点（3 个以上可比较的指标、趋势、之前/之后的数据）时使用。
通过命令行快速安装 blog-chart AI 技能到你的开发环境
来源：agricidaniel/claude-blog。
Generates dark-mode-compatible inline SVG charts for blog posts. Invoked internally by blog-write and blog-rewrite when chart-worthy data is identified. Not a standalone user-facing command.
Select based on the data pattern. Diversity is mandatory — never repeat a type within one post.
| Before/after comparison | Grouped bar chart | | Ranked factors / correlations | Lollipop chart | | Parts of whole / market share | Donut chart | | Trend over time | Line chart | | Percentage improvement | Horizontal bar chart | | Distribution / range | Area chart | | Multi-dimensional scoring | Radar chart |
为博客文章生成与暗模式兼容的内联 SVG 数据可视化图表。支持水平条形图、分组条形图、圆环图、折线图、棒棒糖图、面积图和雷达图，并具有自动平台检测功能（HTML 与 JSX/MDX）。强制图表类型多样性、可访问标记（role=img、aria-label）、来源归属和透明背景。当用户说“博客图表”、“生成图表”、“数据可视化”、“svg 图表”、“博客图表”、“可视化数据”时，或者当博客编写工作流程识别出值得图表的数据点（3 个以上可比较的指标、趋势、之前/之后的数据）时使用。 来源：agricidaniel/claude-blog。
为搜索与 AI 引用准备的稳定字段与命令。
npx skills add https://github.com/agricidaniel/claude-blog --skill blog-chart为博客文章生成与暗模式兼容的内联 SVG 数据可视化图表。支持水平条形图、分组条形图、圆环图、折线图、棒棒糖图、面积图和雷达图，并具有自动平台检测功能（HTML 与 JSX/MDX）。强制图表类型多样性、可访问标记（role=img、aria-label）、来源归属和透明背景。当用户说“博客图表”、“生成图表”、“数据可视化”、“svg 图表”、“博客图表”、“可视化数据”时，或者当博客编写工作流程识别出值得图表的数据点（3 个以上可比较的指标、趋势、之前/之后的数据）时使用。 来源：agricidaniel/claude-blog。
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/agricidaniel/claude-blog --skill blog-chart 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/agricidaniel/claude-blog