·blog-chart
""

blog-chart

為部落格文章產生與暗模式相容的內嵌 SVG 資料視覺化圖表。支援水平長條圖、分組長條圖、圓環圖、折線圖、棒棒糖圖、面積圖和雷達圖,並具有自動平台偵測功能(HTML 與 JSX/MDX)。強制圖表類型多樣性、可存取標記(role=img、aria-label)、來源歸屬和透明背景。當使用者說「部落格圖表」、「產生圖表」、「資料視覺化」、「svg 圖表」、「部落格圖表」、「視覺化資料」時,或當部落格編寫工作流程識別出值得圖表的資料點(3 個以上可比較的指標、趨勢、之前/之後的資料)時使用。

11安裝·0熱度·@agricidaniel

安裝

$npx skills add https://github.com/agricidaniel/claude-blog --skill blog-chart

如何安裝 blog-chart

透過命令列快速安裝 blog-chart AI 技能到你的開發環境

  1. 開啟終端機: 開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等)
  2. 執行安裝指令: 複製並執行以下指令:npx skills add https://github.com/agricidaniel/claude-blog --skill blog-chart
  3. 驗證安裝: 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

來源:agricidaniel/claude-blog。

SKILL.md

查看原文

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
分類
""溝通寫作
認證
收錄時間
2026-03-09
更新時間
2026-03-10

Browse more skills from agricidaniel/claude-blog

快速解答

什麼是 blog-chart?

為部落格文章產生與暗模式相容的內嵌 SVG 資料視覺化圖表。支援水平長條圖、分組長條圖、圓環圖、折線圖、棒棒糖圖、面積圖和雷達圖,並具有自動平台偵測功能(HTML 與 JSX/MDX)。強制圖表類型多樣性、可存取標記(role=img、aria-label)、來源歸屬和透明背景。當使用者說「部落格圖表」、「產生圖表」、「資料視覺化」、「svg 圖表」、「部落格圖表」、「視覺化資料」時,或當部落格編寫工作流程識別出值得圖表的資料點(3 個以上可比較的指標、趨勢、之前/之後的資料)時使用。 來源:agricidaniel/claude-blog。

如何安裝 blog-chart?

開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等) 複製並執行以下指令:npx skills add https://github.com/agricidaniel/claude-blog --skill blog-chart 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

這個 Skill 的原始碼在哪?

https://github.com/agricidaniel/claude-blog

詳情

分類
""溝通寫作
來源
skills.sh
收錄時間
2026-03-09