為部落格文章產生與暗模式相容的內嵌 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