Agent Skill

Worker Visualizer skill

worker-visualizernexu-io/open-designdesign-templates/worker-visualizer/SKILL.md

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". OpenDesign serves this in powered-preview mode so Workers and SharedArrayBuffer actually work.

103kApache-2.0

always on

123 tokname + description

once used

695 tokSKILL.md body

bundled files

15 KB

repo stars

103kGitHub

Install the Worker Visualizer skill

Skills CLI (Claude Code, Codex, Cursor and others)

npx skills add https://github.com/nexu-io/open-design --skill worker-visualizer

Claude Code, by hand (all projects)

git clone --depth 1 https://github.com/nexu-io/open-design.git /tmp/open-design
mkdir -p ~/.claude/skills
cp -R /tmp/open-design/design-templates/worker-visualizer ~/.claude/skills/worker-visualizer

For one project only, copy the folder into .claude/skills/ in that project instead. The agent picks it up when a task matches its description.

What it costs your context

Agent Skills load in three steps. Tokens counted with the o200k tokenizer; your model's count will differ a little.

When	What loads	Cost
Every session	Name and description	123 tok
When the agent uses it	The SKILL.md instructions	695 tok
Only if opened	1 bundled files (5 KB)	varies

Until it is used, worker-visualizer costs about 11× less than the median MCP server we measured (1,362 tokens on every turn). Installing all 150 skills from nexu-io/open-design would load 9,514 tokens of descriptions. Skills vs MCP study

Checks

Our checks found nothing to flag: it follows the Agent Skills specification's naming and size guidelines and doesn't pipe downloads into a shell.

Checked 2026-10-22 · method

What's inside

The headings of its SKILL.md. Read the full file on GitHub.

Worker Visualizer Skill
Why this is a powered artifact
Resource map
Workflow
Step 0 — Read the reference
Step 1 — Choose the workload
Step 2 — Build index.html
Step 3 — Overlay + brand
Step 4 — Self-review (P0)

More skills from nexu-io/open-design

All skills in this repo

article-magazinenexu-io/open-design
Huashu / huashu-md-html-inspired magazine article layout for turning Markdown or notes into a polished long-form HTML essay.
103k30 tok idle · 207 in use
aster-ateliernexu-io/open-design
Use this template when the user wants an artistic creative-studio website with classical imagery, cobalt skies, elegant serif typography and cinematic scrolling.
103k31 tok idle · 539 in use
audio-jinglenexu-io/open-design
Audio generation skill — jingles, beds, voiceover, and sound effects. Routes music requests to Suno V5 / Udio / Lyria, speech to MiniMax TTS / FishAudio / ElevenLabs V3, and SFX to ElevenLabs SFX or AudioCraft. Output is one MP3/WAV file saved to the project folder.
103k78 tok idle · 942 in use
blog-postnexu-io/open-design
A long-form article / blog post — masthead, hero image placeholder, article body with figures and pull quotes, author byline, related posts. Use when the brief asks for "blog", "article", "post", "essay", or "case study".
103k57 tok idle · 570 in use
build-testnexu-io/open-design
Run the project's build / typecheck / lint / test commands and emit the build.passing + tests.passing signals devloop convergence reads.
103k31 tok idle · 607 in use
card-twitternexu-io/open-design
Twitter quote or data card designed to pair with a post.
103k15 tok idle · 151 in use
card-xiaohongshunexu-io/open-design
Xiaohongshu-style knowledge cards, arranged as a swipeable multi-card carousel.
103k24 tok idle · 266 in use
clinical-case-reportnexu-io/open-design
Structured medical case presentation for clinical rounds, conferences, and documentation. Generates SOAP-format or narrative case reports with physiologically accurate vitals, labs, and evidence-based plans. Use when the brief mentions "case report", "case presentation", "SOAP note", "clinical case", "ward rounds", "case summary", or "patient presentation".
103k73 tok idle · 1,806 in use