claude-d3js-skill

This skill provides guidance for creating sophisticated, interactive data visualisations using d3.js.

Quality

55%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

Securityby

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./plugins/AI-Agents-Safe-Coding-Skills/skills/claude-d3js-skill/SKILL.md

The canonical home for this skill is claude-d3js-skill in sickn33/agentic-awesome-skills

Quality

Content

56%Weight 40%Scale 1-5

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

The content is highly actionable with extensive executable examples and a clear core workflow, but it is noticeably verbose through repeated boilerplate and inlined reference material, and the assets section contains broken file-path references.

Suggestions

Fix the asset references to match the real files (`chart-template.jsx`, `interactive-template.jsx`) so the navigation links resolve.

Move the Scales reference and Best practices sections into the existing `scale-reference.md` / `colour-schemes.md` reference files, keeping SKILL.md a lean overview with signalled one-level-deep pointers.

De-duplicate the dimension/margin/scale setup boilerplate repeated across the bar chart, chord, and heatmap examples by referencing a single shared snippet or the chart template.

Dimension	Reasoning	Score
Conciseness	The ~820-line body repeats the same dimension/margin/scale setup boilerplate across the core workflow, bar chart, chord, and heatmap examples, and the Overview explains what d3.js is — noticeably verbose with several padded, redundant sections.	2 / 5
Actionability	Provides mostly executable, copy-paste-ready code for many chart types with self-contained functions, but some snippets (line, pie, scatter, force) reference undefined `svg`/`g`/`width`/`xScale`, leaving minor gaps.	4 / 5
Workflow Clarity	A clear numbered Core workflow (setup, integration pattern, structure, responsive sizing) is sequenced with defensive data guards present throughout, though validation checkpoints beyond the empty-data guard are only implicit.	4 / 5
Progressive Disclosure	References are clearly signalled in a Resources section and the referenced files exist, but substantial reference-like content (full Scales reference, Best practices) is inlined that belongs in the reference files, and the asset links are broken (`chart-template.js`/`interactive-template.js` vs the actual `.jsx` files).	3 / 5
	Total	13 / 20 Passed

Description

53%Weight 40%Scale 1-5

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 states a clear domain and what the skill does but omits any 'Use when...' trigger guidance, leaving Claude without explicit invocation triggers. Specificity and trigger-term coverage are adequate but not comprehensive.

Suggestions

Add an explicit 'Use when...' clause naming concrete triggers, e.g. 'Use when creating custom, interactive data visualisations with d3.js, or when the user mentions charts, graphs, or d3.'

List a few concrete action types (e.g. 'build bar charts, force-directed networks, chord diagrams, and custom SVG layouts') to lift specificity toward score 4-5.

Include synonyms and file cues ('chart', 'graph', 'plot', 'd3.js', '.js') to broaden natural keyword coverage.

Dimension	Reasoning	Score
Specificity	Names the domain (d3.js) and the actions 'creating sophisticated, interactive data visualisations', but the actions are generic and not comprehensive like the score-4/5 anchors that list several specific concrete actions.	3 / 5
Completeness	Has a clear 'what' (creating interactive data visualisations with d3.js) but no 'when' clause or explicit trigger guidance, which per the judging guidelines caps completeness at 3.	3 / 5
Trigger Term Quality	Includes relevant natural terms ('data visualisations', 'd3.js', 'interactive') but misses common variations and synonyms users would say such as 'chart', 'graph', 'plot', and file extension '.js'.	3 / 5
Distinctiveness Conflict Risk	Naming d3.js specifically carves a clear niche that is mostly distinct, with only minor overlap risk against general-purpose charting/dataviz skills.	4 / 5
	Total	13 / 20 Passed

Validation

87%

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 — 14 / 16 Passed

Validation for skill structure

Criteria	Description	Result
skill_md_line_count	SKILL.md is long (824 lines); consider splitting into references/ and linking	Warning
frontmatter_unknown_keys	Unknown frontmatter key(s) found; consider removing or moving to metadata	Warning

	Total	14 / 16 Passed

Repository: administrakt0r/AI-Agents-Safe-Coding-Skills
Path: plugins/AI-Agents-Safe-Coding-Skills/skills/claude-d3js-skill/SKILL.md
Commit: 57c135b

Reviewed: 2 days 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.