So funktioniert es # 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](https://ai-website.com/de/templates)Die sieben Skills - 7 Skills, fest eingebaut - 1 gemeinsames Projekt - 5 Schritte bis live Das System ## Ein Projekt. Ein Netz aus Wissen Jedes Template bringt seine Regeln mit. Dein Auftrag läuft über Guideline, Designregeln und Projektwissen zu dem Skill, der ihn umsetzt. Deshalb passt die neue Seite zu den zwanzig, die schon da sind. Dein Projekt - Guideline - Designregeln - Projektwissen - Start „Passe die Website auf mein Studio an.“ - SEO „Ich will für Steuerberatung in Köln gefunden werden.“ - Copywriting „Schreib die Startseite ruhiger und klarer.“ - Design-System „Unsere Akzentfarbe ist ab heute Dunkelgrün.“ - Qualitätsprüfung „Prüfe alles, bevor wir live gehen.“ - Systemwissen „Wie füge ich eine neue Seite hinzu?“ - Template-Aufbau „Baue eine Seite für unsere Workshops.“ Auftrag 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. 01 ### Alles im Paket Lade die Website mit allen Unterseiten, Designregeln und sieben Skills als Projektordner herunter.02 ### Deine Änderung im Chat Öffne das Projekt in deinem KI-Werkzeug. Beschreibe Marke und Angebot, dann prüfe die Änderungen.03 ### 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. [Passendes Template wählen](https://ai-website.com/de/templates) So arbeitet dein TemplateAblauf abspielen Lade die Website mit allen Unterseiten, Designregeln und sieben Skills als Projektordner herunter. **ai-website.zip**Dein 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.](https://ai-website.com/de/docs/skills) ### 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.](https://ai-website.com/de/docs/launch) - 01 ### 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.“ - 02 ### Platzhalter tauschen Fotos, Preise und Stimmen im Template sind Beispiele. Was erfunden ist, steht sichtbar auf der Seite und wird vor dem Livegang ersetzt. - 03 ### 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. - 04 ### 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. - 05 ### 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. ### Und danach - 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. - Der Qualitätslauf vor jedem Deploy Einmal vor jedem Hochladen, und du erwischst kaputte Links und Kontrastprobleme, bevor deine Besucher es tun. - Die zweite Sprachfassung Dein Template enthält eine deutsche und eine englische Fassung. Passe die Inhalte für die Sprachen an, die dein Unternehmen tatsächlich benötigt. - styleguide.html als Briefing Wenn du mit Designern oder Kollegen arbeitest, gib ihnen diese eine Datei. Darin steht dein komplettes Design-System, ohne Build. - Neue Bausteine aus dem UI Kit Fehlt ein Baustein, holt deine KI ihn mit der CLI aiw aus dem [UI Kit by ai-website.com](https://ai-website.com/ui-kit/de/), ob Claude, ChatGPT, Cursor oder Gemini. Über 459 Components, kostenlos unter MIT-Lizenz, danach an die Tokens deines Templates gebunden. Bereit zum Weiterbauen ## Das Wissen reist mit Wähle deine Website. Designregeln, Projektwissen und sieben Skills liegen im selben Download. [Templates entdecken](https://ai-website.com/de/templates) [Bauen lassen](https://ai-website.com/de/service) - Vollständiger Seitenaufbau - Sieben Skills inklusive - Deutsch und Englisch [********Vardstett**](https://ai-website.com/de/templates/vardstett)[********Havelstett**](https://ai-website.com/de/templates/havelstett)[********Orvath**](https://ai-website.com/de/templates/orvath) [Webdesign aus Köln. Eine Grundlage für deine Arbeit.Das Studio kennenlernen](https://ai-website.com/de/creators/ai-website) --- Canonical page: https://ai-website.com/de/system