Open Design System Format
Übergib dein Designsystem an einen Agenten
Warum es das gibt
KI-Agenten erzeugen UI, die plausibel aussieht und dein Designsystem stillschweigend ignoriert: die falsche Abstandsskala, erfundene Farbrollen, Komponenten, die es nie gab. Die Regeln und Tokens, die das beheben würden, stecken in Figma-Dateien und verstreuten Docs, die kein Agent lesen kann. ODSF packt all das in ein Bundle, das ein Agent wirklich öffnen und befolgen kann.
Über das Projekt
Ein Bundle-Format, das ein Designsystem mit seinen Tokens, Komponenten, Verhaltensweisen, Regeln und lauffähigen Beispielen in einen portablen Satz aus Markdown, HTML und CSS packt, den ein KI-Agent lesen und tatsächlich einhalten kann. Tokens werden einmal definiert und tauchen zweimal auf, als agentenlesbares Frontmatter und als synchronisierte CSS-Variablen, während Komponenten selbstrenderndes HTML mitbringen, aus dem Agenten kopieren, statt Defaults zu raten. Es baut auf Googles Open Knowledge Format und design.md von Google Labs auf, bleibt ohne Abhängigkeiten und ohne Lock-in und bringt Claude, Primer und Geist als Referenz-Bundles mit.
Features
Ein portables Bundle aus Markdown, HTML und CSS, ohne SDK
Tokens einmal definiert, als Agenten-Frontmatter und CSS-Variablen ausgegeben
Komponenten bringen lauffähige HTML-Beispiele mit, aus denen Agenten kopieren
Aufgebaut auf Open Knowledge Format und design.md, ganz ohne Lock-in
Single-File-Viewer und ein Node.js-Validator für Konformität
Tech Stack