01101 tootmiskomponenti
Primitiividest täislehe kompositsioonideni — 101 komponenti, millest igaüks on eraldatud tootest, mida me tarnime, mitte kujundatud isoleeritult. Kui komponent on PDS-is, on see juba päris tööd teinud: sellel saidil, toodete demodes ja meie klientide töölaudades kuvatakse kõike PDS-iga.
02Disainitokenid
Värv, tüpograafia, ruum ja liikumine tulenevad ühest tokenikihist. Muuda tokenit ja iga komponent järgib — ei mingeid komponendipõhiseid ülekirjutusi ega toodete vahelist triivi.
03Kaks teemat, viis aktsenti
Tume ja hele teema, viis aktsentvärvi, kõik samade tokenite juhitud. Brändivariatsioon on tokenite vahetus, mitte fork — iga pere toode kuvatakse samast süsteemist.
04Dark-first
Kontrast, kõrgus ja värv töötatakse esmalt läbi tumedal teemal; hele teema tuletatakse samadest tokenitest. Tulemus on tume režiim, mis tundub loomulik, mitte ümberpööratud.
05Vormi primitiivid
Nupud, sisendid, valikud, lülitid, liugurid ja väljade karkass — sildid, vihjed ja veateated kaasa arvatud. Olekud on juba kujundatud: fookus, keelatud, vigane ja laadimine käituvad igas tootes ühtmoodi.
06Paigutus ja kompositsioon
Stackid, gridid, eraldajad ja lehekarkassid koostavad vaated ilma ad hoc CSS-ita. Suurimad komponendid on täislehe kompositsioonid — hero-, sektsiooni- ja jaluse mustrid, mis on võetud meie tarnitud lehtedelt.
07Navigatsioon
Päised, vahekaardid, breadcrumb'id ja menüüd, mille responsiivne ja klaviatuuri käitumine on sisse ehitatud. Selle saidi navigatsioon on komponent ise, mitte selle imitatsioon.
08Ülekattekihid
Modaalid, sheet'id, sahtlid, popover'id ja tööriistavihjed ühes kihtide mudelis — fookuse lukustus, sulgemine ja virnastamine on lahendatud üks kord, tsentraalselt.Ükski toode ei too kaasa oma z-index'i arvutusi.
09Andmete kuvamine
Tabelid, nimekirjad, statistikaplaadid, märgised ja ajajooned toodetele, mis elavad numbritest. Kogu pere operaatorikonsoolid saavad oma tiheduse just nendest komponentidest.
10Tagasiside ja olek
Toastid, bännerid, tühjad olekud, edenemine ja skeletonid — mitte just säravad olekud, mis on kujundatud ette. PDS-il põhineval tootel on läbimõeldud vastus laadimisele, tühjale ja ebaõnnestunud olekule.
11Tüpograafia
Toimetuslik tüpograafiaskaala ja mono-sildid tehnilise registri jaoks — hääl, mida näed igal Protocore'i pinnal. Skaala koosneb tokenitest, nii et tooted saavad seda süsteemist lahkumata häälestada.
12Liikumine
Kestused ja easing'ud tulevad tokenitena ning komponendid kasutavad neid juba. Liides liigub toodetes ühtlaselt, sest keegi ei ajasta animatsioone käsitsi ümber.
13Ligipääsetav vaikimisi
Kontrast, fookuse olekud ja klaviatuurikäitumine on komponentidesse sisse ehitatud, mitte jäetud harjutuseks. Võta vaikeseaded kasutusele ja ligipääsetavus tuleb kaasa.
14Zero-runtime CSS
Stiilid on staatiline CSS, mis lahendatakse ehitamisel — ei mingit CSS-in-JS runtime'i, brauseris ei arvutata midagi. Stiilikiht ei lisa lehele nullgi JavaScripti.
15Raamistikuagnostiline CSS-kiht
Süsteem tuleb ka lihtsa CSS-paketina — tokenid ja utiliitklassid ilma Reactita. Serveris renderdatud lehed, e-kirjad ja mitte-React stäkid kasutavad sama tõeallikat.
16Tokenite eksport iga stäki jaoks
Tokenid eksporditakse veebi jaoks CSS-muutujatena, Tailwindi presetina ja natiivivormingutes mobiiliplatvormidele. Brändi üks definitsioon, mida kasutatakse kõikjal, kus toode töötab.
17Teemapakkuja ja hookid
Reacti kiht mähib rakendused providerisse ja pakub tokeneid hookide kaudu — komponendid loevad aktiivset teemat ja aktsenti, mitte ei kodeeri väärtusi. Teemade vahetamine on olek, mitte uus ehitus.
18Whitelabel-teemastamine
Sama mehhanism, mis annab PDS-ile viis aktsenti, annab whitelabel-tootele selle brändi: vaheta tokeniväärtused, jäta komponendid. Iga pere whitelabel-rakendus on tõend, et see töötab.
19llms.txt kaart
Kogu süsteemi masinloetav kaart — komponendid, tokenid, mustrid — avaldatud kui llms.txt. Suuna LLM sellele ja genereeritud kood kasutab päris PDS-i komponente, mitte ei leiuta usutavaid.
20MCP server
MCP server avab süsteemi otse koodiagentidele: komponendid, propsid ja tokenid, päritavad agendi ehitamise ajal. Disainisüsteem vastab küsimustele, selle asemel et seda promptidesse kleepida.
21Dokumenteeritud algusest lõpuni
Iga komponent asub aadressil pds.protocore.io koos live-näidete, propside ja kopeeritava koodiga. Dokumentatsioon renderdatakse PDS-iga endaga — mida loed, seda tarnid.
22Versioonitud väljalasked
PDS tuleb versioonitud pakettidena koos semantiliste versioonide ja muudatuslogidega. Uuendused on teadlikud: meeskond liigub, kui ise valib, ja muudatuslogi ütleb täpselt, mis muutus.
23Privaatne register
Paketid paigaldatakse Protocore'i privaatsest npm-registrist meeskonnapõhise tokeniga failis .npmrc — standardne npm-i töövoog, piiratud litsentsiga meeskondadele. Ei mingeid kaasapakitud zip-faile ega copy-paste-paigaldusi.
24Offline-litsentsivõtmed
Allkirjastatud litsentsivõti kontrollitakse lokaalselt — ei mingit phone-home'i ega võrgukontrolli sinu ehituses. Litsentsiprobleemid ilmnevad arendusaegsete hoiatustena ega riku kunagi tootmisrakendust.
25Litsentsitud meeskonna kohta
PDS on suletud lähtekoodiga ja litsentsitud meeskonna kohta. Küsi ligipääsu ja me seadistame kõik valmis — paketid, dokumentatsiooni ja tokenite allikad —, nii et meeskond saab selle kasutusele võtta ühe pärastlõuna jooksul.