mixmi-mixer-architecture

Design dual-deck DJ mixer architecture with Tone.js and Web Audio API.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/jacobrocks1212/claude-config --skill mixmi-mixer-architecture-jacobrocks1212
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mixmi-mixer-architecture
Source: https://github.com/jacobrocks1212/claude-config/tree/main/user/skills/mixmi-mixer-architecture
Command: npx skills add https://github.com/jacobrocks1212/claude-config --skill mixmi-mixer-architecture-jacobrocks1212

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides a complete reference for architecting professional DJ mixer systems using Tone.js and Web Audio API, including architecture, signal flow, and recording capabilities.

Core Features & Use Cases

  • Modular, dual-deck architecture with independent decks, FX, and controls
  • Real-time audio routing, crossfading, BPM sync, and waveform visualization
  • Live recording pipeline with MediaStreamDestination and on-disk export
  • Clear state management schemas for decks, tempo, and sync

Quick Start

Interact with the UI to initialize the audio context and load a sample track into Deck A.

Frequently Asked Questions about mixmi-mixer-architecture

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I architect a dual-deck DJ mixer using Tone.js and Web Audio API?

A dual-deck DJ mixer architecture uses Tone.js to manage independent decks, audio routing networks, and crossfading logic. It provides a reference structure for signal flow, state management schemas, and real-time audio crossfading between two decks.

What's the best way to implement live recording in a Web Audio API DJ mixer?

Live recording in a Web Audio API DJ mixer uses MediaStreamDestination to capture the output stream and export audio to disk. The pipeline connects the final master output node to the recording stream for real-time audio capture.

How does BPM sync and crossfader logic work for web-based DJ interfaces?

BPM sync and crossfader logic operate through a state management schema that aligns tempo across decks and applies gain scaling. The crossfader adjusts audio levels between decks while loop sync maintains timing alignment.

Can I integrate waveform visualization and keyboard controls into a Tone.js mixer?

Waveform visualization and keyboard controls integrate into a Tone.js mixer through the audio routing network. The architecture references connecting analyser nodes for visual rendering and mapping keyboard events to FX and deck controls.

What are the memory management guidelines for building a Web Audio API audio routing network?

Memory management guidelines for a Web Audio API audio routing network involve properly disconnecting unused nodes and managing audio buffers. This prevents memory leaks when loading tracks or switching decks in a DJ mixer.