Private Beta · Warteliste offen
Speichere, was dich packt. Sag, warum. Deine Agents folgen.
craftrules erfasst Webseiten, deren Design du liebst, hält den Grund hinter jedem Detail fest und macht aus deinen Gründen Regeln, die Claude Code, Cursor und Codex lesen, bevor sie gestalten.
Eine einzige E-Mail, sobald ein Platz frei ist. Kein Newsletter.
Warum sie dich gepackt hat
- 1MachenDer Preis steht vor dem Tarifnamen: Man vergleicht zuerst die Zahlen.
- 2MachenEine Serifenschrift, nur für Überschriften. Die Oberfläche bleibt serifenlos.
- 3MeidenDrei gleiche Karten mit Icons sagen nichts über das Produkt.
An der echten Seite gemessen
- Überschriften
- Serif 600 · 56/60
- Fließtext
- Sans 400 · 17/28
- Farben
- #FAF7F0#1F1E1B#D9502B
- Kontrast Fließtext
- 14,8 : 1
Referenzen sterben dort, wo du sie ablegst
Ein Lesezeichen, ein Screenshot, ein Link im Chat. Monate später weiß niemand mehr, was daran gut war, und dein Coding-Agent hat es nie gesehen.
- 01
Ein Screenshot ohne seinen Grund
War es das Layout, der Button oder die Schrift? Der Moment, in dem du ihn gespeichert hast, ist weg.
- 02
Ein Agent ohne deinen Geschmack
Bitte um eine Landingpage und du bekommst den Durchschnitt des Webs, denselben Verlauf und dieselben drei Karten.
- 03
Eine Regel, die niemand prüfen kann
„Mach es hochwertiger“ lässt sich nicht prüfen. Eine gemessene Schriftgröße und eine Notiz auf einer echten Seite schon.
So funktioniert es
- 1
Seite speichern
Füge einen Link ein. craftrules erfasst die Seite auf Desktop und Smartphone und misst Schriften, Farben, Kontrast und Eckenradien, die sie wirklich verwendet. Jede Erfassung behält ihr Datum, so siehst du, wie sich ein Design verändert.
- 2
Markieren, warum
Zieh einen Rahmen um jedes Detail, das dich packt, und schreib eine Zeile dazu, etwas zum Nachmachen oder etwas zum Vermeiden. Eine Seite fasst so viele Gründe, wie du hast.
- 3
Aus Gründen Regeln machen
Fasse deine Markierungen zu Regeln zusammen, etwa „Preis vor dem Tarifnamen zeigen“. Jede Regel nennt ihre Belege, und nichts wird zur Regel, bevor du es freigibst.
Jede Aussage sagt, woher sie kommt
Drei Arten von Wissen, nie vermischt, damit du und deine Agents wisst, worauf ihr euch verlassen könnt.
Gemessen
Von der echten Seite gelesen, mit Datum, Adresse und Methode. Nie geraten.
Fließtext 17/28 px · Kontrast 14,8 : 1
Dein Geschmack
Ein Urteil mit Urheber und Datum, eingezeichnet auf genau dem Bereich, um den es geht.
Machen · Preis vor dem Tarifnamen
Belegt
Eine zitierte Quelle, etwa eine Usability-Studie oder eine Design-Richtlinie.
Quelle · eine Studie zu Preistabellen
Deine Agents lesen es, bevor sie gestalten
craftrules ist ein MCP-Server. Einmal verbunden, durchsucht dein Coding-Agent deine Bibliothek, liest die freigegebenen Regeln mit ihren Belegen und sieht sich die markierten Bereiche an, statt zu raten.
Funktioniert mit jedem MCP-Client, zum Beispiel Claude Code, Cursor und Codex. Eine JSON-API gibt es auch.
Gestalte die Preisseite meiner App
craftrules · search_library("pricing")
Regel · dein Geschmack · freigegeben
Zeig den Preis vor dem Tarifnamen.
Belege: 4 markierte Bereiche auf 3 Websites, gemessen
Wende 3 Regeln aus deiner Bibliothek an…
Fragen
Was ist craftrules?
craftrules ist eine private Bibliothek für Design-Referenzen, gedacht für alle, die Produkte mit KI-Coding-Agents bauen. Du speicherst Webseiten, die dich packen, markierst bei jedem Detail den Grund und machst daraus Regeln, die deine Agents per MCP lesen.
Was ist anders als bei Mobbin, Pinterest oder einem Moodboard?
Galerien zeigen Screens, die andere ausgewählt haben. craftrules bewahrt deine eigene Auswahl mit dem Grund für jedes Detail, misst die echte Seite, statt nur ein Bild abzulegen, behält jede Erfassung mit Datum und gibt das Ergebnis als klare Regeln an deine Agents weiter.
Mit welchen Coding-Agents funktioniert es?
Mit jedem Client, der das Model Context Protocol (MCP) spricht, etwa Claude Code, Cursor und Codex. Außerdem gibt es eine einfache JSON-API mit persönlichen Tokens.
Was heißt „gemessen“?
Wenn du eine Seite speicherst, öffnet ein Browser sie und liest aus, was sie wirklich verwendet, also Schriftfamilien, Schriftgrößen und Schriftstärken, Text- und Hintergrundfarben, Kontrast und Eckenradien. Jeder Wert behält Datum, Adresse und die Methode, mit der er gelesen wurde.
Sind meine Referenzen privat?
Ja. Deine Bibliothek ist privat, und nichts, was du speicherst, wird veröffentlicht. Agents greifen nur mit einem persönlichen Token darauf zu, das du anlegst und jederzeit widerrufen kannst.
Was wird es kosten, und wann geht es los?
Einen Preis gibt es noch nicht. Wer auf der Warteliste steht, erfährt ihn zuerst, bevor irgendetwas berechnet wird. Heute ist die Bibliothek privat im Einsatz, und die Liste zeigt uns, für wen wir sie als Nächstes öffnen.
Erfahre, wann ein Platz frei wird
Hinterlass deine E-Mail-Adresse, und wir schreiben dir ein einziges Mal, wenn craftrules für neue Leute öffnet. Kein Newsletter, und du kannst dich jederzeit austragen lassen.