Baust du mit KI?
Dann bau nicht wieder Einheitsbrei.
Ein Claude-Code-Skill, der dein KI-Tool anweist, eine premium Landingpage zu bauen, statt eines generischen KI-Templates. Kostenlos.
Was du bekommst
Drei Dateien. Kein Baukasten.
Kein Framework, keine Abhängigkeit, kein Account. Nur Anweisungen, die dein Coding-Tool direkt versteht.
Eine Premium-Landingpage-Vorlage, aber keine starre, ein System, das du mit jedem Prompt neu ausfüllst.
$ tree premium-landing-page
premium-landing-page/
├── SKILL.md# Anleitung fürs Tool: Kontrast-Checks, Fokus-States, Cursor-Pointer.
├── DESIGN-SYSTEM.md# Farben, Typografie, Karten-Aufbau, Scroll-Verhalten, fest statt neu erfunden.
└── PAGE-STRUCTURE.md# Neun Sections, Hero bis Footer, mit deutschen Beispieltexten.
$
Das System, live
Diese Seite ist das Beispiel.
Jede Farbe, jede Schriftgröße, jede Karte auf dieser Seite kommt exakt aus dem Skill, den du hier gleich runterlädst.
Farben
Orange
Erieblack
Perlwhite
Silver
Typografie
Aa 200
Aa 300
Raleway, extralight bis light
Ghost-Number-Card
Das Karten-Pattern, das jede Section trägt
Große, fast unsichtbare Eck-Zahl, ein kurzer Eyebrow mit Orange-Strich, eine extralight Überschrift. Keine Schatten, keine Rundungen, nur eine hauchdünne Trennlinie zur nächsten Karte.
Weitere Bausteine
Glass Surface
Für Nav-Leisten, Modals, Overlays, nicht für Haupt-Cards
- ✓ Loading Screen, kurzer Logo-Shimmer vor dem ersten Reveal
- ✓ Asymmetrisches Bento-Grid als Alternative zum Karten-Raster
Passt zu dir, wenn...
- Du baust gerade mit Cursor, v0, Lovable, Claude Code oder ähnlichem und willst nicht wieder ein austauschbares AI-Template abliefern.
- Du brauchst kein komplettes Rebrand, sondern klare Regeln: Farben, Typografie, ein Card-Pattern, feste Abstände.
- Du willst ein System, das du sofort weiterverwenden kannst, nicht erst stundenlang zusammensuchen musst.
Eher nicht, wenn...
- Du suchst ein fertiges Theme zum Draufklicken, ohne selbst etwas zu bauen.
- Dein Projekt läuft im Light Mode oder mit einem längst feststehenden eigenen Design-System.
Baust du gerade mit KI eine ganze Landingpage, die live gehen soll? Dann zählt neben dem Design auch Security und Barrierefreiheit. Dafür gibt's Vibe-Coding 2 Enterprise.
Download
Sofort Download - keine Mailgate.
Kein Warten auf eine Mail. Formular absenden, Download-Button erscheint direkt auf dieser Seite.
Häufige Fragen
Hey, ich bin Tobias!
Seit über zwei Jahrzehnten verwandle ich Kaffee in Code, von meinem Hauptquartier in der Mainzer Altstadt aus. In der Zeit hat sich viel geändert, WordPress kam und ich bin fast wieder raus, jetzt kommt KI dazu, der Kern bleibt aber: Systeme, die schnell laden, gefunden werden und Besucher wirklich in Kunden verwandeln.
Was das heute alles umfasst, ist breiter geworden. Klassische Websites und Landingpages, klar. Aber auch mal KI-generierten Code auf Sicherheit und DSGVO checken, Barrierefreiheit nach WCAG 2.1 (Bankensektor lässt grüßen), und SEO, das inzwischen genauso für ChatGPT und Perplexity funktionieren muss wie für Google.
Aber genug von mir: Du willst mehr Anfragen über deine Website, einen KI-gebauten Prototypen absichern lassen, oder einfach wissen, wo du stehst? Sag Bescheid. Du redest dabei immer mit mir, nicht mit einem Account Manager, nicht mit einem Junior-Team.
Bereit für eine
Seite, die nicht nach KI aussieht?
Lad dir den Skill runter und probier's direkt in deinem nächsten Projekt aus.\nKostenlos, kein Haken.
Falls du lieber gleich eine ganze Website von mir bauen lässt, statt selbst zu vibe-coden, sag einfach Bescheid.