So funktioniert's

Deine KI bekommt einen Rahmen.

Designregeln, Projektwissen und sieben Skills liegen bei der Website. Du nutzt sie in deinem eigenen KI-Werkzeug, vom ersten Umbau bis zur nächsten Unterseite.

Template sichern Die sieben Skills

7 Skills, fest eingebaut
1 gemeinsames Projekt
5 Schritte bis live

So nutzt du deinen Vorsprung

Die Website steht.
Du baust weiter.

Wähle die Grundlage. Gib deiner KI den Auftrag. Prüfe das Ergebnis für deinen Kunden.

Alles im Paket

Lade die Website mit allen Unterseiten, Designregeln und sieben Skills als Projektordner herunter.

Deine Änderung im Chat

Öffne das Projekt in deinem KI-Werkzeug. Beschreibe Marke und Angebot, dann prüfe die Änderungen.

Deine Website wächst mit

Ersetze Beispielinhalte, prüfe Desktop und Mobil und veröffentliche bei deinem eigenen Hoster.

Du arbeitest in deinem eigenen KI-Code-Werkzeug. Der Zugang ist separat.

Selbst in der Demo ausprobieren

So arbeitet dein Template

Lade die Website mit allen Unterseiten, Designregeln und sieben Skills als Projektordner herunter.

ai-website.zipDein kompletter Projektordner

Website

Design

Texte

SEO

Qualität

Wissen

Sieben Skills für die Arbeit an deiner Website.

Öffne das Projekt in deinem KI-Werkzeug. Beschreibe Marke und Angebot, dann prüfe die Änderungen.

Du gibst die Richtung vor.

„Nutze mein Logo und zeige meine drei Leistungen auf der Startseite.“

Designregeln berücksichtigt

Deine Marke übernommen

Leistungen eingebaut

Aus deinem Satz wird eine Änderung.

Ersetze Beispielinhalte, prüfe Desktop und Mobil und veröffentliche bei deinem eigenen Hoster.

deine-website.de

Deine Marke

Dein Unternehmen. Dein Auftritt.Dein Angebot.
Klar auf den Punkt.Kontakt aufnehmen

Deine Inhalte. Deine Seiten. Dein Code.

Beispielhafter Ablauf

Skills · Fest eingebaut, in jedem Template

Sieben Skills. Klare Aufgaben.

Die Skills geben deinem KI-Werkzeug Anleitungen für die Arbeit am Projekt. Du beschreibst den Auftrag und prüfst das Ergebnis. Die Skills im Detail.

Start

Der erste Schritt

Gibt deinem KI-Werkzeug einen Ablauf für die erste Anpassung. Beginne mit deiner Marke, deinem Angebot und dem Ziel der Website.

SEO

Damit du gefunden wirst

Meta-Titel, Beschreibungen, Struktur und interne Links. Sagst du zum Beispiel, wofür du gefunden werden willst, setzt der Skill es sauber um.

Copywriting

Texte im Ton deiner Marke

Schreibt und überarbeitet Texte im festgelegten Tone of Voice deines Templates, getrennt vom Code und jederzeit änderbar.

Design-System

Konsistenz statt Bastelei

Dokumentiert Farben, Typografie und Abstände. Deine KI kann diese Regeln für Änderungen nutzen. Prüfe anschließend, ob die Darstellung zusammenpasst.

Qualitätsprüfung

Prüfung vor dem Livegang

Leitet Prüfungen von Links, Kontrasten und mobiler Darstellung an. Nutze die Hinweise vor der Veröffentlichung und prüfe die Seite auch selbst.

Systemwissen

Erklärt dir dein eigenes Projekt

„Wie füge ich eine neue Seite hinzu?“ Der Skill kennt Aufbau, Ordner und Zusammenhänge deines Templates und beantwortet es dir in Klartext.

Template-Aufbau

Neue Bereiche im Stil

Baut neue Seiten, Sektionen oder Angebote im bestehenden Stil, statt sie als Fremdkörper anzuflanschen. Struktur und Ton bleiben konsistent.

Launch · Die letzten fünf Schritte

Aus dem Template wird deine Website

Passe die Beispiele an dein Unternehmen an und prüfe die Website vor der Veröffentlichung. Zur Anleitung für den Livegang.

Identität ersetzen

Namen, Texte und Kontaktdaten auf dich umschreiben. Ein Auftrag an deine KI reicht meist: „Passe die Website auf mich an: Name, Angebote, Kontaktdaten.“

Platzhalter tauschen

Fotos, Preise und Stimmen im Template sind Beispiele. Was erfunden ist, steht sichtbar auf der Seite und wird vor dem Livegang ersetzt.

Impressum und Datenschutz anlegen

Die Links im Fuß sind vorbereitet, die Seiten erstellst du mit eigenen, geprüften Texten. Rechtstexte generiert dein Template bewusst nicht, das wäre Rechtsberatung.

Hosting und Domain

Wähle einen Hoster, der die technische Grundlage deines Templates unterstützt. Baue das Projekt für die Veröffentlichung und verbinde deine Domain.

Ein SEO-Lauf zum Schluss

„Prüfe die Website für die Suche und optimiere Titel und Beschreibungen.“ Der letzte Handgriff, bevor du live gehst.

Weiterarbeiten · Im Projekt mitgedacht

Deine Grundlage für den nächsten Schritt

Nutze Dokumentation, Sprachfassungen und Designregeln auch nach dem ersten Livegang.

Die unbeschnittenen Originale

Neben dem Webroot liegen viele Bildvorlagen in voller Größe. „Schneide dieses Motiv für den Hero neu zu.“ Kein Bildprogramm nötig.

Eine neue Unterseite im selben Stil

Der Skill Template-Aufbau hält Struktur und Ton ein, wenn du eine neue Seite oder Sektion beschreibst. Kein Copy-Paste aus einer bestehenden Seite nötig.