videoskillet

Tasty WebGPU signal-level analog video emulation. The video effects are a consequence of NTSC signal, not an effect drawn on the picture.

Live app!

TLDR go here! https://videoskillet.com/

The signal path

This is the thing to click. The map sits at the top of the sidebar, and nearly every control in the app is behind one of its boxes — click a stage and that stage's controls open underneath it.

Details in How it works, fault by fault in Features.

Features

• True composite signal emulation in WebGPU compute shaders. This is the headline feature!
• Dirty video mix or genlocked (clean) video mixing of two sources
• Video feedback effects including hardware mixer, camera-pointed-at-tv style feedback
• Lots of 'faults' like loose cable, bad receiver, inverted polarity, bad ground
• Audio-reactive: from the 'mic'/system/loopback, or a file
• All settings can be modulated (e.g. with LFO)
• MIDI controller support via WebMIDI — map different knobs to settings
• Easy-to-use "randomize" buttons, and settings 'morph' over N seconds for smooth transitions
• Has the spirit of video toaster inside of it, being related to kitchen appliances
• Mix your own videos,webcam, static,NTSC color bars,or random archive.org/wiki commons videos
• Supports live youtube mixing, but you have to download our command line tool with yt-dlp
• Also renders videos entirely offline via command line
• ...much more

and it works on mobile! tested on Google Pixel with Chrome

Run

pnpm install
pnpm dev

Fun bonus: a server on your own machine adds a Video URL… source that works with yt-dlp and lets you video mix with YouTube — or anything else yt-dlp can fetch — on the fly. pnpm dev has it, and so does videoskillet serve from the released binary, which needs no clone.

Docs

• Main docs website
• Getting started
• User guide
• Features
• Effects — every control, generated
• CLI — the offline renderer, which takes a link and a file and writes ProRes 4444, and videoskillet serve, which hosts the app on your own machine
• Drive it by URL — the query string is a complete remote control, and every control's key lists what the rest of the docs leave out. Published at videoskillet.com/llms.txt for anything scripting the app.
• AI usage — building and driving it with agents
• MIDI
• Comparison with other tools
• FAQ — how it works, what runs it, installing it

Note: this project is extensively vibecoded. The initial signal-path design was one-shotted by Fable, which nailed the "signal level" idea behind the glitches.

I also had a hard time coming up with a name for this project. I hope you enjoy. This app is inspired by my old 2010s-era experiments alligator clipping analog video cables together and posting tumblr gifs.

Cool demos

• Chaos black and white feedback https://videoskillet.com/app/?p=Nj.FJADAMACAuQDNVAImAIAUALIARaQAwoUAIABANQDApQBAHgARAniAQECCVQk5gMAqAEAqAYAgJ9JA8gB&mod=&srcb=tv+static

• Wonkitize me https://videoskillet.com/app/?p=A7.BGgTjAk1NCPEAQCQIACkBgBMAZwhAVwAkAEAHADMARCQAwDQAwDAWwAMAJADANgDAIABAkAA0AEAiAEAwIkBAJADJEAIBCKgnAEfBACgAwCcAQmQAw&mod=&vurl=https://upload.wikimedia.org/wikipedia/commons/6/6b/Gillette_Super-Speed_TV_commercial_with_Pee_Wee_Reese_circa_1956.webm&srcb=tv+static&speeda=0.39

• I can't believe it's not analog butter https://videoskillet.com/app/?p=3t.GKwxE4gDRYQDAMQfANADAqwiFZADALgDAJg1AAwAkAMAtAQAfAXQbwC0AiRACAQirGwroAE&mod=&srcb=none

• Wiggity https://videoskillet.com/app/?p=je.CoDoBwEEAbAEAKwCAfABAKCZAgXgAw2IIwSIAyFYBrAKEjwGmAEEuB4ZVADsBgr4OiSMCQDEAQDgAgAkAUQEBAAQA9wCAMXBAgCJngIAlf4DAI3tAw&mod=bendUs:lorenz:0.390279:0.27759,hvRing:sine:0.037599:0.090209&srcb=synth&src=sweep

• Dark zone https://videoskillet.com/app/?p=CU.CqCsBQEEAcwDAHABXAC8aQLoAgLMBQCsAgOceQR0GPwBCzgAGADYAQAIAjgAuAIImAIAUALIAQCAAQAkArACAXgAFAJ4ADAGXABcApADAKAhAIgBCKwCAOQBAJgRApACAAAAAADwCAdIALAJAAAABAlUJOYDAKgBBcgBAQQ&mod=&srcb=tv+static&src=tv+static

• Laser duck https://videoskillet.com/app/?p=pa.KsgBFDQOGAGgAQDgAwJ4BvABIaQBBdAMOngsgJMC&mod=&srcb=ia-random&iurl=https:%2F%2Fthumb.wikimedia.org%2Fwikipedia%2Fcommons%2Fthumb%2Fb%2Fb4%2F20250724_mallard_duckling_wethersfield_cove_PD201227.jpg%2F1280px-20250724_mallard_duckling_wethersfield_cove_PD201227.jpg%3Futm_source%3Dcommons.wikimedia.org%26utm_campaign%3Dimageinfo%26utm_content%3Dthumbnail

• Rainborb https://videoskillet.com/app/?p=zD.GNADE4QCRYQDAJgfANYEAvAlAOQBFNwBAdAFL0AIBCKcvgE&mod=&srcb=none

• Ridiculous rainbow https://videoskillet.com/app/?p=T2.GKAEE4QCRYQDAMQfAJ8FAowfFYwDAfAMAWAA8AIARAZgJEAIBCKcvgErYA&mod=&srcb=none

• Collecting dust https://videoskillet.com/app/?p=R2.cqQCAKAfAHoAOgAoAKggACwAYABEABAAmAEQ0AIAoAMw-AIArAICjBAEBEjgLgCoAQ&mod=&srcb=vhs+static

• Fuzzy color bars feedback https://videoskillet.com/app/?p=1w.cqQCAKAfAHoAOgAoAKggACwAYABEABAAmAEQ0AIA1AIwsAEIBA&mod=&srcb=vhs+static

• Ponderorb https://videoskillet.com/app/?p=8A.GIgECaABABwAtCUpNCOQAwCsHACACgKUJQK0ARLEAQGcBwAEAIQCAJQDAEwCbACkAgCkAVKA2QE&mod=

• Messed up clouds https://videoskillet.com/app/?p=Y5.GIgFEVQA9AEAYA6AAhHAAQBkDEgEkAMIGAKgAgC0AQToAgKcAQH4IQEoAIwBACAAkAMFXGioFAe5vgMAocQB&mod=vFreqHz:smooth:0.08:0.0049,fbGain:smooth:0.24:0.06&src=vhs+static

• My lord https://videoskillet.com/app/#src=cat&set=chromaGain:2.62,cc:1,ccBox:0.85,ccRomAddr:1,ccRomData:-3,cgMix:0.48,cgY:0.28,cgScale:2.5,cgRomAddr:5,noiseIre:5.9,rfMistuneMHz:0.39,fbMix:0.61,fbZoom:1.028,fbGain:1.096,fbBlack:0.045,cfbMix:1,cfbGain:-1.22,cfbDelayUs:2.357,cfbLines:60,cfbKey:1,cfbKeyLevel:53,cfbKeySoft:10,cfbKeyExt:1,cfbRing:1,cfbGenlock:1,phosphor:0.1603,timeScale:0.45&mod=

• Purplady https://videoskillet.com/app/#set=capLumaMHz:4.2,demodMHz:3.43,chromaGain:13.62,vir:0.86,lumaMHz:6,noiseIre:9.2,colorUnderMix:0.38,underJitterDeg:1.5,headSwitchNoise:0.15,headSwitchShiftUs:0.3,diffGain:1,diffPhaseDeg:49,tbJitterNs:300,tbWowNs:110,dubGens:3,cfbMix:1,cfbGain:-1.08,cfbDelayUs:2.233,cfbLines:59,cfbKey:0.98,cfbKeyLevel:48,cfbServoUs:0.07,cfbRing:0.89,cfbGenlock:1&mod=&iurlb=https:%2F%2Fthumb.wikimedia.org%2Fwikipedia%2Fcommons%2Fthumb%2Fa%2Fa5%2FMinho_for_Marie_Claire_Magazine_August_Issue_2021_02.png%2F1280px-Minho_for_Marie_Claire_Magazine_August_Issue_2021_02.png%3Futm_source%3Dcommons.wikimedia.org%26utm_campaign%3Dimageinfo%26utm_content%3Dthumbnail&iurl=https:%2F%2Fupload.wikimedia.org%2Fwikipedia%2Fcommons%2Ff%2Ff1%2FJill_St._John_-_Tony_Rome%252C_1967.jpg%3Futm_source%3Dcommons.wikimedia.org%26utm_campaign%3Dimageinfo%26utm_content%3Dthumbnail_unscaled

• Rainbow snakes https://videoskillet.com/app/#mod=fbGain:smooth:0.02:0.64&src=vhs+static&set=chromaGain:1.62,hvSagUs:2.1,hvRing:0.61,abl:0.24,lumaMHz:3.2,lumaPeak:2.4,noiseIre:2.5,agc:0.18,colorUnderMix:1,ycDelayNs:420,fmOverdev:0.72,fmStreakUs:0.45,fbMix:0.93,fbRotateDeg:0.11,fbShiftX:-0.003,fbShiftY:0.035,fbIris:0.43,fbVign:0.188604,fbBlack:0.035,fbKnee:1,crtBloom:0.23,cfbMix:0.9,cfbGain:0.56,cfbDelayUs:0.027,cfbKeySoft:16.5,cfbFilterMHz:1,cfbFilterBoost:2.35,cfbRing:1,cfbRingSrc:1,cfbCarrierKHz:0.09,cfbClockPct:-0.02328,cfbGenlock:1,aGain:0.99,phosphor:0.065,crtZoomX:0.7143,crtZoomY:0.314

• Tape in https://videoskillet.com/app/#set=lumaMHz:2.8,osd:1,osdHoldS:5,osdBlueS:1.5,lumaPeak:0.9,noiseIre:2,colorUnderMix:1,underJitterDeg:4,headSwitchNoise:0.4,headSwitchShiftUs:0.8,tbJitterNs:200,trackAmt:0.1,trackHunt:0.75,trackKick:0.9&mod=

• Scrambled channel https://videoskillet.com/app/#preset=scrambledChannel&iurl=https://upload.wikimedia.org/wikipedia/commons/f/f9/%D7%A7%D7%98%D7%9C%D7%95%D7%92_1984_-_1.jpg

• Turbo sync loss https://videoskillet.com/app/#preset=turboSyncLoss&iurl=https://upload.wikimedia.org/wikipedia/commons/f/f9/%D7%A7%D7%98%D7%9C%D7%95%D7%92_1984_-_1.jpg

Send me more stuff you come up with