Generate dark-mode-compatible inline SVG charts for blog content.
npx skills add https://github.com/shenxingy/Clade --skill blog-chart-shenxingy
Please help me install this Agent Skill. Skill: blog-chart Source: https://github.com/shenxingy/Clade/tree/main/configs/skills/blog-chart Command: npx skills add https://github.com/shenxingy/Clade --skill blog-chart-shenxingy
It helps you turn chart-worthy metrics into dark-mode-compatible inline SVG visualizations so blog posts communicate data clearly without manual chart design.
Ask your AI to generate an inline SVG blog chart for the provided data request, specifying the chart type (or letting it choose) and the source attribution.
High-intent search queries and answers about installing and using this skill.
To generate accessible inline SVG charts for a blog post, use an automated workflow that outputs markup with role="img", aria-label, title, and desc tags for screen reader compatibility. This ensures your data visualizations are readable and properly attributed without manual design.
Yes, you can embed SVG data visualizations in MDX files by converting standard HTML attributes to JSX-compatible formats. The SVG markup uses currentColor-based styling and transparent backgrounds to ensure seamless integration and consistent rendering within your MDX content.
For visualizing comparisons and trends in articles, horizontal bar, grouped bar, line, and area charts are highly effective. Donut, lollipop, and radar charts can also illustrate distributions or multi-dimensional scoring clearly for your readers.
Dark mode styling works automatically with inline SVG graphics when the markup uses currentColor-based styling and transparent backgrounds. This approach inherits the text color from your blog's theme, ensuring the visualizations adapt seamlessly without custom CSS overrides.
To add source attribution to data visualizations in markdown, include source text within the generated SVG markup. This enforces consistent credibility by appending the required attribution directly to the chart output, ensuring readers see the data origin alongside the visual.
bykoleksii-hardoGenerate dark-mode-compatible inline SVG charts for blog posts.
AgriciDanielGenerate dark-mode-compatible inline SVG charts for blog posts.
captaindevvGenerates inline SVG charts for blog posts with accessibility markup and HTML/JSX-MDX support.
rothwellmawela-cyberGenerate dark-mode-compatible inline SVG charts for blog posts.
