Use

Mit Kitty in Claude arbeiten

Kitty ist so geschrieben, dass Claude das System versteht. Du beschreibst, was du brauchst — und bekommst saubere Dateien statt zufälliges CSS.

01

Sag, was du brauchst

In Worten, ganz normal. „Bau eine Landingpage für eine Physiotherapie mit Leistungen, Team und Kontaktformular.“

02

Kitty nutzt das System

Claude liest KIT.md und die Templates, greift auf Tokens und Bausteine zu — nicht auf erfundenes CSS.

03

Fertige Dateien

Sauberes HTML, das per Doppelklick läuft und auf deinen Server passt. Schrift, DSGVO-Bausteine und SEO-Grundgerüst sind dabei.

So klingt das

Beispiel-Prompts

Kopiervorlagen — je konkreter, desto besser das Ergebnis.

„Erstelle eine neue Seite leistungen.html nach dem Kitty-System — Seitentitel, ein Feature-Grid mit 6 Leistungen und ein CTA-Band unten.“

„Ändere die Signalfarbe auf ein warmes Orange und mach die Sektionsabstände etwas luftiger — nur über die Tokens.“

„Füge dem Footer eine vierte Spalte mit Öffnungszeiten hinzu und schalte den Cookie-Banner ein, weil wir Google Maps einbetten.“

„Bau die Startseite als Boxed-Layout statt Full-Width und häng einen Sticky-Header dran.“

Eingebaut

Worauf Kitty von selbst achtet

DSGVO

Schrift bleibt selbst gehostet, Consent nur bei Bedarf — mit echtem Prior-Blocking. Kein heimliches Nachladen.

Barrierefreiheit

Eine h1 pro Seite, echte Alt-Texte, sichtbarer Fokus, Reduced-Motion. Wird nicht „wegoptimiert“.

Konsistenz

Neue Abstände laufen über die Token-Skala, neue Sektionen über Templates. Nichts wird hart reingeschrieben.

Fragen

Kurz erklärt

Brauche ich einen Server?

Nein. Die Seiten laufen per Doppelklick lokal und auf jedem Webspace. Nur das PHP-Kontaktformular braucht einen Server mit PHP — ohne PHP ersetzt du es durch einen mailto:-Link.

Wie ändere ich Farbe, Schrift oder Abstände?

Über die Tokens in styles.css (:root). Sag Kitty einfach, was du willst — die Änderung passiert an einer Stelle, nicht in jedem Baustein.

Wie füge ich eine neue Seite hinzu?

Eine bestehende Seite oder ein Template aus templates/ als Vorlage nehmen, Inhalte tauschen, dieselbe styles.css verlinken. Header und Footer werden pro Seite dupliziert (reines Static, kein Build).

Ist das wirklich DSGVO-konform?

Die technischen Bausteine sind darauf ausgelegt (lokale Schrift, Prior-Blocking, abgesichertes Formular). Die inhaltliche und rechtliche Korrektheit — Datenschutzerklärung, Consent-Kategorien — bleibt deine Verantwortung.

Weiter

Schau dir die Bausteine an.

Zum Styleguide Beispiele