菜单
Build browser audio and interactive music with Tone.js in TypeScript/JavaScript. Use when creating synths, samplers, players, effects, sequences, transport-synced events, Web Audio graphs, or any UI that makes sound with Tone.js.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Bun is an all-in-one JavaScript/TypeScript toolkit that ships as a single binary. It includes a runtime (drop-in Node.js replacement), package manager, test runner, and bundler.
Use when configuring .oxlintrc.json or lint-related CI
WXT web extension framework — entrypoints, manifest generation, content scripts/UI, storage, messaging, modules, CLI, browser targets, publishing. Use when building, debugging, configuring, migrating, or publishing browser/web extensions with WXT.
Read this skill before serving as orchestrator
Read before writing user-facing docs — READMEs, tutorials, how-to guides, reference docs, or any prose for human readers. Use when creating or substantially editing docs aimed at users rather than agent-facing files like AGENTS.md.
Delegate work to configured subagents with single-agent, chain, parallel, async, forked-context, and intercom-coordinated workflows. Use only agents discovered from user or project Markdown agent files.
| name | tonejs |
| description | Build browser audio and interactive music with Tone.js in TypeScript/JavaScript. Use when creating synths, samplers, players, effects, sequences, transport-synced events, Web Audio graphs, or any UI that makes sound with Tone.js. |
Tone.js is a Web Audio framework for interactive music in the browser.
When working with Tone.js, read the relevant local reference first. The files in references/ mirror the Tone.js README, examples, and TypeDoc API docs.
await Tone.start() in a click/key handler before playing sound.synth.dispose(), effect.dispose(), etc.) when UI components unmount or sounds are no longer needed.Tone.now(), Tone.getTransport() / Tone.Transport, triggerAttackRelease(..., time)) instead of setTimeout for musical timing.Tone.getTransport() over the deprecated global Tone.Transport; many official examples still use Tone.Transport.import * as Tone from "tone"; examples from the Tone.js repo often use a global Tone object in browser HTML.import * as Tone from "tone";
async function play() {
await Tone.start();
const synth = new Tone.Synth().toDestination();
synth.triggerAttackRelease("C4", "8n");
}
.connect(), .chain(), or .toDestination().