ブログ投稿用のダークモード互換のインライン SVG データ視覚化チャートを生成します。自動プラットフォーム検出 (HTML 対 JSX/MDX) を使用して、水平棒、集合棒、ドーナツ、折れ線、ロリポップ、面、およびレーダー チャートをサポートします。グラフの種類の多様性、アクセス可能なマークアップ (role=img、aria-label)、ソースの帰属、および透明な背景を強制します。 Use when user says "blog chart", "generate chart", "data visualization", "svg chart", "blog graph", "visualize data", or when the blog-write workflow identifies chart-worthy data points (3+ comparable metrics, trends, before/after data).
コマンドラインで 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)、ソースの帰属、および透明な背景を強制します。 Use when user says "blog chart", "generate chart", "data visualization", "svg chart", "blog graph", "visualize data", or when the blog-write workflow identifies chart-worthy data points (3+ comparable metrics, trends, before/after data). ソース: megastep/codex-skills。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/megastep/codex-skills --skill blog-chartブログ投稿用のダークモード互換のインライン SVG データ視覚化チャートを生成します。自動プラットフォーム検出 (HTML 対 JSX/MDX) を使用して、水平棒、集合棒、ドーナツ、折れ線、ロリポップ、面、およびレーダー チャートをサポートします。グラフの種類の多様性、アクセス可能なマークアップ (role=img、aria-label)、ソースの帰属、および透明な背景を強制します。 Use when user says "blog chart", "generate chart", "data visualization", "svg chart", "blog graph", "visualize data", or when the blog-write workflow identifies chart-worthy data points (3+ comparable metrics, trends, before/after data). ソース: 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