tonejs

When to use

Use this skill whenever you are dealing with Tone.js code to obtain domain-specific knowledge for browser-based music synthesis, audio processing, programmatic music generation, and emotionally-driven composition.

How to use

Read individual rule files for detailed explanations and code examples:

Core API

• rules/synths.md - All synth types, oscillator variants (fat, FM, AM, pulse, PWM, custom partials), envelopes, and portamento
• rules/sequencing.md - Transport, Loop, Sequence, Part, Pattern, humanization, probability, and look-ahead scheduling
• rules/effects.md - Effects chains: Reverb, Delay, Filter, Distortion, Chorus, Phaser, Tremolo, AutoWah, Vibrato, PitchShift, StereoWidener, Chebyshev
• rules/timing.md - Time notation ("4n", "8n", "1m"), tempo, BPM, TimeClass, transport position, and swing
• rules/samples.md - Sample playback with Player, Players, Sampler, GrainPlayer, and Buffer
• rules/signals.md - Signal routing, automation, rampTo, LFO modulation, and signal math
• rules/midi.md - MIDI integration with WebMidi API, @tonejs/midi file parsing
• rules/visualization.md - Audio analysis with FFT, Waveform, Meter, DCMeter, and Follower
• rules/browser-audio.md - AudioContext, Tone.start(), user interaction requirements, React patterns

Music Composition

• rules/emotion.md - Music emotion engine: map feelings (happy, sad, tense, calm, epic, dreamy, etc.) to concrete Tone.js parameters — tempo, mode, timbre, dynamics, effects, articulation. Includes complete mood preset table and generator function.
• rules/rhythm.md - Beat timing and groove: drum patterns by genre, swing values, humanization, polyrhythm, Euclidean rhythms, time signatures, quantization, and emotion-driven rhythm construction.
• rules/music-theory.md - Music theory utilities: scale/chord/progression builders, all modes and scales with interval formulas, Roman numeral progressions, transposition, inversions, voice leading, and optional Tonal.js integration.
• rules/patterns.md - Complete working examples: chord progression player, arpeggiator, drum machine, algorithmic melody generator, ambient music, and Remotion integration.
• rules/generative.md - Generative/algorithmic music: Markov chains, constrained random, probability-based rhythm, cellular automata, L-systems, evolving pieces, data sonification, and Magenta.js AI integration.

Production & Integration

• rules/performance.md - Performance and production: context configuration, latency, Tone.Draw for visual sync, memory management, disposal, mobile audio, cross-browser issues, polyphony limits, and when NOT to use Tone.js.
• rules/offline-recording.md - Offline rendering and recording: Tone.Offline for WAV export, Tone.Recorder, MediaRecorder, Remotion integration with audioBufferToDataUrl, and professional bus routing/mixing patterns.
• rules/react-integration.md - React/Next.js integration: useRef for audio nodes, SSR safety, dynamic imports, effect chain hooks, Transport-synced components, Reactronica declarative API, and cleanup patterns.