Berkan CeyhanKI-Automatisierungen

Bau Landingpages, denen niemand ansieht, dass eine KI sie gebaut hat

Das Setup aus Design-Set, Vorbildern aus Mobbin und zwei Skills. Für Claude, ChatGPT und Cursor.

Beispiel-Landingpage einer Tischlerei: großes Foto einer Eichenküche mit grüner Steinplatte, darauf in großen schmalen Versalien Küchen, die bleiben, daneben ein kurzer Text und ein zinnoberroter Button Beratung in der Werkstatt buchen
Beispiel mit einer erfundenen Tischlerei, gebaut mit genau diesem Setup. Das Foto hat Nano Banana 2.1 erzeugt.
berkanceyhan.de/slopStand Oktober 2026

Auf einen Blick

  • Ein Design-Set mit deinen Farben und Schriften
  • Echte Vorbilder aus Mobbin für deine KI
  • Zwei Skills, die Richtung geben und aufräumen

Deine KI baut den Look, den sie am häufigsten gesehen hat

Ohne Vorgaben nimmt die KI den Durchschnitt aus tausend Seiten. Man erkennt ihn sofort:

Wachstum, das sichendlich mühelos anfühlt.123

1Beiger Hintergrund, 2ein kursives Wort in der Serifen-Überschrift, 3drei gleiche Karten mit Icons. Anthropic nennt genau diese Muster in seinem Design-Skill als Erkennungszeichen von KI-Seiten.

In drei Schritten zur Seite ohne KI-Look

Für Schritt 2 brauchst du Mobbin. Bei mir macht es den größten Unterschied:

Mein Geheimtipp
MobbinMCP-Server · echte Design-Vorbilder

Deine KI sieht sich 621.500 echte Screens an, bevor sie baut

In Mobbin suchen Designer nach Vorbildern: Websites und Apps, so wie sie live sind. Über den MCP-Server sucht deine KI dort selbst. Mobbin führt den Server noch als neu, und kaum jemand zeigt seiner KI vorher Vorbilder. Darum ist er für mich ein Geheimtipp.

  • Deine Seite sieht nach echter Firma aus statt nach KI-Vorlage
  • Recherche, die sonst Stunden dauert, erledigt eine Suche
  • Läuft in Claude, ChatGPT und Cursor, Anmeldung per Klick

10 %Rabatt auf Mobbin Pro

Rabatt einlösen

Das ist mein Empfehlungslink. Der Rabatt gilt für Pro und Team und wird beim Abschluss automatisch abgezogen. Pro kostet 10 € im Monat bei jährlicher Zahlung, Stand Oktober 2026.

So fragst du deine KI

  1. „Such in Mobbin sechs Landingpages von Dienstleistern und sag mir, was die besten gemeinsam haben.“
  2. „Zeig mir, wie gute Websites ihre Preisseite aufbauen. Bau unsere danach.“
  3. „Vergleich meine Startseite mit fünf Vorbildern aus Mobbin. Was fehlt bei mir?“
Claude
Customize › Connectors › Mobbin › Connect
ChatGPT, Codex
Mobbin-App in ChatGPT verbinden, Codex übernimmt die Anmeldung
Cursor
Cursor Marketplace › Mobbin › Add to Cursor
Mobbin-Seite nach Klick auf Berkans Empfehlungslink: Dialog You were gifted a 10% discount from Berkan, der Rabatt gilt für Pro oder Team

Schritt 1: Leg dein Design-Set an

Eine Datei DESIGN.md mit deinen Farben, Schriften und Abständen. Deine KI liest sie vor jedem Entwurf. Hast du schon eine Website, schreibt /impeccable document sie aus deinem Code.

Design-Set erstellen
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.

Schritt 2: Lass deine KI mit Vorbildern bauen

Installier vorher den Frontend-Design-Skill von Anthropic. Er lässt die KI erst einen Plan aus Farben, Schriften und Layout machen, dann Code: /plugin install frontend-design@claude-plugins-official, in Codex und Cursor npx skills add anthropics/skills --skill frontend-design.

Landingpage bauen lassen
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.

Schritt 3: Schick impeccable drüber, wenn die Seite steht

Einmal npx impeccable install im Projektordner, dann /impeccable polish. Der kostenlose Skill sucht 61 typische KI-Muster und baut sie raus.

Du willst wissen, wo KI in deinem Betrieb Zeit spart? Buche einen Call mit mir und wir finden es gemeinsam raus.

Call buchenCall buchen
Berkan Ceyhan

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
Call buchen
Scannen & Termin wählen
Scannen & Termin wählen

KI-News und Tipps für dein Unternehmen, direkt ins Postfach

Für Unternehmer, Dienstleister, Agenturen, Coaches und Berater: was in KI gerade zählt und wie du es im Betrieb nutzt. Trag dich jetzt ein.

Neue Anleitungen und Automatisierungen per E-Mail. Kostenlos und jederzeit abmeldbar. Datenschutz