CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

typescript-data-visualization-engineering

Build typed data visualizations in TypeScript. Use when the user wants TypeScript visualization code, typed data models, browser visualization components, UML-like diagram models, interactive graph or architecture diagram contracts, scroll-driven scene contracts, library selection guidance, or a maintainable visualization architecture beyond React- or Next-specific concerns.

59

Quality

74%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./plugins/build-web-data-visualization/skills/typescript-data-visualization-engineering/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

53%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 well-structured, dense set of prescriptive rules with good routing to sibling skills and a real, organized reference bundle. Its weaknesses are cross-section redundancy (mobile/editorial concerns repeated three times), a complete absence of executable TypeScript examples for a code-focused skill, and no explicit validation checkpoints in the workflow.

Suggestions

Add one or two short executable TypeScript examples (e.g., a discriminated-union data contract or a view-state codec with parse/validate/serialize) to lift actionability.

Consolidate the repeated mobile, editorial, generated-asset, and reduced-motion guidance into a single section or reference file, then link from the other sections.

Turn the TypeScript Rules into an ordered workflow with explicit checkpoints (e.g., "after defining the schema, validate sample data before writing render code") to give the sequence error-recovery structure.

DimensionReasoningScore

Conciseness

The body is dense and free of concept explanations Claude already knows, but the same mobile, editorial, generated-asset, and reduced-motion concerns are restated across TypeScript Rules (9-14), React Guidance, and Output Expectations. It could be meaningfully tightened by consolidating those repetitions, which keeps it below a 4.

3 / 5

Actionability

Guidance is specific about what to model (e.g., codec steps "parse, validate, normalize defaults, serialize in stable order, and migrate or reject stale schema versions"), but the body contains no code or type examples for a code-centric skill. It gives concrete direction without executable detail, sitting between pseudocode-level and fully executable guidance.

3 / 5

Workflow Clarity

A rough design sequence exists ("Define the data schema before rendering", "Validate external data at the boundary", separate loading/transformation/scale/rendering) plus explicit routing rules to sibling skills, but there are no validation checkpoints or feedback loops for the multi-step flow. Steps are listed with implicit rather than explicit checkpoints, matching the 3 anchor and clearly below the 4 anchor's "most checkpoints present".

3 / 5

Progressive Disclosure

Sections are clear and the References section groups one-level-deep pointers; the four local ./references/*.md files exist and are substantive. However, many referenced paths (../../references/foundations/*, sibling SKILL.md files) lie outside the bundle and cannot be verified from it, and rules 9-14's editorial detail is inlined where a reference file could carry it, leaving minor organization gaps.

4 / 5

Total

13

/

20

Passed

Description

83%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.

A strong description: concrete deliverables, an explicit multi-trigger "Use when" clause, and a clearly bounded TypeScript niche that excludes React/Next concerns. The main weaknesses are absent common trigger variations ("charts", "charting") and overlap with dedicated UML and scrollytelling sibling skills.

Suggestions

Add common natural trigger terms such as "charts", "charting", or "interactive charts" to broaden keyword coverage.

Sharpen the boundary with sibling skills by phrasing UML and scroll-driven triggers as contract design (e.g., "typed contract design for UML-like diagrams") rather than the diagram type itself.

DimensionReasoningScore

Specificity

"Build typed data visualizations in TypeScript" plus concrete deliverables ("typed data models", "UML-like diagram models", "scroll-driven scene contracts", "library selection guidance") lists several specific capabilities with minor gaps. It falls short of a 5 because a single verb governs a list of noun phrases rather than multiple distinct concrete actions.

4 / 5

Completeness

It explicitly answers what ("Build typed data visualizations in TypeScript") and when, via a fully explicit "Use when the user wants..." clause enumerating concrete trigger phrases. This matches the top anchor; a 4 would require the when-clause to be less explicit than it is.

5 / 5

Trigger Term Quality

Natural user phrases like "TypeScript visualization code", "interactive graph or architecture diagram", "scroll-driven scene contracts", and "library selection" appear with useful synonyms (graph, architecture, UML-like). A few natural terms are missing (e.g., "charts", "charting", named libraries), keeping it below a 5.

4 / 5

Distinctiveness Conflict Risk

"beyond React- or Next-specific concerns" carves out a clear niche, but triggers like "UML-like diagram models" and "scroll-driven scene contracts" overlap with dedicated sibling skills for those surfaces. Mostly distinct with minor overlap risk, not a fully clean niche.

4 / 5

Total

17

/

20

Passed

Validation

100%

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

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository

openai/plugins

Path

plugins/build-web-data-visualization/skills/typescript-data-visualization-engineering/SKILL.md

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.