git404hub

what is claude-recital fr?

n8python/claude-recital — explained in plain English

Analysis updated 2026-05-18

1HTMLAudience · generalComplexity · 3/5LicenseSetup · easy

tl;dr

A browser demo where a small AI model composes original piano music in real time, performed live by a 3D avatar using WebGPU.

vibe map

mindmap
  root((Claude Recital))
    What it does
      Generates piano music live
      3D avatar performs it
      Runs fully in browser
    Tech stack
      WebGPU and WGSL
      three.js for avatar
      50M parameter model
    Use cases
      Watch live AI composition
      See sheet music playhead
      Study WebGPU inference
    Audience
      Browser demo enthusiasts
      AI and graphics tinkerers

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

what do people make with this?

VIBE 1

Watch an AI model compose and perform original piano music live in your browser.

VIBE 2

Explore how a small transformer model can run entirely on a graphics card inside a web page.

VIBE 3

See generated music rendered as live sheet music with a clickable playhead in the classic view.

VIBE 4

Study the WebGPU and WGSL techniques used to run an AI model without any inference library.

what's the stack?

WebGPUWGSLthree.jsJavaScript

how it stacks up fr

n8python/claude-recitalabhishek-kumar09/mern-live-js-june-2021abhishek-kumar09/z
Stars111
LanguageHTMLHTMLHTML
Last pushed2021-09-132019-12-23
MaintenanceDormantDormant
Setup difficultyeasymoderateeasy
Complexity3/52/51/5
Audiencegeneraldevelopergeneral

Figures from each repo's GitHub metadata at analysis time.

how do i run it?

Difficulty · easy time til it works · 5min

Requires a WebGPU-capable browser, Chrome on Apple Silicon Macs is recommended for best performance.

Non-commercial research demo: the model and demo can be used and explored, but not for commercial purposes, due to restrictive licenses on some of the training data.

in plain english

claude-recital is a browser-based demo that generates original piano music using a small AI model, then shows a 3D avatar performing it live as if at a recital. Everything, including running the AI model itself, happens directly in your web browser using WebGPU, a technology that lets browsers use your graphics card for heavy computation, rather than sending anything to a server. The model behind the music is a 50 million parameter neural network that predicts music one raw byte at a time, which is a fairly small model by AI standards, built and run using hand-written low-level graphics code instead of any existing AI inference library. It was trained to remember long musical passages and uses several tricks, such as compressing its weights and processing tokens in the fewest steps possible, to run quickly on a graphics card inside a browser tab. There is also a classic view of the demo that shows live sheet music with a moving playhead you can click to jump to different points in the piece. To try it yourself, you serve the folder over a simple local web server and open it in a WebGPU-capable browser, with Chrome on Apple Silicon Macs specifically recommended for the best experience. The README is careful about licensing. The musical compositions used for training are in the public domain, but some of the recorded performance data used to teach the model its style comes from datasets with their own restrictive licenses, including a non-commercial one from Google Magenta. Because of this, the authors describe the whole project, meaning the trained model and the demo built around it, as a non-commercial research demo rather than something meant for commercial use. The piano sound samples and the three.js graphics library used for the 3D avatar carry their own separate open licenses.

prompts (copy fr)

prompt 1
Show me how to serve claude-recital locally and open it in a WebGPU-capable browser.
prompt 2
Explain how this project runs a 50 million parameter model entirely with WebGPU instead of a server.
prompt 3
Walk me through what classic.html shows differently compared to the main demo view.
prompt 4
Summarize the licensing situation for this project's training data and why it is non-commercial.

Frequently asked questions

what is claude-recital fr?

A browser demo where a small AI model composes original piano music in real time, performed live by a 3D avatar using WebGPU.

What language is claude-recital written in?

Mainly HTML. The stack also includes WebGPU, WGSL, three.js.

What license does claude-recital use?

Non-commercial research demo: the model and demo can be used and explored, but not for commercial purposes, due to restrictive licenses on some of the training data.

How hard is claude-recital to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is claude-recital for?

Mainly general.

peek the repo → explain another one

This repo across BitVibe Labs

double-check against the repo, no cap.