01101 produkcijas komponente
No primitīviem līdz pilnām lapu kompozīcijām — 101 komponente, katra izgūta no produkta, ko piegādājam, nevis izstrādāta izolēti. Ja komponente ir PDS, tā jau ir paveikusi reālu darbu: uz tās darbojas šī vietne, produktu demo un mūsu klientu paneļi.
02Dizaina tokeni
Krāsa, tipogrāfija, atstarpes un kustība tiek iegūtas no viena tokenu slāņa. Nomainiet tokenu, un visas komponentes seko — bez pārrakstīšanas katrā komponentē, bez atšķirībām starp produktiem.
03Divas tēmas, pieci akcenti
Tumšā un gaišā tēma, pieci akcentkrāsu varianti, un visu vada viens un tas pats tokenu kopums. Zīmola variācija ir tokenu maiņa, nevis fork — katrs saimes produkts tiek attēlots no vienas sistēmas.
04Vispirms tumšā
Kontrasts, pacēlums un krāsa vispirms tiek izstrādāti tumšajai tēmai; gaišā tēma izriet no tiem pašiem tokeniem. Rezultāts ir tumšais režīms, kas šķiet dabisks, nevis apgriezts.
Pogas, ievades lauki, izvēlnes, slēdži, slīdņi un lauku karkass — ar etiķetēm, norādēm un kļūdu ziņojumiem. Stāvokļi jau ir izstrādāti: fokuss, atspējots, nederīgs un ielāde visos produktos uzvedas vienādi.
06Izkārtojums un kompozīcija
Steki, režģi, atdalītāji un lapu čaulas veido ekrānus bez ad hoc CSS. Lielākās komponentes ir pilnas lapu kompozīcijas — hero, sekciju un footer paraugi, pārņemti no lapām, ko piegādājam.
07Navigācija
Galvenes, cilnes, navigācijas ceļi un izvēlnes ar iebūvētu responsīvo un tastatūras uzvedību. Šīs vietnes navigācija ir pati komponente, nevis tās atdarinājums.
08Pārklājumi
Modālie logi, sheet, drawer, popover un tooltip uz viena slāņošanas modeļa — fokusa noturēšana, aizvēršana un kārtošana tiek atrisināta vienreiz un centralizēti. Neviens produkts nepiegādā savu z-index aritmētiku.
09Datu attēlošana
Tabulas, saraksti, statistikas flīzes, nozīmītes un laika skalas produktiem, kas dzīvo no skaitļiem. Visas saimes operatoru konsoles savu blīvumu iegūst no šīm komponentēm.
10Atgriezeniskā saite un statuss
Toast, baneri, tukšie stāvokļi, progress un skeletoni — neefektīgie stāvokļi, kas izstrādāti jau sākumā. Produktam uz PDS ir pārdomāta atbilde par ielādi, tukšumu un kļūmi.
11Tipogrāfija
Redakcionāla tipogrāfijas skala ar mono etiķetēm tehniskajam reģistram — balss, ko redzat visās Protocore virsmās. Skala ir tokeni, tāpēc produkti to pielāgo, nepametot sistēmu.
12Kustība
Ilgumi un easing funkcijas tiek piegādātas kā tokeni, un komponentes tos jau lieto. Saskarnes visos produktos kustas vienoti, jo neviens animācijas laiku nepielāgo ar roku.
13Pieejams pēc noklusējuma
Kontrasts, fokusa stāvokļi un tastatūras uzvedība ir iebūvēti komponentēs, nevis atstāti kā mājasdarbs. Piegādājiet noklusējumus, un pieejamība nāk līdzi.
14CSS bez izpildlaika
Stili ir statisks CSS, kas tiek atrisināts būvēšanas laikā — bez CSS-in-JS izpildlaika, nekas netiek rēķināts pārlūkā. Stilu slānis lapai nepievieno ne rindiņas JavaScript.
15No ietvara neatkarīgs CSS slānis
Sistēma tiek piegādāta arī kā parasts CSS pakotne — tokeni un utilītklases bez React. Servera renderētas lapas, e-pasti un ne-React tehnoloģiju kopas smeļas no viena patiesības avota.
16Tokenu eksports katram stekam
Tokeni tiek eksportēti tīmeklim kā CSS mainīgie, kā Tailwind preset un mobilajām platformām dzimtajos formātos. Viena zīmola definīcija, ko izmanto visur, kur darbojas produkts.
17Tēmu provaiders un hooki
React slānis ietin lietotnes provaiderī un atklāj tokenus ar hookiem — komponentes nolasa aktīvo tēmu un akcentu, nevis kodē vērtības cieši. Tēmas maiņa ir stāvoklis, nevis pārbūve.
18Whitelabel tēmošana
Tas pats mehānisms, kas PDS dod piecus akcentus, whitelabel produktam dod tā zīmolu: nomainiet tokenu vērtības, saglabājiet komponentes. Katra saimes whitelabel lietotne ir pierādījums, ka tas darbojas.
19llms.txt karte
Mašīnlasāma visas sistēmas karte — komponentes, tokeni, paraugi — publicēta kā llms.txt. Norādiet to LLM, un ģenerētais kods lietos īstas PDS komponentes, nevis izdomās ticami izklausošas.
20MCP serveris
MCP serveris atklāj sistēmu kodēšanas aģentiem tieši: komponentes, props un tokenus, ko var vaicāt, kamēr aģents būvē. Dizaina sistēma atbild uz jautājumiem, nevis tiek iekopēta promptos.
21Dokumentēts no sākuma līdz beigām
Katra komponente atrodas pds.protocore.io ar dzīviem piemēriem, props un kodu kopēšanai. Dokumentācija tiek renderēta uz pašas PDS — ko lasāt, to arī piegādājat.
22Versionētie izlaidumi
PDS tiek piegādāta kā versionētas pakotnes ar semantiskām versijām un izmaiņu žurnāliem. Atjauninājumi ir apzināti: komanda pāriet, kad izvēlas, un izmaiņu žurnāls precīzi norāda, kas mainījies.
23Privātais reģistrs
Pakotnes tiek instalētas no Protocore privātā npm reģistra ar komandas tokenu failā .npmrc — standarta npm darbplūsma, pieejama licencētām komandām. Nekādu pievienotu zip failu, nekādu instalāciju ar kopēšanu.
24Bezsaistes licences atslēgas
Parakstīta licences atslēga tiek pārbaudīta lokāli — bez savienojuma ar serveri, bez tīkla pārbaudes jūsu būvē. Licencēšanas problēmas parādās kā izstrādes laika brīdinājumi un nekad nesabojā produkcijas lietotni.
25Licence katrai komandai
PDS ir slēgts produkts, un licence tiek izsniegta katrai komandai. Pieprasiet piekļuvi, un mēs visu sagatavosim — pakotnes, dokumentāciju un tokenu avotus —, lai komanda to varētu ieviest vienas pēcpusdienas laikā.