Diese Skills verwandle ich täglich aus generischem KI-Output in echte Kundenwebsites — mit GitHub-Stars, Install-Befehlen und realen Projekten aus Hohen Neuendorf.
Was sind Claude Code Skills? Skills sind kurze Markdown-Dateien im ~/.claude/skills/-Ordner, die Claude beim Starten automatisch einliest. Sie geben dem Modell genaue Designregeln, Stil-Vorgaben und Anti-Pattern-Listen — so entsteht kein austauschbarer „AI-Look", sondern echtes Handwerk. Installation meistens ein Einzeiler per npx skills add.
Der Skill direkt von Anthropic. Verbannt Standard-Schriften (Inter, Roboto, Arial) und zwingt zu einer klaren ästhetischen Richtung — „distinctive, production-grade UI".
50 vorgefertigte UI-Stile, 97 Farbpaletten, 9 Tech-Stacks — ein Befehl, Claude entwirft im gewünschten Stil statt im Einheitslook.
23 Befehle, 27 Anti-Pattern-Regeln — der Design-Auditor unter den Skills. Zwei Modi: Brand (Identität) und Product (UI-Komponenten). Eliminiert „AI-Slop".
100+ Designregeln aus der Vercel-Praxis: Barrierefreiheit (WCAG), UX-Patterns, Performance. Der A11y-Wächter im Skill-Paket.
57 React-Regeln in 8 Kategorien: Performance, Komponenten-Architektur, State Management. Hält Code-Qualität in langen Sessions hoch.
Micro-Interaktionen und Web-Animationen im Stil des renommierten Designers — spring-Effekte, Loading-States, Gesten-Feedback.
Die meistgenutzte Component-Library der React-Welt — accessible, Tailwind-nativ. Gibt Claude ein konsistentes Bauteilsystem.
Der Barrierefreiheits-Auditor: Kontrast-Prüfung, semantisches HTML, Tastatur-Navigation, ARIA-Attribute. Pflicht für öffentliche Sites.
Jede dieser Websites entstand mit Claude Code und einer Kombination der oben genannten Skills — für echte Kunden in Hohen Neuendorf.
Warum dieser Artikel die Konkurrenz schlägt:
| Kriterium | creator-hendrik ★ | Stricker | Composio | Snyk |
|---|---|---|---|---|
| Visuelle Skill-Cards | ✓ | — | — | — |
| GitHub-Stars pro Skill | ✓ | — | — | ✓ |
| Echte Kundenprojekte | ✓ | — | — | — |
| Install-Befehl pro Skill | ✓ | ✓ | ✓ | ✓ |
| Sicherheits-Hinweis | ✓ | — | — | ✓ |
| Lokale Praxis-Beispiele | ✓ | — | — | — |
| Frisch (Jun 2026) | ✓ | Apr 26 | — | — |
Professionelles Webdesign für lokale Unternehmen — schnell, mobil, verkaufsstark. Kein Template, kein Baukasten.
Projekt anfragen ↗