Die Kette by Get IT Done

Die Kette · Agenten für Claude Code

Deine Design-System-Infrastruktur. Verkettet von Agenten.

6 Repos und 14 Figma-Dateien, alles ineinander verzahnt.

  • rund250React-Komponenten
  • über3.100Storybook-Stories
  • über6.200Figma-Varianten
  • 26Agenten

Wir schreiben dir nur zum Verkaufsstart. Abmeldung jederzeit. Datenschutz (öffnet in neuem Tab)

Start am 1. November · ab 249 €

claude
$ ● Loop gestartet  Anforderung, UX, UI, Bau,  dann sechs unabhängige Gates.
Board-Seite aus dem Prototyp, mit fiktivem Beispielmandanten
  1. 01Prototyp
  2. 02Tokens
  3. 03Figma
  4. 04Library
  5. 05Zero
  6. 06Zero Pages
  7. 07Apps

Alle Oberflächen auf dieser Seite zeigen fiktive Beispieldaten.

Inhalt

Das steckt in der Kette.

Gezählt aus unseren Repos. Stand 18.10.2026.

  • Tokens

    1.564Tokens
    40Theme-Dateien

    Hell und dunkel, aus einem Token-Repo.

  • Figma

    14Dateien
    4.566Varianten in der Basisbibliothek

    In Figma, aus den Tokens gespeist.

  • Library

    145Komponenten
    2.485Tests

    React-Komponenten auf Radix-Basis (headless Primitives), mit Tokens gestaltet.

  • Zero

    100Fachkomponenten
    981Stories

    Fachkomponenten für Business-Apps, gebaut auf der Library.

  • Zero Pages

    18Vorlagen
    394Zustände

    Seitenvorlagen als Stories, direkt nutzbar. Du schließt nur deine Business-Logik an.

  • Infrastruktur

    15Pipelines
    npmautomatische Releases

    Visuelle Regressionstests, Figma-Sync und Live-Deploys auf itdone.cloud oder deiner eigenen Infrastruktur.

Das Problem

KI baut schnell. Aber nach Gefühl.

Ohne Regeln und unabhängige Prüfung sieht jede KI-Oberfläche gleich aus und bricht an denselben Stellen.

  • Der Agent meldet fertig und prüft sich selbst.
  • Kontrast, Fokus und Zustände fehlen, keiner merkt es.
  • Gratis-Skills geben Stil vor, setzen aber nichts durch.
So machen wir es
Prototyp-Seite Skillmap mit fiktiven Daten, mit markierten Beispielbefunden B-07 Kontrastarmer Rand: falsche Rolle B-12 Fokusring fehlt B-31 Zustand fehlt: leer
Beispielbefunde. Die Begriffe stammen aus den Ursachen unseres Audits.

Die Kette

Sieben Stationen. Eine Richtung.

Vom Prototyp bis zur App fließt jede Änderung in eine Richtung, geprüft an jeder Station.

Making-of

Das promptet man nicht an einem Nachmittag.

Seit Oktober 2023 in echten Projekten gewachsen. Seit 2026 mit agentischer Unterstützung.

Zur Warteliste
  1. Tokens und Library starten. Figma und Code sind von Anfang an in sync.
  2. Die erste Business-App baut ab dem ersten Commit auf Tokens und Library.
  3. Die App treibt die Library: Multiselect mit Drag and Drop, Stepper, Tooltip, Skeleton, Accordion.
  4. Relaunch einer Kundenwebsite: Carousel, Drawer und Services-Layout kommen dazu.
  5. Tabelle und neue Auswahlfelder für die App.
  6. Ab jetzt Vollzeit, nonstop. Bis 18.10.2026: 1.341 Commits in den sechs Kettenrepos.
  7. Die ersten Agenten ziehen ein. Ab jetzt mit agentischer Unterstützung.
  8. Tokens v4, zero, Prototyp und Zero Pages 1.0. Bis zum 17.10. folgen 52 weitere Releases.
  9. Audit der Basiskomponenten. Befunde offen benannt.
  10. Stand: Tokens 5.10.0, Library 0.26.14, zero 0.13.8, Zero Pages 1.16.3.
  • 2.020Commits in 6 Repos
  • 267Releases
  • 426Fix-, Review- und Audit-Commits
  • 325Agentenläufe in vier Wochen
  • 2.889Tests in CI gesamt, alle grün
  • 720+PT Aufwand

Gründer

„Rund zwei Jahre Figma, Prototypen, Komponenten, Stories und Pipelines. 26 selbst agierende Agenten, unzählige Claude-Max-Limits. Dazu das Wissen aus über 20 Projekten bei Siemens Healthineers, Mercedes-Benz, Merck und Zeppelin. Das alles steckt in der Kette.“

Alexander Friedl, Get IT Done GmbH

Geprüft

Belege statt Versprechen.

Jede Zahl stammt aus unseren Repos. Auch die unbequemen.

  • 2.485Tests, Barrierefreiheit je Story geprüft
  • 132Regeln, 52 Do/Don't-Paare
Unabhängige Nachprüfung 18.10.2026

Kritische Befunde behoben

Prüfumfang
Library und zero, hell und dunkel, 1440 und 390 px
Urteil
behoben Alle kritischen Befunde, kleinere folgen in 0.26.x
Behoben in
Library 0.26.0, Tokens 5.0.2 und zero 0.13.0

Quelle: Audit-Bericht und Changelog der Library 0.26.0. Ohne Kundendaten.

Betrieb

So läuft die Kette bei uns

Ein echtes Beispiel: wie wir bauen, prüfen und veröffentlichen. Code, Review und Pakete bleiben auf GitHub, die CI-Jobs laufen auf unserem eigenen Build-Server.

  1. Erst lokal

    Agenten bauen und prüfen alles lokal und pushen einmal.

    Die Pipeline läuft nur auf dem fertigen Stand: weniger CI-Minuten, ein sauberer Nachweis.

  2. Eigener Server

    CI-Jobs laufen auf unserem eigenen Build-Server, jeder Job in einem frischen Container, nur für private Repos.

    Keine GitHub-Minuten, eigene Hardware.

  3. Nur nötige Läufe

    Schwere Prüfungen nur im PR, Screenshot-Basis nachts, Doku-Änderungen ohne schwere Jobs, veraltete Läufe werden abgebrochen.

    Schnelles Feedback, keine verschwendeten Läufe.

  4. Geprüft vor dem Merge

    Branch-Schutz mit Pflicht-Checks, WCAG 2.2 AA in zero, Token-Parität, geprüfte Releases.

    Fehler fallen vor dem Merge auf, nicht beim Kunden.

  5. Eine Quelle

    Die Schrift ist ein einziger Token: brand-sans.

    Eine Änderung, die Kette folgt mit dem nächsten Update.

    1. Prototyp
    2. Tokens
    3. Figma
    4. Code
    5. Apps

Volle Eigenständigkeit gewünscht? Eigener Git-Server und eigene Paket-Registry auf Anfrage.

Im Terminal starten

Regeln für deinen Code. Ein Befehl.

Die Kette bringt jetzt ein Engineering-Regelwerk mit. Die Community-Edition ist kostenlos, Enterprise steckt in jeder Lizenz der Kette (Angebote).

macOS und Linux
curl -fsSL https://kette.itdone.de/install | sh

Windows und alle Details unter Einrichten. Wie das Regelwerk in den Ablauf passt, steht bei Spec-driven Development.

Warteliste

Die Kette. Ab 1. November.

Unser ganzes Design System und die Agenten, die es bauen. Trag dich ein, wir melden uns einmal zum Verkaufsstart.

Die Kette

Das ganze Design System plus die Agenten, die es bauen und prüfen.

  • Tokens
  • React-Library
  • Fachkomponenten
  • Seitenvorlagen
  • Figma-Dateien
  • Agenten und Skills

249 €einmalig, inkl. MwSt., 12 Monate Updates

Verkaufsstart am 1. November 2026

Eine Warteliste für alle drei Pakete. Wir schreiben dir nur zum Verkaufsstart. Abmeldung jederzeit. Datenschutz (öffnet in neuem Tab)

Monate Teamarbeit, fertig für 249 €.

Die drei Pakete im Vergleich
EnthaltenDesign-Review-PackAgenten-PackEmpfohlenDie Kette
Preis49 €149 €249 €
132 Regeln✓enthalten✓enthalten✓enthalten
26 Agenten×nicht enthalten✓enthalten✓enthalten
18 Skills×nicht enthalten✓enthalten✓enthalten
1.564 Tokens×nicht enthalten×nicht enthalten✓enthalten
245 React-Komponenten×nicht enthalten×nicht enthalten✓enthalten
3.103 Storybook-Stories×nicht enthalten×nicht enthalten✓enthalten
2.485 Tests×nicht enthalten×nicht enthalten✓enthalten
100 Fachkomponenten×nicht enthalten×nicht enthalten✓enthalten
18 Seitenvorlagen×nicht enthalten×nicht enthalten✓enthalten
6.246 Figma-Varianten×nicht enthalten×nicht enthalten✓enthalten
Engineering-Regelwerk×nicht enthalten×nicht enthalten✓enthalten
Auf die WartelisteAuf die WartelisteAuf die Warteliste
über 720 PT Aufwand für 249 €

Preise für eine Person, einmalig, inkl. MwSt., 12 Monate Updates.
Team bis 10 Personen: 990 € zzgl. MwSt. · Agenturen auf Anfrage (info@itdone.de)

Für bestehende Systeme

Überführung

Ihr habt schon ein Design System? Wir überführen es in Die Kette, mit unseren Agenten.

Auf AnfrageLos geht es mit der Bestandsaufnahme.

Zur Überführung

Überführung

Schon ein Design System? Wir vernetzen es.

Kein Neubau. Eure Tokens, Figma-Dateien und Repos hängen wir Stufe für Stufe an Die Kette. Alt und Neu laufen parallel, bis das Alte weg ist.

  1. Bestandsaufnahme
  2. Tokens
  3. Figma
  4. Repos
  5. Apps
  6. Betrieb

Preis auf Anfrage.

FAQ

Häufige Fragen.

Ein fertiges Design System für komplexe Business-Apps, dazu die Agenten, die es bauen und prüfen. Alles ist in unseren eigenen Projekten gewachsen.

Ab 1. November 2026. Bis dahin trägst du dich auf die Warteliste ein, wir melden uns einmal zum Verkaufsstart.

Die Agenten nicht. Sie sind für Claude Code gebaut.

Nein. Die Agenten prüfen nach WCAG 2.2 AA und melden Befunde mit Beleg. Einen Konformitätsnachweis oder BITV-Test ersetzt das nicht.

Beim Paket keinen persönlichen Support. Du bekommst die README je Plugin und diese FAQ. Bei der Überführung schon: Dort arbeiten wir persönlich mit euch.

Dann vernetzen wir es mit Die Kette, statt neu zu bauen. In sechs Stufen: Bestandsaufnahme, Tokens, Figma, Repos, Apps, Betrieb. Mehr auf der Seite Überführung.

Das hängt vom Weg ab. Auf Wunsch laufen die meisten Agenten auf eurer eigenen Hardware, Code und Figma-Dateien bleiben dann im Haus. Nur gezielte Schritte gehen an Claude, mit dem Kontext, den der Schritt braucht. Das läuft über unseren Geschäftszugang oder euren eigenen, zum Beispiel AWS Bedrock in Frankfurt. Wer gar nichts an Claude schicken will, bekommt nur die lokalen Schritte. Das dauert länger und kostet mehr. Details auf der Seite Überführung.

Dein Design System, ab 1. November.

Trag dich ein. Wir melden uns einmal, wenn es losgeht.

Wir schreiben dir nur zum Verkaufsstart. Abmeldung jederzeit. Datenschutz (öffnet in neuem Tab)