Generate dark-mode-compatible inline SVG charts for blog content.
npx skills add https://github.com/smarmen86/claude-code-kit --skill blog-chart-smarmen86
Please help me install this Agent Skill. Skill: blog-chart Source: https://github.com/smarmen86/claude-code-kit/tree/main/skills/blog-chart Command: npx skills add https://github.com/smarmen86/claude-code-kit --skill blog-chart-smarmen86
This skill solves the challenge of creating consistent, accessible, and visually appealing data visualizations for blog posts that automatically adapt to both light and dark themes.
Use the blog-chart skill to generate a horizontal bar chart comparing AI citation sources based on the provided data points.
High-intent search queries and answers about installing and using this skill.
You create accessible SVG charts by generating inline data visualizations that automatically include role=img, aria-label, title, and desc tags for screen readers. This enforces strict accessibility compliance while producing professional blog graphics.
Yes, you can generate dark-mode compatible data visualizations for MDX. The tool applies automatic platform-specific formatting for both HTML and MDX, ensuring inline SVG charts adapt correctly to light and dark themes.
Supported chart types for inline SVG blog visualizations include bar, donut, line, and radar charts. Each type uses a standardized SVG shell and color palette to maintain visual consistency across your blog content.
No, generating SVG charts with standardized palettes requires no external libraries or dependencies. The tool enforces design consistency internally through standardized SVG shells and color palettes built directly into the generation process.
Data visualizations may not render correctly in dark mode if they lack standardized SVG shells and color palettes designed for theme adaptation. Generating dark-mode-compatible inline SVGs ensures automatic visual consistency across both light and dark environments.
bykoleksii-hardoGenerate dark-mode-compatible inline SVG charts for blog posts.
mohamednegm0Generate accessible dark-mode inline SVG charts for MDX and HTML blog posts.
captaindevvGenerates inline SVG charts for blog posts with accessibility markup and HTML/JSX-MDX support.
CyapstayeGenerate dark-themed architecture diagrams as standalone HTML files with inline SVG.
