為部落格文章產生與暗模式相容的內嵌 SVG 資料視覺化圖表。支持水平条形图、分组条形图、圆环图、折线图、棒棒糖图、面积图和雷达图，并具有自动平台检测功能（HTML 与 JSX/MDX）。強制圖表類型多樣性、可存取標記（role=img、aria-label）、來源歸屬和透明背景。当用户说“博客图表”、“生成图表”、“数据可视化”、“svg 图表”、“博客图表”、“可视化数据”时，或者当博客编写工作流程识别出值得图表的数据点（3 个以上可比较的指标、趋势、之前/之后的数据）时使用。
透過命令列快速安裝 blog-chart AI 技能到你的開發環境
來源：megastep/codex-skills。
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 个以上可比较的指标、趋势、之前/之后的数据）时使用。 來源：megastep/codex-skills。
為搜尋與 AI 引用準備的穩定欄位與指令。
npx skills add https://github.com/megastep/codex-skills --skill blog-chart為部落格文章產生與暗模式相容的內嵌 SVG 資料視覺化圖表。支持水平条形图、分组条形图、圆环图、折线图、棒棒糖图、面积图和雷达图，并具有自动平台检测功能（HTML 与 JSX/MDX）。強制圖表類型多樣性、可存取標記（role=img、aria-label）、來源歸屬和透明背景。当用户说“博客图表”、“生成图表”、“数据可视化”、“svg 图表”、“博客图表”、“可视化数据”时，或者当博客编写工作流程识别出值得图表的数据点（3 个以上可比较的指标、趋势、之前/之后的数据）时使用。 來源：megastep/codex-skills。
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/megastep/codex-skills --skill blog-chart 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/megastep/codex-skills