worker-visualizer
This skill is for Coding and helps you build a real-time particle system, create an audio visualizer, and render a physics simulation.
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.
Helps you
- Build a real-time particle system
- Create an audio visualizer
- Render a physics simulation
- Offload heavy compute to a web worker
- Visualize fractal generation
- Animate data with shared memory
Install
Plugin marketplace/plugin marketplace add nexu-io/open-design
/plugin install worker-visualizerWhat it can use
The author didn’t declare which tools this skill uses. Read the SKILL.md before installing it.
Web Workercanvas60FpsSharedarray BufferParticle SystemPhysics Simulation
Also in nexu-io/open-design
View the repoHyperframes-based video template for retro pixel deck motion design. Use when users want a high-fidelity, multi-scene HTML-to-video composit...
Generate and iterate ad creative including headlines, descriptions, and primary text. Useful for paid social and search ad iteration.
Luxury dark-editorial HyperFrames template for three-page cinematic storyboards, inspired by haute couture title cards and magazine chapter...
Browser automation CLI for AI agents. Use when the user needs to inspect, test, or automate browser behavior: navigating pages, filling form...
Full-lifecycle AI music album production — concept, lyric drafting, track sequencing, and export. Useful for indie album experiments and bra...
Create generative art using p5.js with seeded randomness so every render is reproducible. Useful for procedural posters, motion-style stills...
Apple Human Interface Guidelines as 14 agent skills covering platforms, foundations, components, patterns, inputs, and technologies for iOS,...
Huashu / huashu-md-html-inspired magazine article layout for turning Markdown or notes into a polished long-form HTML essay.
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS,...
Audio generation skill — jingles, beds, voiceover, and sound effects. Routes music requests to Suno V5 / Udio / Lyria, speech to MiniMax TTS...
A long-form article / blog post — masthead, hero image placeholder, article body with figures and pull quotes, author byline, related posts....
Transform rough ideas into fully-formed designs through structured questioning and alternative exploration. Useful early in concept work.
Other Coding skills
Behavioral guidelines to reduce common LLM coding mistakes. Use when writing, reviewing, or refactoring code to avoid overcomplication, make...
Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI be...
Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-design...
Reference for the Claude API / Anthropic SDK — model ids, pricing, params, streaming, tool use, MCP, agents, caching, token counting, model...
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS,...
Create a detailed refactor plan with tiny commits via user interview, then file it as a GitHub issue. Use when user wants to plan a refactor...