01101 produkcijska komponenta
Od primitivov do celotnih sestavov strani — 101 komponent, vsaka izluščena iz izdelka, ki ga dobavljamo, ne zasnovana v izolaciji. Če je komponenta v PDS, je že opravila pravo delo: na njej se izrisujejo ta stran, predstavitve izdelkov in naše stranske nadzorne plošče.
02Design tokeni
Barva, tipografija, razmiki in gibanje izhajajo iz ene plasti tokenov. Spremenite token in vse komponente sledijo — brez prepisov po komponentah, brez razhajanj med izdelki.
03Dve temi, pet poudarkov
Temna in svetla tema, pet poudarnih barv, vse poganjajo isti tokeni. Različica blagovne znamke je zamenjava tokenov, ne fork — vsak izdelek v družini se izrisuje iz istega sistema.
04Najprej temno
Kontrast, višina in barva so najprej izdelani na temni temi; svetla tema izhaja iz istih tokenov. Rezultat je temni način, ki deluje naravno, ne obrnjeno.
05Osnovni elementi obrazcev
Gumbi, vnosna polja, izbirniki, stikala, drsniki in ogrodje polj — vključno z oznakami, namigi in napakami. Stanja so že oblikovana: fokus, onemogočeno, neveljavno in nalaganje se v vseh izdelkih obnašajo enako.
06Postavitev in kompozicija
Sklady, mreže, ločilniki in ogrodja strani sestavljajo zaslone brez ad hoc CSS-ja. Največje komponente so celotni sestavi strani — vzorci za hero, sekcije in nogo, povzeti po straneh, ki jih dobavljamo.
07Navigacija
Glave, zavihki, drobtinice in meniji z vgrajenim odzivnim in tipkovničnim obnašanjem. Navigacija na tej strani je sama komponenta, ne njena imitacija.
08Prekrivni elementi
Modalna okna, spodnji listi, predali, popoverji in namigi na enem modelu plasti — past fokusa, zapiranje in zlaganje so rešeni enkrat, centralno. Noben izdelek nima lastne aritmetike z-indexa.
09Prikaz podatkov
Tabele, seznami, ploščice s statistiko, značke in časovnice za izdelke, ki živijo od številk. Gostota operaterskih konzol v družini izhaja iz teh komponent.
Toasti, pasice, prazna stanja, napredek in skeletoni — manj bleščeča stanja, zasnovana vnaprej. Izdelek, zgrajen na PDS, ima premišljen odgovor za nalaganje, prazno in napako.
11Tipografija
Uredniška tipografska lestvica z mono oznakami za tehnični register — glas, ki ga vidite na vseh površinah Protocore. Lestvica so tokeni, zato jo izdelki prilagodijo, ne da bi zapustili sistem.
12Gibanje
Trajanja in krivulje pospeševanja so na voljo kot tokeni, komponente jih že uporabljajo. Vmesniki se v vseh izdelkih gibljejo dosledno, ker nihče ročno ne preurejuje časovnice animacij.
13Dostopno privzeto
Kontrast, stanja fokusa in tipkovnično obnašanje so vgrajeni v komponente, ne prepuščeni vaji. Uporabite privzete nastavitve in dostopnost pride zraven.
14CSS brez izvajalnega okolja
Slogi so statični CSS, razrešen ob izgradnji — brez izvajalnega okolja CSS-in-JS, nič se ne izračunava v brskalniku. Plast oblikovanja strani ne doda nobenega JavaScripta.
15CSS plast, neodvisna od ogrodja
Sistem je na voljo tudi kot navaden CSS paket — tokeni in pomožni razredi brez potrebe po Reactu. Strežniško izrisane strani, e-pošta in sklopi brez Reacta črpajo iz istega vira resnice.
16Izvozi tokenov za posamezen sklad
Tokeni se za splet izvozijo kot CSS spremenljivke, kot Tailwind preset in v izvornih formatih za mobilne platforme. Ena definicija blagovne znamke, uporabljena povsod, kjer izdelek teče.
17Ponudnik tem in hooki
Plast za React ovije aplikacije v ponudnika in izpostavi tokene prek hookov — komponente preberejo aktivno temo in poudarek, namesto da bi vrednosti trdo kodirale. Preklop teme je stanje, ne ponovna izgradnja.
18Whitelabel teme
Isti mehanizem, ki PDS-u daje pet poudarkov, whitelabel izdelku da njegovo blagovno znamko: zamenjate vrednosti tokenov, komponente ostanejo. Vsaka whitelabel aplikacija v družini je dokaz, da deluje.
19Zemljevid llms.txt
Strojno berljiv zemljevid celotnega sistema — komponent, tokenov, vzorcev — objavljen kot llms.txt. Usmerite LLM nanj in generirana koda uporablja prave komponente PDS, namesto da si izmišlja verjetne.
20Strežnik MCP
Strežnik MCP sistem izpostavi neposredno kodirnim agentom: komponente, props in tokene, ki jih je mogoče poizvedovati med gradnjo. Oblikovalski sistem odgovarja na vprašanja, namesto da bi ga lepili v pozive.
21Dokumentirano od začetka do konca
Vsaka komponenta živi na pds.protocore.io z živimi primeri, props in kodo za kopiranje. Dokumentacija se izrisuje na samem PDS — kar preberete, to dobavite.
22Verzionirane izdaje
PDS izhaja kot verzionirani paketi s semantičnimi različicami in dnevniki sprememb. Nadgradnje so premišljene: ekipa preide, kadar se odloči, dnevnik sprememb pa natančno pove, kaj se je premaknilo.
23Zasebni register
Paketi se namestijo iz zasebnega npm registra Protocore z žetonom za posamezno ekipo v .npmrc — standardni npm potek dela, omejen na ekipe z licenco. Brez vendoriranih zip datotek, brez namestitev s kopiranjem.
24Licenčni ključi brez povezave
Podpisan licenčni ključ se preveri lokalno — brez klica domov, brez omrežnega preverjanja v vaši izgradnji. Težave z licenco se pokažejo kot opozorila v razvoju in nikoli ne zrušijo produkcijske aplikacije.
25Licenca na ekipo
PDS je lastniški in licenciran na ekipo. Zaprosite za dostop in vse vam pripravimo — pakete, dokumentacijo in izvore tokenov — tako da ga ekipa uvede v enem popoldnevu.