Schluss mit KI-Einheitsbrei: Skills, die dein Webdesign unverwechselbar machen
6 Skills bauen produktionsreife Seiten, die nie wie KI aussehen: mit 361 echten Marken-Design-Systemen als Vorlage, eingebauter Bildgenerierung und einem Linter, der KI-Marker automatisch zählt. Dazu Skills für Screenshots, Logo-Downloads und Hintergrund-Freistellung. Alles direkt in Claude Code, Claude Cowork und Co.
Bekannt aus
Du erkennst KI-generiertes Webdesign auf den ersten Blick. Deine Besucher auch.
Lila-zu-Blau-Verlauf im Hero. Dieselbe Inter-Schrift. Drei runde Karten mit Icon, Überschrift, Text. Und Wörter wie „Unlock“, „Elevate“ oder „Seamless“, die kein echtes Produkt beschreiben.
Ein einziger dieser Marker reicht, und deine Seite wirkt austauschbar. Besucher spüren das sofort. Und vertrauen der Marke dahinter weniger.
Die gute Nachricht:
Genau diese Marker lassen sich systematisch vermeiden. Nicht mit Bauchgefühl, sondern mit einem festen Regelwerk und einer Datenbank aus 361 echten Marken-Design-Systemen. Dafür habe ich diese Skills gebaut.
Ein paar der Marker, die die Skills automatisch verhindern:
6 Skills gegen KI-Einheitsbrei im Webdesign
Jeder Skill ist ein festes Regelwerk, kein vager Prompt. In 2 Minuten installiert.
webdesigner
- 361 echte Marken-Design-Systeme als Vorlage: Apple, Stripe, Linear, Figma, Ferrari und mehr
- 7.000+ Zeilen Recherche zu Best Practices und Trends 2025-2026
- Eingebaute Bildgenerierung mit Nano Banana 2 für Hero-Bilder und OG-Cards
- Slop-Linter zählt KI-Marker automatisch: ab 4 Treffern heißt es nicht ausliefern
- Playbooks für Landingpages, Sales-Pages, Homepages, Pricing- und Docs-Seiten
webdesigner-cowork
- Identisches Regelwerk wie webdesigner, angepasst für Claude-Cowork-Sessions
- Bildgenerierung über den nano-banana-MCP-Server statt lokalem Python-Script
- Dieselben 361 Marken-Design-Systeme und derselbe Anti-Slop-Katalog
- Notwendig, weil die Cowork-VM weder Python noch die Gemini-API direkt erreicht
frontend-design
- Für einzelne Komponenten, Dashboards und Artifacts, nicht nur ganze Seiten
- Erzwingt eine bewusste Ästhetik-Richtung statt generischer KI-Defaults
- Funktioniert mit HTML/CSS/JS, React, Vue und mehr
- Verbietet Inter, Roboto und Lila-Verläufe auf Weiß explizit
screenshot
- Screenshots in Retina-Qualität, lokal und ohne externe API
- Cookie-Banner-Dismissal in 16 Sprachen, 5 Ebenen tief
- Stealth-Modus umgeht Cloudflare Managed Challenge und Turnstile automatisch
- Erkennt hCaptcha und reCAPTCHA, versucht aber nie, sie zu lösen
logo-downloader
- 18 Open-Source-Quellen: Iconify, SVGL, Simple Icons, Wikidata und mehr
- SVG zuerst, automatischer Fallback auf PNG, JPG, WebP oder ICO
- Jeder Download wird vor dem Speichern validiert
- Platzhalter-Monogramm, wenn wirklich keine Quelle etwas findet
remove-background
- Deep-Learning-Freistellung mit BiRefNet, U2-Net und ISNet
- Läuft lokal über CoreML auf Apple Silicon, eine Modell-Session für den ganzen Batch
- Composite auf Wunschfarbe oder eigenes Hintergrundbild, mit Zuschnitt und Padding
- Unterstützt JPG, PNG, BMP, WebP und TIFF
Läuft in deinen Tools
webdesigner und frontend-design laufen überall, inklusive reinen Chat-Tools. webdesigner-cowork läuft ausschließlich in Claude Cowork.
Claude Code | Claude Cowork | ChatGPT Codex | ChatGPT Work | Cursor | Antigravity | Droid | OpenCode | Claude Chat | ChatGPT Chat | MS Copilot | |
|---|---|---|---|---|---|---|---|---|---|---|---|
| webdesigner | |||||||||||
| webdesigner-cowork | |||||||||||
| frontend-design | |||||||||||
| screenshot | |||||||||||
| logo-downloader | |||||||||||
| remove-background |
screenshot, logo-downloader und remove-background führen jeweils ein Script aus und brauchen deshalb ein Tool mit Ausführungsumgebung. webdesigner-cowork nutzt den nano-banana-MCP-Server und läuft deshalb nur in Claude Cowork, nicht in Claude Code oder anderen Tools.
In 2 Minuten startklar
Keine Pflicht-API-Keys, keine Abos, keine Zusatz-Tools.
1. Kaufen und herunterladen
Sichere Zahlung über Polar. Den Download-Link bekommst du sofort danach per E-Mail.
2. Entpacken
Ein Befehl im Terminal (oder Doppelklick und Ordner kopieren). Das war’s.
unzip webdesign-skills-*.zip && cd webdesign-skills && cp -R webdesigner webdesigner-cowork frontend-design screenshot logo-downloader remove-background ~/.claude/skills/3. Gestalten wie immer
Claude Code lädt die Skills automatisch, sobald du eine Seite baust oder ein Interface gestaltest. Kein Prompt-Gefrickel.
Hi, ich bin Finn
KI-Experte, Gründer von gradually.ai und Blogmojo
Ich bin kein Programmierer und kein Designer. Trotzdem habe ich mit Claude Code hunderte echte Apps, Skripte und Websites gebaut, darunter gradually.ai und blogmojo.de selbst.
Dabei bin ich immer wieder in dieselbe Falle getappt: KI-generierte Seiten sehen alle gleich aus. Lila Verläufe, dieselbe Schrift, dieselben drei Karten. Diese Skills sind das Ergebnis, ein festes Regelwerk gegen genau dieses Problem.
Mit meinem KI-Blog erreiche ich jeden Monat über 100.000 Leser und habe bereits 1.200+ Menschen in meinen Online-Kursen und meiner KI-Membership, dem KI Business Club, dabei geholfen, KI effektiv zu nutzen.
- Hunderte Apps, Skripte und Websites mit Claude Code gebaut
- Gründer von Blogmojo und Gradually AI
- Vom Nicht-Programmierer zum App-Bauer
- 100+ kleinere und größere Tools mit KI entwickelt
Einmal zahlen, immer nutzen
Kein Abo, keine versteckten Kosten.
Webdesign Skills
6 Skills für Webdesign, das nicht wie KI aussieht: von der kompletten Seite bis zu Screenshots, Logos und Freistellung. Sofort-Download für Claude Code, Claude Cowork und Co.
- webdesigner: 361 Marken-Design-Systeme, Anti-Slop-Katalog, eingebaute Bildgenerierung
- webdesigner-cowork: dasselbe Regelwerk für Claude-Cowork-Sessions
- frontend-design: Regelwerk für einzelne Komponenten und Interfaces
- screenshot, logo-downloader und remove-background für Produktbilder, Logos und Freistellung
- Sofort-Download als ZIP, in 2 Minuten installiert
- Anleitung auf Deutsch und Englisch
- Kostenlose Updates
Sichere Zahlung über Polar. Etwaige MwSt. wird an der Kasse ergänzt, die Rechnung kommt automatisch.
Häufig gestellte Fragen
Alles, was du vor dem Kauf wissen musst.