Kolofon
Jak to zostało zbudowane
Większość witryn się nie wyjaśnia. Ta to robi, bo to, jak została zrobiona, jest częścią tego, czym jest: świadomym eksperymentem w dobrym budowaniu, z nietypowymi współpracownikami, i rejestrem wartym zachowania.
CONCORD
Ta witryna została zaprojektowana i zbudowana za pomocą protokołu o nazwie CONCORD: ustrukturyzowanej współpracy między jedną osobą a trzema różnymi systemami SI, każdym w odrębnej roli. To nie sztuczka. To działająca metoda, z własnym ładem, własnym rejestrem decyzji i jedną osobą odpowiedzialną za każdy wybór, który został opublikowany.
Założenie jest proste. Różne modele SI mają różne mocne strony, a trudny problem zyskuje na więcej niż jednej perspektywie utrzymywanej w napięciu. Dlatego praca została podzielona według ról, a jedna osoba siedziała w środku, będąc pomostem między nimi, ratyfikując to, co solidne, i odrzucając to, co nie.
CONCORD nie został skądś zapożyczony. Został zaprojektowany przez Rodolfo Nützmann na potrzeby tego projektu, z praktycznej potrzeby: jak korzystać z kilku systemów AI naraz, z których każdy jest naprawdę dobry w czymś innym, nie rezygnując z jednej nici ludzkiej odpowiedzialności, której wymaga prawdziwa praca. Odpowiedzią było nadanie każdemu systemowi określonego stanowiska, niedopuszczenie, by negocjowały między sobą, i kierowanie każdej wymiany przez jedną osobę, która ogarniała całość. Ten układ ma starszą nazwę. Systemy AI są agentami: działają na polecenie i w czyimś imieniu. PRIME jest zleceniodawcą: tym, kto faktycznie decyduje, kto wydaje osąd i kto ponosi zarówno konsekwencje, jak i odpowiada nazwiskiem.
Siła jest po stronie agentów. Odpowiedzialność spoczywa na zleceniodawcy i nie podlega przeniesieniu.
Zaczęło się nieformalnie — jako sposób podziału pracy — i utrwaliło się w trakcie budowy w nazwaną metodę: stałe stanowiska, jedna nadrzędna zasada, że nic nie zostaje opublikowane bez zatwierdzenia przez PRIME, oraz pisemny zapis powodów każdej decyzji. Nazwa wyraża cel: zgoda, porozumienie osiągnięte celowo w drodze procesu, a nie to, co przypadkiem wytworzy nienadzorowane narzędzie.
Mechanika, w prostych słowach
Miejsca
- PRIMERodolfo NützmannCzłowiek
Jedyny ratyfikujący. Każda decyzja, każda opublikowana linijka przeszła przez człowieka, który miał pełny obraz i ponosił ostateczną odpowiedzialność. SI proponowały; PRIME decydował.
- ANVILInżynieriaAnthropic · Claude Opus 4.8
Miejsce głównego inżyniera. Architektura, kod, struktura treści i sama build, przekształcone z intencji w działającą, przetestowaną i gotową do wdrożenia witrynę.
- SCOUTStrategia i markaOpenAI · ChatGPT 5.5
Miejsce strategii i pozycjonowania. Pytania o to, czym to jest, dla kogo jest i jak ma się prezentować światu.
- PRISMDesignGoogle · Gemini 3.1 Pro
Miejsce designu. Język wizualny, typografia, kolor i odczucie całości, ukształtowane w spójny system.
Wersje modeli AI według stanu na czerwiec 2026.
Jak to zostało zrobione
Kilka zasad obowiązywało od początku do końca i są widoczne, jeśli wiesz, gdzie patrzeć.
Liczyć, nigdy nie zgadywać
Narzędzia w tej witrynie obliczają odpowiedzi lokalnie i deterministycznie. Nie wywołują serwera z twoimi danymi i nie przybliżają. To, co działa w twojej przeglądarce, zostaje w twojej przeglądarce.
Otwarte w rdzeniu
Deterministyczna logika, którą wykonuje każde narzędzie, jest całym narzędziem: nie ma ukrytego kroku na serwerze, konta ani telemetrii. Wszystko działa w Twojej przeglądarce.
Udokumentowane przez konstrukcję
Każda część kodu jest skomentowana i udokumentowana, nie jako coś dorzuconego później, ale jako stała zasada. Build jest pomyślana tak, żeby była czytelna, dla tego, kto ją utrzymuje, i dla każdego, kto ją odziedziczy.
Zbudowane, by przetrwać i podróżować
Witryna to statyczny eksport: szybki, możliwy do zbuforowania i niezależny od czegokolwiek w czasie działania. Jest zbudowana od podstaw dla wielu języków, żeby mogła zwracać się do globalnych odbiorców bez przebudowy.
Stos
Dla tych, którym zależy na takich rzeczach, techniczny fundament, jasno przedstawiony.
- Framework
- Next.js 15 i React 19, wyeksportowane jako w pełni statyczna witryna
- Internacjonalizacja
- next-intl, z 16 językami i obsługą pisma od prawej do lewej
- System projektowy
- Konfigurowalny silnik motywów oparty na tokenach; domyślny motyw to Obsidian
- Typografia
- Inter dla tekstu, JetBrains Mono dla danych i kodów
- Silnik narzędzi
- Deterministyczna warstwa obliczeniowa działająca w całości w przeglądarce
- Wyszukiwanie
- Statyczne wyszukiwanie pełnotekstowe po stronie klienta; bez serwera wyszukiwania
Jak oznaczane są tłumaczenia
Angielski i brazylijski portugalski są pisane i sprawdzane przez człowieka. Większość pozostałych języków jest tłumaczona maszynowo i oznaczana według stopnia zaawansowania: bursztynowy, gdy język obejmuje całą witrynę, żółty, gdy nowsze treści są jeszcze po angielsku i nadrabiają zaległości. Języki oznaczone na czerwono nie mają jeszcze tłumaczenia i na razie są wyświetlane po angielsku. Strony tłumaczone maszynowo zawierają też krótką informację, a Ty możesz pomóc je ulepszyć.
- Sprawdzone przez człowieka
- Maszynowe, kompletne
- Maszynowe, w toku
- Jeszcze nieprzetłumaczone
Standardy i frameworki
Każde narzędzie tutaj implementuje opublikowaną specyfikację, a nie domysł. Dekodery i kalkulatory są budowane na dokumentach, które definiują ich formaty, i przypięte do wektorów testowych, które te dokumenty publikują, tak aby każda odpowiedź była sprawdzana względem źródła prawdy, a nie względem siebie samej.
Specyfikacje
JSON Web Tokens są zgodne z RFC 7519, z podpisami i algorytmami w RFC 7515 i 7518; PKCE to RFC 7636; Base64 i jego warianty to RFC 4648; UUID to RFC 9562 (która w 2024 r. zastąpiła RFC 4122 i zawiera własne wektory testowe); HMAC to RFC 2104, nad rodziną SHA wystandaryzowaną w FIPS 180-4 i FIPS 202; certyfikaty X.509 to RFC 5280; IPv4 i notacja CIDR to RFC 4632; adresacja IPv6 i jej kanoniczna postać tekstowa to RFC 4291 i RFC 5952; a dekoder cipher suite opiera się na oficjalnym rejestrze IANA TLS Cipher Suites, zestawionym ze specyfikacjami TLS 1.3 i 1.2 (RFC 8446 i 5246), regułami aktualizacji rejestru ustalającymi kolumnę „Recommended” (RFC 8447) oraz zakazem RC4 (RFC 7465). Tam, gdzie autorytetem jest rejestr, jego dane są wbudowywane bezpośrednio, a nie przepisywane.
Wektory referencyjne
Każde narzędzie zawiera zestaw wektorów referencyjnych: znane wejścia powiązane ze znanymi poprawnymi wyjściami, zaczerpnięte z odpowiednich RFC i organów normalizacyjnych. Uruchamiają się przy każdym buildzie, więc refaktoryzacja, która po cichu zmienia odpowiedź, powoduje błąd builda zamiast trafić na produkcję.
OWASP
Narzędzia bezpieczeństwa są definiowane w oparciu o frameworki OWASP, a nie składane doraźnie. Narzędzia kryptograficzne i TLS odpowiadają obszarom Cryptographic Failures oraz Security Misconfiguration z OWASP Top 10 i powiązanym kontrolom z Application Security Verification Standard; narzędzie do tokenów stosuje wytyczne OWASP dotyczące inspekcji i walidacji JWT. Prevention cheat sheets OWASP wyznaczają też twarde reguły dla tego, co powstaje dalej: każda obsługa XML lub SAML dodana tutaj musi zostać utwardzona przeciw XXE, zanim trafi na produkcję.
Czerwoni i niebiescy
To samo dekodowanie-i-wyjaśnianie, które pozwala red-teamerowi odczytać przechwycony token, pozwala blue-teamerowi zrozumieć, co wysyła jego własny stos. Platforma celowo stoi po analitycznej stronie tej linii: identyfikuje, dekoduje, konwertuje i wyjaśnia, a nie posuwa się do podrabiania, wstrzykiwania ani obchodzenia kontroli. Ta granica to decyzja projektowa, a nie przeoczenie; te narzędzia istnieją, by uczyć i diagnozować, a nie by stać się bronią.
Lokalnie i deterministycznie
Wszystko działa w przeglądarce. Narzędzie wywołuje funkcję czystą: dla tych samych danych zwraca ten sam wynik, nie przechowuje stanu i nie wysyła niczego na serwer. Bez ciasteczek, bez analityki, jak w pełni opisuje strona Prywatności.
The ceiling, stated plainly
This site runs as a single Cloudflare Worker serving static assets, and that platform has hard, published limits worth being honest about. A Worker version may carry at most 20,000 static files on the free plan and 100,000 on the paid plan (raised from 20,000 in September 2025, and only when deploying with Wrangler 4.34 or newer), with no single file over 25 MiB. Requests for static assets themselves are free and unlimited; only invocations of the Worker script, such as the API, are metered.
Those numbers matter because this architecture multiplies content deliberately. Every rendered page ships as roughly three files: its HTML, the framework's navigation payload, and a search-index fragment, across all sixteen languages, and the English and Portuguese pages add machine-readable Markdown twins. In practice one tool costs about fifty files and a tool with its companion article about a hundred, so the current site stands at a little over eighteen thousand files. Under the paid ceiling that leaves room for hundreds more tools; the build is measured against these limits, and if the toolbox ever truly outgrows a single Worker, the expansion path is already mapped: splitting routes across additional Workers, each with its own allowance, and ultimately object storage with no count limit at all.
Czy to vibe coding?
Kod jest w 100% syntetyzowany przez Claude'a.
To uczciwe pytanie i warto odpowiedzieć na nie wprost. Vibe coding to termin, który badacz AI Andrej Karpathy ukuł na początku 2025 roku na określenie sposobu tworzenia oprogramowania, w którym opisujesz modelowi językowemu, czego chcesz, przyjmujesz to, co napisze, bez uważnego czytania, i kierujesz się wynikami, a nie samym kodem. Ujął to jako poddanie się klimatowi i zapomnienie, że kod w ogóle istnieje, i jasno zaznaczył, że nadaje się to bardziej do szybkich, jednorazowych projektów niż do systemów, na których ludzie polegają.
Według tej definicji część tej witryny powstała właśnie tak, i lepiej się do tego przyznać, niż to ukrywać. Powierzchnia aplikacji, okablowanie frameworka, komponenty, stylowanie, instalacja, która spaja strony, powstały szybko z inżynierem AI i były kierowane wynikiem oraz stałym zestawem reguł wewnętrznych, a nie pisane ręcznie wiersz po wierszu. Dla tej warstwy, gdzie błąd jest widoczny i łatwy do poprawienia, chodziło właśnie o szybkość.
Części, które liczą się najbardziej, podlegają innemu standardowi. Wszystko, co przetwarza twoje dane, jest weryfikowane, a nie robione na wyczucie: rdzeń każdego narzędzia jest porównywany z opublikowanym standardem, który wdraża, z odpowiednimi RFC i specyfikacjami, a jego wynik jest potwierdzany względem niezależnych źródeł, zanim trafi do publikacji. Jak głosi często cytowane zdanie programisty Simona Willisona, kod, który przejrzałeś, przetestowałeś i zrozumiałeś, to wcale nie vibe coding. Sam Karpathy nazywa teraz zdyscyplinowaną wersję agentic engineering: zachować dźwignię AI bez rezygnacji z jakości wyniku. To jest linia, którą wyznacza ten projekt. Szybko tam, gdzie szybkość jest darmowa, rygorystycznie tam, gdzie się liczy, i jeden człowiek odpowiedzialny za całość.
Specjalne podziękowania
Mariana, Ulli, Richard, Ocyrema, Felisberto, Regine, Eduardo, Ricardo, Pedro, Liliane, Tereza, Cezar, Leonardo, Eduardo, Victor, Miu, Nina, Luna, Tux, Kiki, Greg and Theo.
Uwaga o metodzie
Budowanie oprogramowania ze współpracownikami SI jest na tyle nowe, że uczciwie jest być wobec tego przejrzystym. Nic tutaj nie zostało opublikowane bez tego, żeby człowiek zdecydował, że tak ma być. SI były narzędziami, zdolnymi narzędziami, ale narzędziami. Osąd, odpowiedzialność i nazwisko na pracy są ludzkie.