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 KI-Code-Audit.
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!
Senior Developer ohne Agentur-Floskeln
Ich baue seit über 20 Jahren skalierende, webbasierte Software-Lösungen, die schnell laden, gefunden werden und aus Besuchern echte Anfragen machen.
Dazu kommt: KI-gebauten Code auf Sicherheit und DSGVO prüfen, Barrierefreiheit, und SEO, das auch bei ChatGPT funktioniert, nicht nur bei Google.
Bei mir gibt es keine Überraschungen.
Du weißt vorher, was es kostet und was passiert, du siehst während der Arbeit, wie dein Projekt entsteht, und am Ende gehört es dir. Wie das genau abläuft, steht offen auf meiner Website. So arbeite ich →Aus der Region Mainz / Rhein-Main, remote im gesamten DACH-Raum verfügbar.
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.