blog-chart

Generate dark-mode-compatible inline SVG data visualization charts for blog posts. Supports horizontal bar, grouped bar, donut, line, lollipop, area, and radar charts with automatic platform detection (HTML vs JSX/MDX). Enforces chart type diversity, accessible markup (role=img, aria-labelledby), source attribution, and transparent backgrounds. Use whenever the user mentions data visualization, charts, graphs, comparison tables that need to be visualized, or wants to embed inline SVG visualizations in a blog post, even if not invoking blog-write. 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).

Quality

100%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

Securityby

Low

Low-risk findings worth noting

Quality

Content

100%

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

The content is concise, highly actionable, and well-sequenced with a verification checklist. It appropriately delegates deterministic chart generation to a bundled script while keeping essential styling and construction guidance inline. Strong result with no meaningful weaknesses.

Dimension	Reasoning	Score
Conciseness	Lean, dense reference material (compact styling blocks, conversion tables, numbered steps) with no filler explaining concepts Claude already knows; every section earns its tokens.	3 / 3
Actionability	Provides fully executable guidance: a concrete CLI command, complete SVG/JSX shells with exact coordinates, and per-type path/snippet templates that are copy-paste ready.	3 / 3
Workflow Clarity	Clear sequence from request format through construction to output, capped by an explicit 'Quality Checklist (Verify Before Returning)' that serves as a validation checkpoint for the generated chart.	3 / 3
Progressive Disclosure	Well-organized single-level overview that delegates the deterministic path to a real, clearly-signaled script (generate_chart_svg.py) and an external styling reference, with no deep reference nesting.	3 / 3
	Total	12 / 12 Passed

Description

100%

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

The description is specific, well-triggered, complete, and distinct. It lists concrete chart types and constraints, supplies explicit 'Use when' triggers with natural phrasings, and occupies a clear niche. No changes needed.

Dimension	Reasoning	Score
Specificity	Enumerates seven concrete chart types plus platform detection, accessibility, and attribution constraints — a comprehensive list of specific actions, matching the score-3 anchor.	3 / 3
Completeness	Clearly answers both what (generate inline SVG charts with listed capabilities) and when (explicit 'Use when user says...' clause with concrete triggers), satisfying the score-3 anchor.	3 / 3
Trigger Term Quality	Provides varied natural user phrasings ('blog chart', 'generate chart', 'data visualization', 'svg chart', 'blog graph', 'visualize data'), giving good coverage of terms users would actually say.	3 / 3
Distinctiveness Conflict Risk	Targets a distinct niche (dark-mode inline SVG charts for blog posts) with domain-specific triggers unlikely to fire for unrelated skills.	3 / 3
	Total	12 / 12 Passed

Validation

93%

Warnings & errors only

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 15 / 16 Passed

Validation for skill structure

Criteria	Description	Result
frontmatter_unknown_keys	Unknown frontmatter key(s) found; consider removing or moving to metadata	Warning

	Total	15 / 16 Passed

Repository: AgriciDaniel/claude-blog
Path: brain/.raw/sources/claude-blog-skill/skills/blog-chart/SKILL.md
Commit: aec971a

Reviewed: about 15 hours ago

Table of Contents

Discovery Implementation Validation

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.