identyfikacja_yt · mini-fabryka „styl jako dane”

Sala projekcyjna

20 filmów demo wyprodukowanych przez composer z czystych danych (film.json + skin → render), bez ani jednego tokenu LLM na klatki. Sekcja pierwsza = rodziny stylistyczne (8 skinów), druga = grupy elementów na wspólnych skinach, finał = ta sama scena w czterech skórach.

20 filmów 8 skinów 21 builderów scen ~3.5 min materiału 0 tokenów LLM / klatka

▶ Przewijanie działa w każdym filmie: ta kopia gra oryginały 1080p prosto z repo (videos/*/renders) — otwórz plik lokalnie w przeglądarce.

Rodziny stylistyczne — 8 skinów

Każdy film w tej sekcji to inny plik skinu (tokeny + warianty komponentów). Architektura, dane wejściowe i pipeline są identyczne — zmienia się wyłącznie skóra.

f01Test koronnyrepochad-dark42 s

Dowód tezy E1: film, który wcześniej powstał trybem rzemieślniczym (LLM pisał HTML każdej sceny za ~650k tokenów), odtworzony przez composer z ręcznie napisanego film.json + tego samego audio — zero tokenów na klatki. Pełny zestaw sygnatur RepoChada: odręczny licznik $7,200, karta z glow i badge, hatch-bary, wykres progu z „13 months”, werdykt.

buildery: hero-stat · product-card · bar-rows · chart-threshold · verdict-stack
f02Jak działa DNSblackboard23 s

Rodzina „tablica wykładowa” à la CalebWritesCode (i DNA wytwórni): czarna tablica, rough-boxy rysowane kreską z deterministycznym jitterem, wielokolorowa kreda, diagram przepływu budowany przyrostowo i biały „screenshot-rekwizyt” z różową strzałką i dopiskiem. Napisy w wariancie chalk (Gochi Hand, bez płytki).

buildery: title-card · flow(chalk) · prop-card · verdict-stack
f03Efekt kuli śnieżnejpaper-cartesian17 s

Rodzina „notatnik inżyniera”: kremowy papier milimetrowy, serif Instrument Serif w tytule, mono-etykiety, te same hatch-bary co u RepoChada — ale w granatowym tuszu i bez glow. Czerwone „×17” w Caveat + adnotacja „start early.” pokazują, że odręczna warstwa działa też na jasnym tle.

buildery: title-card · bar-rows · hero-stat
f04Just shipbroadside-poster7 s

Rodzina „plakat brutalistyczny”: wielka lowercase-typografia Archivo Black jako grafika, jeden pomarańczowy akcent, zero zaokrągleń i glow. Beaty manifestu podmieniają się twardymi cięciami (op swap) w rytmie lektora. Napisy: wariant center-pill z karaoke-blokiem.

buildery: type-beats · title-card
f053 zasady dobrych democandy-pop8 s

Rodzina „cukierkowa”: pastele, czarne 4-px obramowania i twarde offsetowe cienie (blockframe-style), zaokrąglone karty z Baloo 2. Listicle trzech kart wjeżdżających na swoje kotwice — ten sam builder co w ciemnych skinach, inne tokeny.

buildery: title-card · cards-list(candy)
f06Offline is a featureterminal-crt9 s

Rodzina „zielony fosfor”: VT323, scanlines w tle (repeating-gradient w tokenie ground), poświata tekstu, komenda pisana znak po znaku (op type) i mrugający caret (op blink — deterministyczne sety, nie CSS-animacja).

buildery: terminal · title-card
f07Glitch hitneon-glitch8 s · bez lektora

Rodzina „cyber-neon” i zarazem demo trybu niemego: bez narracji kotwice spadają na frakcje czasu sceny. Chromatyczna aberracja to sekwencja tl.set z przesuniętymi cieniami tekstu w cyjanie i magencie — czysto deterministyczna, seek-safe.

buildery: glitch-hit ×2 · op glitch
f08Less, but betterswiss-minimal4 s

Rodzina szwajcarska: biel, czerń Inter 800, jedna czerwień. Ten sam hero-stat co w f01/f03 — bez pilla licznik i podpis układają się w pionie (poprawka z QA batcha). Najkrótszy film katalogu, bo lektor przeczytał linie w 3.5 s — czas sceny zawsze równa się długości głosu.

buildery: hero-stat · title-card

Grupy elementów — 11 demonstracji

Każdy film izoluje jedną grupę komponentów/ruchów biblioteki. Większość na skinie repochad-dark, żeby różnice między elementami były czytelne; dwa celowo na paper i swiss.

f09Gauge’y i licznikirepochad-dark9 s

Trzy pierścienie SVG rysujące się łukiem (stroke-dasharray + op draw) zsynchronizowane z count-upami: uptime %, latencja ms, users z separatorem tysięcy. Każdy gauge wchodzi na kotwicy swojego słowa.

buildery: ring-gauges · title-card
f10Wykresyrepochad-dark15 s

Dwa instrumenty danych: hatch-bary z licznikami tok/s (fill + count na jednym easie — beat „ląduje” razem), potem wykres liniowy z przerywanym progiem, badge’em i odręcznym oznaczeniem punktu przecięcia. Geometria liczona w build-time z prawdziwych danych.

buildery: bar-rows · chart-threshold
f11Kinetic typerepochad-dark4 s

Typografia jako grafika: beaty „type / move / land” podmieniane twardym cięciem na kotwicach słów, payoff z fioletowym akcentem i rule-stubem. Lektor czyta szybko, więc beaty lecą gęsto — dobry stress-test synchronizacji.

buildery: type-beats · opy swap+pop
f12Diagram przepływurepochad-dark9 s

Meta-żart: fabryka rysuje własny pipeline. Pięć neonowych węzłów (rect + drop-shadow w akcencie sceny) i strzałki wchodzące kolejno na słowach lektora; podsumowanie odręczne „data in, video out”. Ten sam builder w skinie chalk daje diagram Caleba z f02.

buildery: flow(neon)
f13Tożsamości napisówrepochad-dark11 s

Trzy skiny karaoke pokazane jako okazy: lewa płytka (dokumentalna, jak u RepoChada), center-pill z blokiem na aktywnym słowie (broadside) i goła kreda ze świeceniem. Na dole równolegle biegną prawdziwe napisy strony — porównanie na żywo.

buildery: caption-specimens ×3 · skiny napisów
f14Wirtualna kamerarepochad-dark7 s

Jeden świat 1920×1080, trzy stacje-karty; „kamera” to transform świata (translate+scale, op cam) najeżdżający na stację wywołaną przez lektora, z powrotem do szerokiego kadru na koniec. Zero cięć — ciągły ruch po planszy.

buildery: camera-world
f15Markerypaper-cartesian7 s

Warstwa adnotacji na papierze: highlight rozjeżdżający się pod słowem (fill na inline-block), odręczne kółko i potrójny scribble — wszystkie ścieżki rough liczone w build-time z jitterem z indeksu (zero randoma, każdy render identyczny).

buildery: markers · roughPath/roughEllipse
f16Cloud vs Localrepochad-dark10 s

Porównanie dwóch kart wjeżdżających z przeciwnych skrzydeł z lustrzanym tiltem 3D (rotationY + perspektywa, op tiltIn), listy plusów/minusów per strona i dashed-badge werdyktu na końcu.

buildery: compare · op tiltIn
f17Leaderboardrepochad-dark10 s

Ranking czterech modeli: wiersze wchodzą kolejno, mini-bar skaluje się do lidera, wyniki liczą się do wartości Areny. Wzorzec pod tabele wyników, benchmarki i "top N" — dane wprost z JSON-a.

buildery: leaderboard · title-card
f18Oś czasupaper-cartesian11 s

Pozioma linia rysuje się przez planszę, kamienie milowe (2017→2025) wskakują na kotwicach lat, etykiety naprzemiennie nad/pod osią. Na skinie chalk ta sama oś byłaby rough-kreską — builder branchuje po stylu skinu.

buildery: timeline
f19Before / Afterswiss-minimal6 s

Split-screen z wipe’em: prawa połowa odsłania się przez animowaną szerokość kontenera z przypiętym wnętrzem (klasyczny reveal bez maski). „14 dni → 3 minuty” — czyli teza ekonomiczna fabryki w jednym ujęciu.

buildery: before-after · title-card

Finał — styl jako dane

Jedna scena, jeden zestaw danych, cztery skiny podmieniane per ujęcie (skin_override w film.json). To jest cała teza rozkminy w dziewięciu sekundach.

f20Same data, four skinsdark → chalk → paper → poster9 s

Ten sam licznik „87%”, ta sama etykieta i pasek — renderowane kolejno w repochad-dark (Caveat + glow + hatch), blackboard (żółta kreda Gochi Hand), paper (serif na milimetrówce) i broadside-poster (Archivo Black). Lektor domyka: „Style is a file.” Dokładnie to zrobi wytwórnia po porcie: nowy styl = nowy plik JSON, zero zmian w silniku.

buildery: sampler-stat ×4 · skin_override