worker-visualizer

A real-time data/particle/simulation visualizer whose heavy compute runs in a Web Worker (off the main thread), optionally sharing memory with the UI via SharedArrayBuffer, and renders to a canvas at 60fps. Produced as a single self-contained `index.html`. Use when the brief asks for a "web worker", "simulation", "particle system", "physics", "off-main-thread", "fractal", "real-time compute", or "audio/data visualizer". Open Design serves this in powered-preview mode so Workers and SharedArrayBuffer actually work.

Quality

89%

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

Quality

Content

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

A well-structured, concise body with concrete API-level guidance and a strong self-review checklist. Its main weakness is packaging: the 'READ FIRST' example.html reference is dangling and no inline executable scaffold compensates.

Suggestions

Ship the referenced example.html (or relocate it under references/) so the resource map and Step 0 'READ FIRST' navigation resolve to a real file.

Inline a minimal copy-paste worker scaffold (Blob + createObjectURL + SharedArrayBuffer/transferable postMessage loop) so the skill stays actionable when example.html is unavailable.

Add an explicit fix/retry loop to Step 4 (e.g. 'if SecurityError, confirm crossOriginIsolated and re-test both transport branches') to close the validation feedback loop.

Dimension	Reasoning	Score
Conciseness	Lean and purposeful throughout: the 'Why this is a powered artifact' paragraph conveys non-obvious platform behavior (cross-origin isolation, SharedArrayBuffer availability) rather than generic knowledge, and every workflow step is tight with no padding.	5 / 5
Actionability	Names concrete, specific APIs ('Blob + URL.createObjectURL', 'transferable ArrayBuffer', 'OffscreenCanvas + canvas.transferControlToOffscreen()') but provides no inline copy-paste code block — the executable example is delegated to example.html, which is not present in the bundle.	4 / 5
Workflow Clarity	A clear Step 0–4 sequence culminating in a P0 self-review checklist with concrete pass/fail criteria (verify BOTH transport branches, no unbounded growth, truthful stat), but it lacks an explicit fix-and-retry feedback loop, leaving a minor validation gap.	4 / 5
Progressive Disclosure	Structure and signaling are good (resource map, 'READ FIRST' callout, one-level reference to example.html), but the referenced example.html is not present in the bundle, so the primary navigation target the skill directs Claude to read first resolves to nothing.	3 / 5
	Total	16 / 20 Passed

Description

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

An excellent description: third-person, concrete, non-redundant, with both clear capability statements and a rich 'Use when' trigger clause. It distinguishes itself sharply from generic visualizer or worker skills.

Dimension	Reasoning	Score
Specificity	Lists multiple concrete actions — 'heavy compute runs in a Web Worker', 'optionally sharing memory with the UI via a SharedArrayBuffer', 'renders to a canvas at 60fps', 'Produced as a single self-contained index.html' — giving comprehensive coverage with no vague filler.	5 / 5
Completeness	Explicitly answers both 'what' (worker-based real-time visualizer producing a single index.html) and 'when' ('Use when the brief asks for...' with concrete trigger phrases), matching the anchor for a complete what+when description.	5 / 5
Trigger Term Quality	Comprehensive natural trigger coverage including synonyms and variations — 'web worker', 'simulation', 'particle system', 'physics', 'off-main-thread', 'fractal', 'real-time compute', 'audio/data visualizer' (plus multi-threading/粒子 in the triggers list).	5 / 5
Distinctiveness Conflict Risk	Occupies a clear niche (off-main-thread visualization with SharedArrayBuffer/OffscreenCanvas) with distinct, specific triggers unlikely to fire for unrelated skills, giving minimal conflict risk.	5 / 5
	Total	20 / 20 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: nexu-io/open-design
Path: design-templates/worker-visualizer/SKILL.md
Commit: 1a7a23d

Reviewed: about 6 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.