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.

56

Quality

64%

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

57%

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

This is a thin catalogue entry that points to an upstream repo rather than teaching D3 directly. It is well-structured and lean but provides little in-place actionable or workflow guidance beyond a clone command, and repeats the frontmatter description.

Suggestions

Stop duplicating the frontmatter description in the 'What it does' section; reference it or summarize only what is not already in the frontmatter.

Add a brief verification step after cloning (e.g., confirm the skill appears in the agent's skills directory or loads by name) so the workflow has a checkpoint.

Include at least one minimal in-place D3 snippet or pointer to a specific upstream example file so the entry is actionable without cloning first.

DimensionReasoningScore

Conciseness

The body is short and does not explain D3 concepts Claude already knows, but it duplicates the frontmatter description verbatim in 'What it does' and carries catalogue meta-prose ('This catalogue entry advertises the skill in Open Design so the agent discovers it during planning').

2 / 3

Actionability

It provides a concrete executable command ('git clone https://github.com/jiannanya/snow-d3.git skills/snow-d3') but the actual chart-building guidance is deferred entirely to the upstream repo, leaving the skill's core task without in-place instruction.

2 / 3

Workflow Clarity

An install sequence is present (inspect README, clone into skills/, invoke by name or trigger) but it is loose ('Inspect the upstream README for exact paths') with no verification that the skill loaded successfully.

2 / 3

Progressive Disclosure

Under 50 lines with no local bundle files, organized into clear sections (What it does / Source / How to use) and a single one-level-deep external reference to the upstream repo, satisfying the simple-skill carve-out.

3 / 3

Total

9

/

12

Passed

Description

72%

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 distinctive and trigger-rich but loses points for marketing fluff and a 'when' clause phrased as application domains rather than explicit user-mention triggers. Tightening the action list and adding a concrete 'Use when...' clause would raise it.

Suggestions

Replace marketing fluff ('comprehensive', 'expert-level knowledge') with a list of distinct concrete actions (e.g., build bar/line/treemap/sankey charts, add zoom and scroll animation).

Add an explicit 'Use when the user asks for D3 charts, interactive data visualizations, or editorial graphics' trigger clause instead of 'Useful for...'.

Avoid restating 'produce D3 charts and interactive data visualizations' and 'generate complex, interactive visualizations' as near-duplicates.

DimensionReasoningScore

Specificity

Names the domain and actions ('produce D3 charts and interactive data visualizations', 'generate complex, interactive visualizations') but the actions are repetitive rather than a list of distinct concrete operations, and the text is padded with marketing fluff ('comprehensive', 'expert-level knowledge').

2 / 3

Completeness

The 'what' is clear ('produce D3 charts and interactive data visualizations') but the 'when' is given only as application contexts ('Useful for editorial dashboards, reports, data-rich prototypes, and explanatory graphics') rather than an explicit 'Use when the user mentions...' trigger clause, capping completeness at 2.

2 / 3

Trigger Term Quality

The frontmatter triggers list plus description give strong coverage of natural terms users would say: 'd3', 'd3.js', 'interactive chart', 'data visualization', 'd3 bar chart', 'd3 sankey', 'd3 treemap', 'd3 choropleth'.

3 / 3

Distinctiveness Conflict Risk

It occupies a clear D3-specific niche with distinct D3-prefixed triggers, making it unlikely to fire for an unrelated skill.

3 / 3

Total

10

/

12

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.