KI-Skills nehmen der Arbeit mit Coding-Agenten eine lästige Pflicht ab: Entwickler tippen ihre eigenen Regeln bisher in jeden neuen Chat erneut ein. Der Design Engineer Karl Koch bündelt fünf Jahre Frontend-Urteil in elf solcher Skills, quelloffen und mit einem Kommando ladbar. Sein Ansatz zeigt, wie Agenturen ihren Hausstil einmal festschreiben statt ihn in jedem Projekt neu zu diktieren.
drweb.de als bevorzugte Quelle auf Google hinzufügenQualitätsgeprüfte Inhalte direkt in Google News & DiscoverJetzt hinzufügen
Elf Textdateien und ein einziges Kommando: So sieht die KI-Skills-Sammlung aus, die Karl Koch Ende August veröffentlicht hat.[1] Fünf Jahre eigenes Urteil über sauberes HTML und modernes CSS stecken darin, gebündelt als wiederverwendbare Bausteine für seine Coding-Agenten.
Das Wichtigste in Kürze
- Karl Koch veröffentlichte elf quelloffene KI-Skills unter MIT-Lizenz, aus denen Coding-Agenten wie Claude Code und Cursor sein Frontend-Wissen laden statt es neu zu erklären.
- Ein elfter Skill namens dxe steuert die zehn Fachlinsen und liefert einen einzigen Prüfbericht nach Schweregrad statt zehn Einzelmeinungen.
- Grundlage ist der offene Standard Agent Skills im Format SKILL.md, den Anthropic anstieß und den inzwischen acht Werkzeuge lesen, darunter GitHub Copilot und OpenAI Codex.
- Für DACH-Teams heißt das: Hausregeln und Barrierefreiheits-Vorgaben lassen sich einmal festschreiben und projektweit an alle Agenten verteilen.
Was steckt in den elf ladbaren KI-Skills?
Die Sammlung kemiljk/skills bündelt zehn Fachlinsen für die Frontend-Arbeit und einen Orchestrator, alles unter MIT-Lizenz. Jeder Skill ist ein Ordner mit einer SKILL.md-Datei, die der Agent bei Bedarf lädt und einsetzt. Zehn davon fassen einzelne Urteile zusammen: native HTML-Elemente vor Bastellösungen, modernes CSS vor JavaScript, Verzicht aufs Überflüssige und eine Nachkontrolle jeder generierten Ausgabe.
Den Abschluss bildet ein elfter Skill namens dxe. Der Orchestrator trägt kein eigenes Urteil, sondern führt die zehn Linsen in fester Reihenfolge über ein Projekt und meldet die Funde nach Schweregrad, jeweils mit der Regel, die den Fund auslöste. Installiert wird die ganze Sammlung mit einem npx-Aufruf.
Wie unterscheiden sich Skills von Prompts und Cursor-Regeln?
Skills laufen über den offenen Standard Agent Skills, den mehrere KI-Werkzeuge lesen, während ein Prompt nur in einem Chat gilt und Cursor-Regeln an ein Werkzeug gebunden bleiben. Das Format SKILL.md aus YAML-Kopf und Markdown stieß Anthropic an, inzwischen lesen es auch GitHub Copilot, OpenAI Codex und weitere Agenten.[2]
Ein Prompt gilt für einen Chat und ist danach vergessen. Ein Skill dagegen liegt als Datei im Projekt oder auf dem Rechner, lässt sich versionieren und von jedem kompatiblen Agenten laden. Denselben Weg gehen inzwischen ganze Design-Systeme, die sich gezielt für Agenten öffnen, ebenso agenten-native Komponenten-Systeme.
Der Installer stammt von Vercel: Dessen quelloffene skills-Befehlszeile holt eine Sammlung mit einem npx-Aufruf und installiert sie global oder ins Projekt.[3] Committet ein Team die Skills ins Repository, übernehmen alle Agenten dieselben Vorgaben.
Sobald Frontend-Wissen zur ladbaren Datei wird, verschiebt sich der Wert vom einzelnen Prompt zur gepflegten Regelsammlung. Agenturen, die ihren Stil früh in Skills gießen, geben ihn an jedes Werkzeug weiter statt ihn mit jedem Personalwechsel zu verlieren.
— Michael Dobler, Herausgeber Dr. Web
Wie ein Design Engineer sein Frontend-Urteil für Coding-Agenten ladbar macht.
Die dxe-Reihenfolge: fünf Stationen in fester Ordnung
Was bedeutet das für Teams im DACH-Raum?
Teams schreiben Hausregeln und Barrierefreiheits-Vorgaben einmal als Skills fest und verteilen sie projektweit an alle Agenten, tragen aber weiter die Verantwortung für das Ergebnis. Gerade die Barrierefreiheit macht den Ansatz für DACH-Agenturen konkret. Seit dem 28. Juni 2025 verpflichtet das Barrierefreiheitsstärkungsgesetz viele Anbieter auf die WCAG, und Skills wie semantic-html-first oder interface-affordances schreiben genau die Praxis fest, die das Gesetz verlangt: native Elemente und wahrnehmbare Bedienelemente über alle Eingabearten.
Eine Garantie ersetzt das nicht. Ein Skill hält Urteil fest, kein fertiges Ergebnis, weshalb Kochs eigener Skill ai-output-judgement jede Ausgabe als Entwurf mit Endkontrolle behandelt. Die Haftung für ein barrierefreies Ergebnis bleibt beim Betreiber, nicht beim Modell. Der Schub rund um KI-Agenten verschiebt damit die Arbeit vom Tippen zur Pflege der Regeln.
Der praktische Einstieg kostet wenig: Ein Team schreibt seine drei, vier wichtigsten Regeln als Skills nieder, committet sie ins Repository und prüft nach zwei Wochen, ob die Agenten sie tatsächlich ziehen. Fällt die Kontrolle positiv aus, wächst die Sammlung Stück für Stück.
Quellen
[1] Karl Koch: „On teaching AI how you work“
[2] Anthropic: Agent Skills, Dokumentation zum SKILL.md-Standard
[3] Vercel: skills, die quelloffene Befehlszeile für Agent Skills
Mehr Newshunger?
- Shortwind: Tailwind-Kurzschrift für KI-geschriebenen Frontend-Code
- Immer das gleiche graue Icon: Warum KI-Agenten bessere Design-Systeme brauchen
- Framer öffnet seine Projekte für Claude Code, Cursor und Codex
- Sie haben kein Design-System, sondern eine Komponenten-Bibliothek
- State of CSS 2026: Nur 28 Prozent des CSS kommen von der KI
- Is Agentic: Vercels kostenloser Test bewertet, wie gut KI-Agenten Ihre Website nutzen
