Anleitungen
Jedes Kiekkist-Design kommt als ein Paket. Daraus erzeugst du den Export für dein System und installierst ihn. Das geht von Hand oder mit deinem KI-Coding-Assistenten.
So läuft es immer
Paket laden
Kostenlose Designs auf der Designseite, gekaufte auf der Download-Seite mit Lizenzschlüssel. Entpacken.
Export erzeugen
Mit dem Open-Source-Werkzeug kk aus dem Kiekkist-Repository. Ein Befehl pro System, er läuft lokal auf deinem Rechner.
Installieren
Je nach System: Theme hochladen, Projekt bauen, Dateien per FTP laden oder Komponenten einbauen. Die Schritte stehen in der jeweiligen Anleitung.
Anleitung wählen
- 01
WordPress
Aus dem Designpaket wird ein Block-Theme mit theme.json, Vorlagen und Mustern. Du lädst es wie jedes Theme hoch. Plugins brauchst du dafür keine.
- 02
Astro
Aus dem Designpaket wird ein Astro-Projekt. Jeder Abschnitt ist eine Komponente, die Texte liegen als JSON daneben. npm run build macht daraus eine statische Website.
- 03
HTML
Der HTML-Export ist die einfachste Form: fertige Seiten, CSS, Schriften und Bilder. Hochladen, und die Seite läuft. Kein Node auf dem Server, keine Datenbank.
- 04
React
Der React-Export ist kein fertiges Projekt, sondern ein Baukasten für deins: Abschnitte als TSX-Komponenten, Seiten als Komponenten, Tokens als CSS-Variablen, Tailwind-Theme und shadcn/ui-Variablen.
- 05
Elementor
Der Elementor-Export bringt die Gestaltungsebene: ein Child-Theme mit Schriften, Tokens und CSS und ein Kit mit globalen Farben und Schriften. Fertige Seitenvorlagen sind nicht dabei, die Abschnitte baust du in Elementor auf.
Mit KI-Assistent
Jede Anleitung hat einen Prompt zum Kopieren. Er sagt deinem Assistenten, welche Dateien er zuerst lesen soll (DESIGN.md, Tokens, README, Lizenz), wie er den Export erzeugt und was er nicht anfassen darf.