# Bass music written in JavaScript

> A two-minute bass music track that Claude Opus 5.5 composed and mixed in JavaScript from one short request, shown as the running code's output. The creator says the full signal chain has 10 custom JavaScript steps.

- Kind: Video
- Page: https://meetreference.com/v/bass-music-javascript/
- Ready-to-use agent handoff: https://meetreference.com/v/bass-music-javascript/agent.txt
- Exact prompt as plain text: https://meetreference.com/v/bass-music-javascript/prompt.txt
- Authorship: Not stated
- Made with: Not stated
- Model: Claude Opus 5.5
- Built with: Plain JavaScript
- Style: Music videos; bass music, dubstep, generative music, code-made audio, spectrogram, javascript
- Length and format: 2 min, 4:3 (2270x1718 source)
- Shared by @aj_dev_smith in X, Sep 22, 2026: https://x.com/aj_dev_smith/status/2102504509637587339
- Prompt fidelity: Verbatim. This is the complete prompt exactly as the creator published it.

## Before you start

Guidance from Reference, separate from the creator's instructions.

1. Read the reference and inspect the project, installed libraries, and available agent skills before writing code. Reuse suitable tools already present.
2. Prefer the creator-reported libraries and skills when they fit the task. Explain what useful additions help with, and install missing project dependencies or relevant skills from official sources when the environment and the user's existing permissions allow it. Respect the project's package manager and setup rules; do not ask again for routine setup already authorized.
3. Distinguish tools used by the creator from your own recommendations. A listed tool is not automatically required, and an empty tools or requirements list means the setup is unknown, not that nothing is needed.
4. Ask concise questions when missing inputs or choices materially affect the result: paid services, credentials, the user's assets, or a different production approach. Use existing answers and permissions; continue independent work while waiting.
5. If a useful library, skill, or service cannot be installed or used, explain an available alternative and its expected effect on quality, features, or effort. Get the user's choice before a material compromise; otherwise state the fallback and continue. Never silently simplify the result or claim to have used a tool you did not use.

## Recreating this video

These are the creator's published instructions, unedited.

To adapt it: Replace "bass music" with the genre you want; the creator followed up the same way to get pop punk.

## Prompt

```text
make some bass music with javascript
```

## What it looks like

Written by Reference from the video frames, not by the creator.

A dark web-page player titled GROWL ENGINE: a large spectrogram of the whole track with section markers, a moving playhead, and a panel naming the current section and sound.

- Color: Near-black page, white and peach-to-orange gradient headline, a purple-to-orange-to-yellow spectrogram, and orange level bars, with small red and yellow section labels.
- Type: A condensed heavy sans for GROWL ENGINE and the section names (INTRO, BUILD, DROP, BREAK, OUTRO), small monospace readouts for tempo, key, bars and time, and a short sans description line.
- Framing: 4:3 frames of one static page: the headline and description at the top, an orange Pause pill and volume slider, the full-width spectrogram strip, then a lower panel with the current section, the instrument (CHORDS, FM GROWL, LASER, METAL) and a bar meter.
- Structure: The playhead moves left to right across the spectrogram through intro, build, drop, break, a second build, the second drop and the outro, with the section and instrument labels changing as it goes.

Storyboard, nine frames spread across the video: https://meetreference.com/media/bass-music-javascript/storyboard.webp

- Frame 1 at 6.7s: https://meetreference.com/media/bass-music-javascript/f1.webp
- Frame 2 at 20.0s: https://meetreference.com/media/bass-music-javascript/f2.webp
- Frame 3 at 33.3s: https://meetreference.com/media/bass-music-javascript/f3.webp
- Frame 4 at 46.6s: https://meetreference.com/media/bass-music-javascript/f4.webp
- Frame 5 at 60.0s: https://meetreference.com/media/bass-music-javascript/f5.webp
- Frame 6 at 73.3s: https://meetreference.com/media/bass-music-javascript/f6.webp
- Frame 7 at 86.6s: https://meetreference.com/media/bass-music-javascript/f7.webp
- Frame 8 at 99.9s: https://meetreference.com/media/bass-music-javascript/f8.webp
- Frame 9 at 113.3s: https://meetreference.com/media/bass-music-javascript/f9.webp

## How it was made, per the creator

- One-shot: yes, a single prompt with no follow-ups
- Notes: The creator calls it one shot from the quoted request. In a reply they say the mixing makes the difference and that there are 10 custom JavaScript-driven steps in the full signal chain. They later asked Claude to turn it into pop punk, which became a single and music video.

> not a bad outcome for not having ears
> (@aj_dev_smith)

## Links

- Watch: https://x.com/aj_dev_smith/status/2102504509637587339
- Original post: https://x.com/aj_dev_smith/status/2102504509637587339
- Pop punk follow-up by the same creator: https://x.com/aj_dev_smith/status/2102575577563570450