Generates inline SVG charts for blog posts with accessibility markup and HTML/JSX-MDX support.
npx skills add https://github.com/captaindevv/blogs --skill blog-chart-captaindevv
Please help me install this Agent Skill. Skill: blog-chart Source: https://github.com/captaindevv/blogs/tree/main/skills/blog-chart Command: npx skills add https://github.com/captaindevv/blogs --skill blog-chart-captaindevv
Inline SVG charts render data visualizations inside blog posts, ensuring consistent styling and accessibility.
Provide a chart request with type and data, and the system will render a dark-mode SVG chart for your post.
High-intent search queries and answers about installing and using this skill.
To add accessible inline SVG charts to MDX blog posts, provide a chart request with type and data. The system enforces accessibility using role=img, aria-label, title, and desc tags, rendering dark-mode-compatible visualizations directly within your article content.
Supported chart types for dark mode blogs include horizontal bar, grouped bar, donut, line, lollipop, area, and radar charts. Each visualization renders with transparent backgrounds and a standard SVG shell, ensuring consistent styling across both HTML and JSX/MDX outputs.
Yes, these SVG charts automatically adapt for both HTML and JSX/MDX outputs. The system detects your blog format and applies a standard SVG shell with transparent backgrounds, ensuring consistent rendering across different publishing platforms without manual code adjustments.
During blog-write and blog-rewrite workflows, the system automatically identifies chart-worthy data within your article text. When detected, it generates appropriate inline SVG visualizations, making it suitable for data-driven articles, dashboards, and visual sidebars without manual chart creation.
No external libraries are required. The system generates self-contained inline SVG code with accessible markup and transparent backgrounds, meaning the charts render natively in the browser without depending on client-side JavaScript charting libraries or external rendering engines.
bykoleksii-hardoGenerate dark-mode-compatible inline SVG charts for blog posts.
smarmen86Generate dark-mode-compatible inline SVG charts for blog content.
AgriciDanielGenerate dark-mode-compatible inline SVG charts for blog posts.
chrisvoncsefalvayCreate custom interactive SVG data visualizations with D3.js across JavaScript frameworks.
