Home / Prompts / 3D & WebGL / Interactive Music Synthesizer & Audio Visualizer Canvas

3D & WebGL intermediate Level Tested & Verified

Interactive Music Synthesizer & Audio Visualizer Canvas

Name: Interactive Music Synthesizer & Audio Visualizer Canvas
Availability: InStock
Rating: 4.9 (22 reviews)

V Voxel Dynamics @voxeldynamics | ★ 4.9 (22 reviews) | 34 builders downloaded

Interactive Prompt Preview

v1.0

prompt_spec.md

Encrypted Content

// Architecture Preview: Interactive Music Synthesizer & Audio Visualizer Canvas
// Target Stack: JavaScript | AI Compatibility: cursor, windsurf
// -------------------------------------------------------------
export const BlueprintSpec = {
  title: "Interactive Music Synthesizer & Audio Visualizer Canvas",
  category: "3D & Interactive",
  difficulty: "intermediate",
  deliverables: [
    "Full-page responsive layout specification",
    "Tailwind CSS theme tokens and glassmorphism styling",
    "Interactive state machine and component logic",
    "SEO meta and OpenGraph tags"
  ],
  instructions: "Master prompt unlocks full step-by-step implementation code..."
};

Full Prompt Encrypted

Complete prompt instructions, system rules, edge-case handling, and copy-ready templates unlock immediately upon purchase.

Claim Free Prompt

Supported AI Agents

Cursor · optimized Windsurf · optimized

What the creator declares this works with. See each agent's integration type on the download/build step.

Overview & Architecture

### Overview
A battle-tested specification and design system for creating an elite interactive music synthesizer & audio visualizer canvas. Built for modern AI development tools including cursor, windsurf.
### Key Capabilities
- **Precision Typography & Layout**: Built on clean design principles with balanced whitespace and high-contrast text.
- **Mobile-First Responsiveness**: Handcrafted for flawless presentation across 375px mobile screens through 4K displays.
- **Modern AI Toolchain Ready**: Pre-tested and optimized for cursor, windsurf.
- **Zero Hallucination Guarantee**: Strict, verifiable code scaffolding instructions that keep AI assistants focused on correct implementation.
### What is Included
- Complete Master Instruction Prompt (Markdown / Plaintext)
- Component Hierarchy & Architecture Blueprint
- Responsive Design Tokens & CSS Variables
- Validation schemas and edge-case handling rules