Bau Landingpages, denen niemand ansieht, dass eine KI sie gebaut hat
Die 15 Textmuster, an denen man KI erkennt, und das Setup aus Design-Set, zwei Skills und Mobbin. Für Claude, ChatGPT und Cursor.
Das Wichtigste auf einen Blick
- Ohne Vorgaben baut deine KI den Look, den sie am häufigsten gesehen hat. Ein Design-Set mit deinen Farben, Schriften und Abständen beendet das Raten.
- Der Frontend-Design-Skill von Anthropic legt die Richtung fest, impeccable räumt danach 61 typische KI-Muster weg.
- Mit Mobbin schaut sich deine KI vorher echte Seiten echter Firmen an, statt den Durchschnitt nachzubauen.
- Die 15 Textregeln unten kopierst du in eine Datei
AGENTS.md. Die lesen Claude Code, Codex und Cursor.
Deine KI baut den Look, den sie am häufigsten gesehen hat
Sagst du nur „bau mir eine Landingpage“, nimmt die KI den Durchschnitt aus tausend Seiten. Man erkennt ihn sofort:
1Beiger Hintergrund, 2ein kursives Wort in der Serifen-Überschrift, 3drei gleiche Karten mit kleinen Icons. Anthropic nennt genau diese Muster in seinem eigenen Design-Skill als Erkennungszeichen von KI-Seiten.
Das Setup: erst die Regeln, dann die Vorbilder, dann bauen
Die Reihenfolge entscheidet. Jeder Schritt gibt der KI eine Vorgabe mehr, bis kaum noch Raum für den Durchschnitt bleibt.
Schritt 1: Leg dein Design-Set an
Für eine neue Marke mit diesem Prompt. Hast du schon eine Website, schreibt /impeccable document die DESIGN.md aus deinem bestehenden Code.
Leg im Projektordner eine Datei DESIGN.md an. Sie ist ab jetzt die Grundlage für jedes Design.
Inhalt:
- Farben: 4 bis 6 benannte Farben mit Hex-Wert und Rolle (Hintergrund, Text, Akzent, Linien)
- Schriften: höchstens zwei, mit Rolle (Überschrift, Text) und Größenstufen
- Abstände: eine feste Skala (z. B. 4, 8, 16, 24, 40, 64 px) und die Breite der Textspalte
- Ecken, Linien, Schatten: was wir nutzen und was nicht
- Drei Sätze zur Wirkung: Wie soll die Marke wirken, wie auf keinen Fall?
Quellen: meine Website [URL], mein Logo [Datei], diese Screenshots [anhängen].
Frag nach, wenn etwas fehlt, statt zu raten.Dann installierst du die drei Werkzeuge. Jedes läuft in Claude Code, in Codex (dem Programmier-Werkzeug von ChatGPT) und in Cursor:
- Frontend-DesignSkill von Anthropic · Richtung
Zwingt die KI, vor dem ersten Pixel einen Plan aus Farben, Schriften und Layout zu machen und ihn gegen dein Briefing zu prüfen. Erst danach schreibt sie Code. Läuft automatisch, sobald du eine Oberfläche bauen lässt.
- Claude Code
/plugin install frontend-design@claude-plugins-official- Codex, Cursor
npx skills add anthropics/skills --skill frontend-designim Projektordner
- impeccableSkill · Prüfen und Aufräumen
Kostenlos von impeccable.style. Prüft deine fertige Seite mit 61 Regeln auf typische KI-Muster und baut sie raus. Dein Design-Set bleibt dabei die Vorgabe.
- Alle drei
npx impeccable installim Projektordner, dann/impeccable init- Nach dem Bauen
/impeccable polish, in Codex$impeccable polish
Über 600.000 Screens von Apps und Websites, die genau so live sind. Deine KI sucht dort selbst nach Vorbildern und baut auf dem auf, was bei den Besten funktioniert.
- Claude
- Customize › Connectors › Add › Browse connectors › Mobbin › Connect
- ChatGPT, Codex
- Mobbin-App in ChatGPT verbinden, Codex übernimmt die Anmeldung
- Cursor
- Cursor Marketplace › Mobbin › Add to Cursor, dann Customize › Installed › Authenticate
- Tarif
- Mobbin Pro oder Team. Mein Link gibt 10 % darauf, Mobbin schreibt mir dafür eine Prämie gut.
Schritt 2: Gib deiner KI ein Briefing mit Vorbildern
Bau mir eine Landingpage für [Angebot] an [Zielgruppe]. Ziel: [z. B. Erstgespräch buchen].
Bevor du gestaltest:
1. Lies DESIGN.md und halte dich an Farben, Schriften und Abstände daraus.
2. Such in Mobbin 5 bis 8 Landingpages von Firmen, die ein ähnliches Ziel haben. Sag mir, was die besten gemeinsam haben.
3. Schau dir meine Screenshots an [anhängen]. Daran gefällt mir: [so konkret wie möglich].
4. Schlag mir in drei Sätzen eine gestalterische Richtung vor und warte auf mein Okay.
Danach baust du die Seite. Für alle Texte gelten die Textregeln in AGENTS.md.Schritt 3: Schick impeccable drüber, wenn die Seite steht
Ein Befehl: /impeccable polish. Willst du erst nur sehen, was auffällt, nimm /impeccable audit.
Die 15 Muster, an denen man KI-Texte sofort erkennt
Das schönste Design hilft nicht, wenn der Text nach KI klingt. Diese 15 Muster fallen Lesern zuerst auf:
- Die Gegenüberstellung „Es geht nicht um X, es geht um Y“Es geht nicht um mehr Leads, es geht um die richtigen.Wir bringen dir Leads, die schon ein Budget haben.
- Modewörter statt InhaltUnsere maßgeschneiderte Lösung ist ein echter Gamechanger.Deine Seite steht in zwei Wochen, Texte inklusive.
- Vor jedem Aufzählungspunkt ein EmojiRakete, Glitzer, Glühbirne vor „Schneller“, „Einfacher“, „Smarter“Eine schlichte Liste. Ein Symbol nur, wenn es etwas zeigt.
- Dreierreihen aus GewohnheitSchnell, einfach und effizient.Einrichtung an einem Nachmittag.
- Frage mit Antwort als EffektDas Ergebnis? Mehr Umsatz.Seit der Termin-Button oben steht, buchen mehr Leute.
- Gedankenstriche als StilmittelWir denken neu – mutig – anders.Wir probieren Dinge aus, die andere Agenturen meiden.
- Anlauf statt EinstiegIn der heutigen schnelllebigen Welt ist Sichtbarkeit wichtiger denn je.Deine Kunden suchen dich bei Google. Wir sorgen dafür, dass sie dich finden.
- „Nicht nur …, sondern auch …“ als FüllerNicht nur schön, sondern auch funktional.Die Seite lädt in unter zwei Sekunden.
- Halbe Absätze fettMehrere fette Satzteile in jedem AbsatzHöchstens eine fette Stelle pro Abschnitt.
- Leere VerstärkerEin wirklich absolut einzigartiges Erlebnis.Streichen. Oder eine Zahl, die es belegt.
- Schluss mit ZusammenfassungFazit: Mit uns bist du bestens aufgestellt.Der letzte Satz sagt, was als Nächstes passiert.
- Überschriften nennen nur das ThemaUnsere LeistungenWir bauen Seiten, die Termine bringen
- Zahlen ohne Quelle90 % aller Websites verlieren Kunden.Zahl mit Quelle, oder als eigene Erfahrung kennzeichnen.
- Floskeln aus dem ChatfensterTauche ein in die Welt von …Direkt sagen, was der Leser hier findet.
- Passiv-Brei in gleich langen SätzenEs wird sichergestellt, dass alle Anforderungen erfüllt werden.Wir prüfen jede Seite, bevor sie live geht.
Gib die Regeln deiner KI als feste Anweisung mit. Leg sie in eine Datei AGENTS.md in deinem Projektordner. Claude Code, Codex und Cursor lesen sie bei jeder Aufgabe.
## Textregeln
Schreib wie ein Mensch, der sein Fach kennt. Vermeide diese 15 Muster:
1. Keine Gegenüberstellung „Es geht nicht um X, es geht um Y“. Sag direkt, worum es geht.
2. Keine Modewörter: Gamechanger, revolutionär, nahtlos, maßgeschneidert, ganzheitlich.
3. Keine Emojis vor Aufzählungspunkten oder in Überschriften.
4. Keine Dreierreihen aus Gewohnheit. Nenn eine Eigenschaft und belege sie.
5. Keine Frage mit Antwort als Effekt („Das Ergebnis? …“).
6. Keine Gedankenstriche als Stilmittel. Nimm Punkt, Komma oder Doppelpunkt.
7. Kein Anlauf („In der heutigen Zeit …“). Fang mit dem Nutzen an.
8. Kein „nicht nur …, sondern auch …“ als Füller.
9. Höchstens eine fette Stelle pro Abschnitt.
10. Keine leeren Verstärker (wirklich, absolut, unglaublich, extrem).
11. Kein „Fazit“ und kein „Zusammenfassend“. Der letzte Satz sagt, was als Nächstes passiert.
12. Überschriften sagen die Aussage, nicht das Thema.
13. Keine Zahlen ohne Quelle. Erfahrung als Erfahrung kennzeichnen.
14. Keine Chat-Floskeln wie „Tauche ein“, „Gerne!“ oder „Ich hoffe, das hilft“.
15. Aktive Verben statt Passiv. Kurze und lange Sätze mischen.
Automatisierungs-Call für Agenturen, Coaches und Dienstleister
In 30 Minuten schauen wir gemeinsam, wo KI-Agenten und automatisierte Prozesse in deinem Betrieb zuerst Zeit und Geld sparen. Kostenlos.
Für wen ist das?
- Agenturen, Coaches und Dienstleister
- ab 10.000 € Monatsumsatz
- ein klarer Flaschenhals im Tagesgeschäft
- du willst KI im Betrieb einsetzen