Srauto statistikai naudojame Google Analytics. Analitikos slapukai nustatomi tik jums sutikus. Be sutikimo statistika vertinama pagal signalus, nenaudojančius slapukų. Slapukų politika.
PDS · Dizaino sistema
PDS — tai Protocore sukurta dizaino kalba, išgauta iš mūsų kuriamų produktų ir užgrūdinta gamyboje. Pirmiausia tamsi, valdoma tokenais ir dokumentuota nuo pradžios iki galo — tie patys komponentai, kuriais atvaizduojami mūsų produktai ir klientų skydeliai, supakuoti taip, kad komanda galėtų juos pritaikyti per popietę.
Funkcijos
Nuo pagrindinių elementų iki pilnų puslapių kompozicijų — 101 komponentas, kiekvienas išgautas iš mūsų pristatyto produkto, o ne sukurtas izoliuotai. Jei komponentas yra PDS, jis jau atliko tikrą darbą: juo remiasi ši svetainė, produktų demonstracijos ir mūsų klientų valdymo skydeliai.
Spalva, tipografija, tarpai ir judesys kyla iš vieno žetonų sluoksnio. Pakeiskite žetoną ir kiekvienas komponentas pasikeis — jokių atskirų perrašymų, jokio nesutapimo tarp produktų.
Tamsi ir šviesi tema, penkios akcento spalvos, visa tai valdoma tais pačiais žetonais. Prekių ženklo variacija yra žetonų pakeitimas, o ne atskira šaka — kiekvienas šeimos produktas kuriamas iš tos pačios sistemos.
Kontrastas, pakylėjimas ir spalva pirmiausia išgryninami tamsioje temoje; šviesi tema išvedama iš tų pačių žetonų. Rezultatas — tamsusis režimas, kuris atrodo natūralus, o ne apverstas.
Mygtukai, įvesties laukai, pasirinkimai, jungikliai, slankikliai ir lauko struktūra — su etiketėmis, užuominomis ir klaidomis. Būsenos jau sukurtos: fokusas, išjungta, netinkama ir įkeliama veikia vienodai kiekviename produkte.
Stackai, tinkleliai, skirtukai ir puslapių karkasai sudaro ekranus be atsitiktinio CSS. Didžiausi komponentai yra pilnos puslapių kompozicijos — hero, sekcijų ir poraštės šablonai, paimti iš mūsų pristatytų puslapių.
Antraštės, kortelės, naršymo kelias ir meniu su integruotu prisitaikančiu ir klaviatūros elgesiu. Šios svetainės navigacija yra pats komponentas, o ne jo imitacija.
Modalai, lakštai, stalčiai, iššokantieji langai ir paaiškinimai vienoje sluoksniavimo sistemoje — fokuso užrakinimas, uždarymas ir sluoksnių tvarka sprendžiami vieną kartą, centralizuotai. Joks produktas neturi savo z-index aritmetikos.
Lentelės, sąrašai, rodiklių plytelės, ženkliukai ir laiko juostos produktams, kurie gyvena skaičiais. Visos šeimos operatorių konsolės savo tankį gauna iš šių komponentų.
Pranešimai, juostos, tušti ekranai, eigos rodikliai ir skeletai — nepatrauklios būsenos, suprojektuotos iš anksto. PDS pagrindu sukurtas produktas turi apgalvotą atsakymą įkėlimui, tuštumai ir nesėkmei.
Redakcinė tipografijos skalė su mono etiketėmis techniniam registrui — balsas, kurį matote kiekviename Protocore paviršiuje. Skalė yra žetonai, todėl produktai gali ją derinti neišėję iš sistemos.
Trukmės ir kreivės pateikiamos kaip žetonai, o komponentai jas jau naudoja. Sąsajos visuose produktuose juda nuosekliai, nes niekas neperskaičiuoja animacijos laiko rankomis.
Kontrastas, fokuso būsenos ir klaviatūros elgesys įtaikyti į komponentus, o ne palikti kaip pratimas. Naudokite numatytąsias reikšmes — ir prieinamumas ateina kartu.
Stiliai yra statinis CSS, išspręstas kūrimo metu — jokio CSS-in-JS vykdymo laiko, nieko neskaičiuojama naršyklėje. Stilių sluoksnis prie puslapio nepridėda nė vienos JavaScript eilutės.
Sistema taip pat tiekiama kaip paprastas CSS paketas — žetonai ir pagalbinės klasės be React. Serveryje generuojami puslapiai, el. laiškai ir ne React technologijų rinkiniai remiasi tuo pačiu šaltiniu.
Žetonai eksportuojami internetui kaip CSS kintamieji, kaip Tailwind preset ir mobiliosioms platformoms skirtais natyviais formatais. Vienas prekių ženklo apibrėžimas, naudojamas visur, kur veikia produktas.
React sluoksnis apgaubia programas provider ir atveria žetonus per hooks — komponentai skaito aktyvią temą ir akcentą, o ne turi sukietintų reikšmių. Temos keitimas yra būsena, o ne perkūrimas.
Tas pats mechanizmas, kuris suteikia PDS penkis akcentus, suteikia whitelabel produktui jo prekių ženklą: pakeiskite žetonų reikšmes, komponentus palikite. Kiekviena šeimos whitelabel programa yra įrodymas, kad tai veikia.
Mašininiu būdu skaitomas visos sistemos žemėlapis — komponentai, žetonai, šablonai — publikuojamas kaip llms.txt. Nukreipkite LLM į jį, ir sugeneruotas kodas naudos tikrus PDS komponentus, o ne išgalvos tikroviškai atrodančių.
MCP serveris atveria sistemą kodavimo agentams tiesiogiai: komponentus, savybes ir žetonus, kuriuos galima užklausti agentui kuriant. Dizaino sistema atsako į klausimus, o ne yra įklijuojama į promptus.
Kiekvienas komponentas pasiekiamas pds.protocore.io su gyvais pavyzdžiais, savybėmis ir kodu, kurį galima nukopijuoti. Dokumentacija pati sukurta su PDS — ką skaitote, tą ir pristatote.
PDS tiekiamas kaip versijuoti paketai su semantinėmis versijomis ir pakeitimų žurnalais. Atnaujinimai daromi sąmoningai: komanda pereina tada, kai pati nusprendžia, o pakeitimų žurnale tiksliai parašyta, kas pasikeitė.
Paketai diegiami iš Protocore privataus npm registro su komandos žetonu faile .npmrc — standartinis npm darbo procesas, skirtas licencijuotoms komandoms. Jokių įdėtų zip failų, jokio diegimo kopijuojant ir įklijuojant.
Pasirašytas licencijos raktas tikrinamas lokaliai — jokių skambučių namo, jokio tinklo patikrinimo jūsų kūrimo metu. Licencijavimo problemos rodomos kaip kūrimo laikotarpio įspėjimai ir niekada nesugadina gamybinės programos.
PDS yra nuosavybinis produktas, licencijuojamas kiekvienai komandai. Paprašykite prieigos, ir mes viską paruošime — paketus, dokumentaciją ir žetonų šaltinius — kad komanda galėtų pradėti naudoti per popietę.
FAQ
Pagal komandą, o ne pagal vietą ar projektą. Viena licencija apima visus komandoje su PDS dirbančius žmones: tokenus, komponentus ir dokumentaciją. Kaina priklauso tik nuo to, kiek komandų ją naudoja, o whitelabel produktai, kuriuos kuriame jums, jau veikia su ja.
Iš privataus registro npm.protocore.io. Prieigos duomenys leidžia jūsų build įdiegti @protocore paketus, o tada tokenai ir komponentai diegiami kaip bet kuri kita priklausomybė.
Tokenai paruošti web, .NET ir native aplinkoms, todėl viena spalva ar spindulys reiškia tą patį visose jūsų platformose. Komponentai teikiami React, o nuo framework nepriklausomas CSS sluoksnis turi tuos pačius tokenus ir klases komandoms, kurios React nenaudoja.
Dark-first ir prieinama pagal numatytuosius nustatymus – dvi temos, penki akcentai, viskas valdoma tokenais, o zero-runtime CSS užtikrina, kad stiliai nieko nekainuoja įkeliant. Tie patys komponentai naudojami mūsų produktuose ir klientų dashboard'uose.
Ji sukurta būtent tam: llms.txt žemėlapis ir MCP serveris leidžia agentams perskaityti sistemą ir teisingai su ja kurti, o pds.protocore.io pateikia gyvus pavyzdžius, props ir nukopijuojamą kodą kiekvienam komponentui ir tokenui.
Kainodara
PDS licencijuojama pagal komandą, o ne pagal vietą ar projektą – viena licencija apima visus komandoje su ja dirbančius žmones: tokenus, komponentus ir dokumentaciją.
Pradėkite nuo vienos komandos ir plėskitės, augant naudojimui. Kainą lemia tik tai, kiek komandų kuria su PDS.
Whitelabel produktai, kuriuos kuriame jums, jau veikia su PDS – atskira licencija skirta komandoms, kurios ją taiko savo produktuose.
Licencijavimas priklauso nuo komandų, o ne nuo darbuotojų skaičiaus ar naudojimo. Paprašykite prieigos – įvertinsime pagal komandas, kurios su ja dirbs.
Vertinkite
Visą sistemą rasite pds.protocore.io – gyvi pavyzdžiai, props ir nukopijuojamas kodas kiekvienam komponentui ir tokenui.
Dizaino tokenai, paruošti web, .NET ir native aplinkoms, todėl viena spalva ar spindulys reiškia tą patį visose jūsų platformose.
PDS licencijuojama pagal komandą – viena licencija apima visus su ja dirbančius žmones: tokenus, komponentus ir dokumentaciją.
Prisijungimo duomenys prie privataus registro npm.protocore.io, iš kurio jūsų build įdiegia @protocore paketus.
PDS yra patentuota ir licencijuojama pagal komandą. Paprašykite prieigos – viską paruošime.
Viskas aukščiau veikia gamybos demo versijose, kurias galime jums parodyti – atskirai, kaip whitelabel ar kaip vieną platformą. Papasakokite, ką kuriate, ir parodysime trumpiausią kelią.
