A Google Analytics szolgáltatást használjuk a forgalmi statisztikákhoz. Analitikai sütiket csak az elfogadása esetén helyezünk el. Hozzájárulás nélkül a statisztikák sütik nélküli jelekből becsült adatok. Süti-szabályzat.
PDS · Design System
A PDS a Protocore saját designnyelve, amelyet az általunk épített termékekből vontunk ki, és élesben edzettünk meg. Dark-first, tokenvezérelt és végig dokumentált — ugyanazok a komponensek, amelyek a termékeinket és az ügyfeleink dashboardjait renderelik, úgy csomagolva, hogy egy csapat egy délután alatt átvehesse.
Funkciók
Az alapelemektől a teljes oldalkompozíciókig — 101 komponens, mindegyiket egy általunk szállított termékből emeltük ki, nem elszigetelten terveztük. Ha egy komponens szerepel a PDS-ben, már bizonyított: ez az oldal, a termékdemók és az ügyféldashboardjaink mind rá épülnek.
A szín, a tipográfia, a térköz és a mozgás egyetlen token-rétegből származik. Módosíts egy tokent, és minden komponens követi — komponensenkénti felülírás és termékek közti eltérés nélkül.
Egy sötét és egy világos téma, öt kiemelőszín, mind ugyanazokból a tokenekből vezérelve. A márkavariáció tokencsere, nem fork — a család minden terméke ugyanabból a rendszerből renderelődik.
A kontraszt, az emelkedés és a színek először a sötét témán készülnek el, a világos téma ugyanezekből a tokenekből származik. Az eredmény egy natívnak ható sötét mód, nem pedig invertált.
Gombok, beviteli mezők, legördülő listák, kapcsolók, csúszkák és mezőváz — címkékkel, súgószöveggel és hibaüzenetekkel. Az állapotok már megtervezettek: a fókusz, a letiltott, az érvénytelen és a betöltés minden termékben ugyanúgy viselkedik.
A stackek, rácsok, elválasztók és oldalvázak ad hoc CSS nélkül állítják össze a képernyőket. A legnagyobb komponensek teljes oldalkompozíciók — a hero, szekció és lábléc minták az általunk szállított oldalakról származnak.
Fejlécek, fülek, morzsamenük és menük beépített reszponzív és billentyűzetes viselkedéssel. Az oldal navigációja maga a komponens, nem annak utánzata.
Modálisok, sheetek, drawerek, popoverek és tooltipek egyetlen rétegezési modellen — a fókuszcsapdázást, a bezárást és a rétegrendezést egyszer, központilag kezeljük. Egyetlen termék sem hoz magával saját z-index-számolgatást.
Táblázatok, listák, statisztikai csempék, badge-ek és idővonalak a számokból élő termékekhez. A család operátori konzoljai a sűrűségüket ezekből a komponensekből kapják.
Toastok, bannerek, üres állapotok, folyamatjelzők és skeletonok — a kevésbé látványos állapotok, előre megtervezve. A PDS-re épülő termék átgondolt választ ad a betöltésre, az üres és a hibás állapotra is.
Szerkesztőségi típusskála mono címkékkel a technikai regiszterhez — a hang, amelyet minden Protocore-felületen látsz. A skála tokenekből áll, így a termékek a rendszer elhagyása nélkül finomhangolhatják.
Az időtartamok és az easingek tokenként érkeznek, a komponensek pedig már használják őket. Az interfészek termékeken át egységesen mozognak, mert senki nem időzít át kézzel animációt.
A kontraszt, a fókuszállapotok és a billentyűzetes viselkedés a komponensekbe van építve, nem házi feladat. Használd az alapértelmezéseket, és az akadálymentesség jön velük.
A stílusozás statikus CSS, buildkor feloldva — nincs CSS-in-JS runtime, a böngészőben semmi nem számolódik ki. A stílusréteg nulla JavaScriptet ad az oldalhoz.
A rendszer sima CSS-csomagként is elérhető — tokenek és utility osztályok, React nélkül. A szerveroldalon renderelt oldalak, e-mailek és a nem React-alapú stackek ugyanabból a forrásból dolgoznak.
A tokenek webre CSS-változóként, Tailwind presetként, mobilplatformokra natív formátumokban exportálhatók. A márka egyetlen definíciója, ott felhasználva, ahol a termék fut.
A React-réteg providerbe csomagolja az alkalmazást, és hookokon át teszi elérhetővé a tokeneket — a komponensek az aktív témát és kiemelőszínt olvassák ahelyett, hogy értékeket égetnének be. A témaváltás állapotváltozás, nem újrabuildelés.
Ugyanaz a mechanizmus, amely a PDS-nek öt kiemelőszínt ad, a whitelabel terméknek a saját márkáját adja: cseréld a tokenértékeket, tartsd meg a komponenseket. A család minden whitelabel alkalmazása bizonyíték arra, hogy működik.
A teljes rendszer géppel olvasható térképe — komponensek, tokenek, minták — llms.txt formában közzétéve. Irányítsd rá az LLM-et, és a generált kód valódi PDS-komponenseket használ ahelyett, hogy hihető, de kitalált darabokat gyártana.
Egy MCP-szerver közvetlenül a kódoló ágensek elé teszi a rendszert: komponenseket, propokat és tokeneket, lekérdezhetően, amíg az ágens épít. A design system válaszol a kérdésekre, nem promptokba kell bemásolni.
Minden komponens a pds.protocore.io oldalon él élő példákkal, propokkal és másolható kóddal. A dokumentáció maga is PDS-en renderel — amit olvasol, azt szállítod.
A PDS verziózott csomagokként érkezik szemantikus verziókkal és changelogokkal. A frissítés tudatos döntés: a csapat akkor lép, amikor akar, a changelog pedig pontosan megmondja, mi változott.
A csomagok a Protocore privát npm registryjéből települnek, csapatonkénti tokennel a .npmrc fájlban — a megszokott npm-munkafolyamat, licencelt csapatokra szűkítve. Nincs vendorolt zip, nincs másolgatós telepítés.
Az aláírt licenckulcs helyben ellenőrizhető — nincs phone-home, nincs hálózati ellenőrzés a buildben. A licencproblémák fejlesztési időben figyelmeztetésként jelennek meg, és sosem törik meg az éles alkalmazást.
A PDS zárt forráskódú, és csapatonként licencelt. Kérj hozzáférést, mi pedig beállítjuk — csomagokat, dokumentációt és tokenforrásokat —, hogy egy csapat egy délután alatt bevezethesse.
FAQ
Csapatonként – nem felhasználónként vagy projektenként. Egyetlen licenc a csapat minden tagját lefedi, aki a PDS-sel dolgozik: tokenek, komponensek és dokumentáció. A költség kizárólag a bevezető csapatok számával nő, és az Önnek épített whitelabel termékek már eleve ezen futnak.
Az npm.protocore.io privát registry-ből. A hozzáférési adatokkal a build le tudja húzni a @protocore csomagokat, a tokenek és komponensek pedig onnantól bármely függőségként telepíthetők.
A tokenek webre, .NET-re és natív platformokra készülnek, így egy szín vagy lekerekítés minden platformon ugyanazt jelenti. A komponensek Reacthez érhetők el, a keretrendszerfüggetlen CSS-réteg pedig ugyanazokat a tokeneket és osztályokat adja a nem React-alapú csapatoknak.
Alapértelmezetten dark-first és akadálymentes – két téma, öt kiemelőszín, mind tokenekkel vezérelve, zero-runtime CSS-sel, így a stílus betöltéskor semmibe sem kerül. Ugyanezek a komponensek jelenítik meg a termékeinket és az ügyfeleink dashboardjait.
Erre készült: egy llms.txt térkép és egy MCP szerver lehetővé teszi, hogy az agentek beolvassák a rendszert és helyesen építsenek vele, a pds.protocore.io pedig élő példákat, propokat és másolható kódot tartalmaz minden komponenshez és tokenhez.
Árazás
A PDS licencelése csapatonként történik, nem felhasználónként vagy projektenként: egyetlen licenc a csapat minden tagját lefedi, aki vele dolgozik – tokenek, komponensek és dokumentáció egyaránt.
Kezdjen egy csapattal, és bővítsen, ahogy terjed a használat. A költséget kizárólag a PDS-re építő csapatok száma határozza meg, semmi más.
Az Önnek készített whitelabel termékek már PDS-en futnak – az önálló licenc azoknak a csapatoknak szól, amelyek a saját termékeiken vezetik be.
A licencelés a csapatokhoz igazodik, nem a létszámhoz vagy a használathoz. Kérjen hozzáférést, és azokra a csapatokra szabjuk, amelyek építeni fognak vele.
Értékelés
Böngéssze végig a teljes rendszert a pds.protocore.io oldalon – élő példák, propok és másolható kód minden komponenshez és tokenhez.
A design tokenek webre, .NET-re és natív platformokra készülnek, így egy szín vagy lekerekítés minden platformon ugyanazt jelenti.
A PDS licencelése csapatonként történik – egyetlen licenc mindenkit lefed, aki használja: tokeneket, komponenseket és dokumentációt egyaránt.
Hozzáférési adatok az npm.protocore.io privát registry-hez, hogy a build letölthesse a szükséges @protocore csomagokat.
A PDS szabadalmazott szoftver, licencelése csapatonként történik. Kérjen hozzáférést, és mi mindent beállítunk.
Minden, amit fent lát, élő demókban fut, amelyeken végigvezetjük Önt – önállóan, whitelabel formában vagy egyetlen platformként. Mondja el, mit épít, és megmutatjuk a legrövidebb utat.
