CtrlK
BlogDocsLog inGet started
Tessl Logo

d3-visualization

Teaches the agent to produce D3 charts and interactive data visualizations. A comprehensive D3.js skill with examples across chart types and techniques giving the agent expert-level knowledge to generate complex, interactive visualizations. Useful for editorial dashboards, reports, data-rich prototypes, and explanatory graphics.

55

Quality

63%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Low

Low-risk findings worth noting

Fix and improve this skill with Tessl

tessl review fix ./skills/d3-visualization/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

61%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 body is a lean catalogue entry that cleanly points to an upstream bundle, but it delegates the actual skill guidance entirely to an external repo, leaving its own content light on actionable D3 instructions and explicit workflow checkpoints.

Suggestions

Inline at least one minimal executable D3 example so the skill is useful without cloning the upstream bundle, lifting actionability beyond a single git command.

Tighten the 'How to use' steps into an explicit numbered sequence with a verification checkpoint (e.g. confirm the cloned folder is present before invoking), and avoid duplicating the frontmatter description in 'What it does'.

DimensionReasoningScore

Conciseness

The body is short and avoids explaining concepts Claude already knows, but repeats the frontmatter description verbatim in 'What it does' and includes a trimmable 'inspect the upstream README' line — minor over-explanation.

4 / 5

Actionability

Provides one concrete executable command (`git clone ... skills/snow-d3`) and example prompts, but the actual D3-building guidance is deferred entirely to the upstream repo, leaving the core task instructions incomplete.

3 / 5

Workflow Clarity

A rough sequence exists (inspect upstream → clone into skills/ → invoke by name/trigger) but checkpoints are implicit and one step ('inspect the upstream README for exact paths') is vague; no destructive/batch cap applies.

3 / 5

Progressive Disclosure

No local bundle files exist; the body cleanly organizes short sections and signals its one-level-deep reference (the upstream GitHub repo) clearly, though the real detailed content lives outside the skill entirely.

4 / 5

Total

14

/

20

Passed

Description

65%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 clearly identifies the D3 visualization niche with strong, natural trigger terms and low conflict risk, but lacks an explicit 'Use when...' clause and enumerates only a couple of concrete actions rather than a comprehensive capability list.

Suggestions

Add an explicit 'Use when...' clause naming concrete triggering situations (e.g. 'Use when the user asks for D3 charts, interactive data visualizations, or editorial graphics').

List a few more distinct concrete actions the skill performs (e.g. 'builds force graphs, treemaps, choropleths, and animated transitions') to lift specificity toward comprehensive coverage.

DimensionReasoningScore

Specificity

Names the D3.js domain and a couple of concrete actions ('produce D3 charts', 'generate complex, interactive visualizations') plus several use-contexts, but does not enumerate multiple distinct operations, matching the '1-2 concrete actions, not comprehensive' anchor.

3 / 5

Completeness

The 'what' is clear (teaches D3 chart generation), but the 'when' is only weakly implied via 'Useful for editorial dashboards, reports...' with no explicit 'Use when...' clause, which per the guidelines caps completeness at 3.

3 / 5

Trigger Term Quality

A rich, natural trigger list including 'interactive chart', 'd3 bar chart', 'd3 sankey', 'd3 treemap' — good coverage users would actually say, just shy of comprehensive (no extension-style synonyms).

4 / 5

Distinctiveness Conflict Risk

D3.js with highly specific chart-type triggers (sankey, treemap, sunburst, choropleth) occupies a clear niche with minimal overlap risk against other skills.

5 / 5

Total

15

/

20

Passed

Validation

93%

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

Validation15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

Total

15

/

16

Passed

Repository
nexu-io/open-design
Reviewed

Table of Contents

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.