Claude-Skill · Stichwort „WEBSITE"
Warum jede Website aus Claude gleich aussieht — und wie man das abstellt.
Ein Skill, der Claude zwingt, erst zu messen und zu entscheiden, bevor er die erste Zeile Code schreibt. Mit Verbotsliste, Prüfschleife und Befundtabelle am Ende.
---
name: website-doktor
description: Ein Skill, der Claude zwingt, erst zu messen und zu entscheiden, bevor er die erste Zeile Code s…
---
Einbau in 30 Sekunden · läuft in Claude Code, Cursor und jedem Agenten, der Skills liest · kostet nichts
Woran es ohne den Skill scheitert
Ohne Vorgabe baut ein Sprachmodell den Durchschnitt aller Seiten, die es gesehen hat: zentrierte Überschrift über drei Zeilen, Dreierreihe mit Icon-Kacheln, weicher Verlauf im Hero, irgendwo eine Zahl ohne Beleg. Das ist nicht falsch. Es wurde nur nichts davon entschieden.
Was drinsteht
6 Bausteine, die Claude abarbeiten muss
01
12 Prüfpunkte mit Sollwerten
Zeilenlänge, Schriftgröße, Kontrast, Klickflächen, Bildgewicht, LCP und CLS werden gemessen und mit Ist-Wert notiert. „Sieht gut aus" zählt nicht als Prüfung.
02
Entscheidungen vor dem Code
Typografische Skala, Palette, Raster, Abstandsrhythmus und ein tragendes Motiv werden schriftlich festgelegt — und gelten danach für die ganze Seite.
03
Verbotsliste mit 14 Mustern
Die Standardmuster, die eine Seite nach KI aussehen lassen, sind namentlich ausgeschlossen: Emoji-Listenpunkte, Glas-Kästen im Hero, Zahlen ohne Beleg, Karte in Karte in Karte.
04
Prüfschleife am Bild
Claude macht Screenshots in 1440 px und 390 px, beantwortet sieben Prüffragen am Bild statt am Code und behebt, was auffällt — maximal drei Runden.
05
Barrierefreiheit als Pflichtteil
Alt-Texte, Überschriftenfolge, sichtbarer Fokus, echte Buttons, Tastaturbedienung, 200 % Zoom. Orientiert an WCAG 2.1 AA, dem technischen Maßstab hinter dem BFSG.
06
Befundtabelle statt Lobrede
Am Ende steht eine Tabelle: Wirkung, Befund, Ist-Wert, Fix, Status. Inklusive einer Zeile mit dem, was bewusst nicht gemacht wurde.
Für wen
Für alle, die mit Claude Code, Cursor oder einem anderen Agenten Websites und Landingpages bauen oder überarbeiten lassen — ob eigene Firmenseite oder Kundenprojekt.
Wo er aufhört
Der Skill ist für öffentliche Seiten gemacht: Landingpages, Onepager, Produktseiten, Portfolios. Für Dashboards, Admin-Oberflächen und App-Screens gelten andere Regeln, da greift er nicht.
Einbau
Drei Schritte, 30 Sekunden
- 1Formular ausfüllenVier Angaben. Danach liegt der Skill direkt auf der nächsten Seite, ohne Wartezeit im Postfach.
- 2Einen Satz kopierenAuf der Folgeseite steht ein fertiger Befehl. Den fügst du in Claude Code ein, Claude legt die Datei selbst an.
- 3Arbeiten lassenAb dann greift der Skill bei jeder Website-Aufgabe von allein. Du musst nichts mehr erwähnen.
Wer hinter den Skills steckt
Wir bringen KI in Unternehmen — mit Förderung bis zu 100 %.
Die Deutsche Mitarbeiterförderung ist AZAV-zertifizierter Bildungsträger. Unsere KI-Weiterbildungen sind für viele Unternehmen über die Bundesagentur für Arbeit förderfähig. Im kostenlosen Gespräch prüfen wir, was in deinem Fall möglich ist.