LinkSammlung
Moderne CSS-Features haben viele Workarounds, JavaScript-Helfer und Breakpoint-Wüsten überflüssig gemacht. good-css bündelt diesen aktuellen Stand in klaren Regeln und dient als strukturierte Richtlinie ('Skill'), damit Entwickler und KI-Assistenten von Beginn an wartbaren, resilienten Frontend-Code schreiben.
Das Projekt verfolgt einen pragmatischen Grundsatz: Eine einzelne, sich anpassende CSS-Deklaration ist besser als eine Reihe von Breakpoints, und native Browser-Features schlagen Scripts. Durch die präzise Nennung von Browser-Support, Fallstricken (etwa warum reines 'vw' in clamp() die Schriftgrößen-Präferenz bricht oder warum unbuntes OKLCH 'none' als Hue benötigt) liefert die Ressource eine fundierte Grundlage für moderne Web-Projekte.
Zusammenfassung von KI erstellt (Gemini 3.8 Flash, 8. Oktober 2026). Sie kann Fehler enthalten – maßgeblich ist die Originalquelle.
Inhaltlich ähnlich, ermittelt über die KI-Suche.
X-Post:Vojta Holik
Vojta Holik hat good-css vorgestellt, eine kuratierte Sammlung moderner CSS-Techniken, die speziell für KI-gestützte Coding-Agents aufbereitet wurde. Ziel ist es, Agents dazu zu bringen, moderne Standard-CSS-Features wie :has(), Subgrid oder Anchor Positioning anstelle von Workarounds und JavaScript zu verwenden.
374Lesezeichen27.291Aufrufe
Link:Gustavo Fior
Craft von Gustavo Fior ist eine kuratierte Referenzsammlung kurzer Essays und praktischer Tipps zu Design Engineering. Die Themen reichen von Typografie und Farbgestaltung über Layout und Animationen bis hin zu Sound und Datenvisualisierung.
Link:anthropics
Das Skill 'frontend-design' von Anthropic gibt KI-Modellen detaillierte Gestaltungs- und Programmierregeln vor. Ziel ist es, unverwechselbare, produktionsreife Frontend-Oberflächen zu erstellen und typische Erkennungsmerkmale generierter Webseiten zu vermeiden.
Link:Jakub Krehel
Jakub Krehel stellt eine Sammlung spezialisierter Agent Skills vor, die Frontend-Teams bei Interface-Details wie Typografie, OKLCH-Farben, Barrierefreiheit, Layouts und Microcopy unterstützen.
Link:Tailwind Labs
Die Macher von Tailwind CSS und Refactoring UI haben mit ui.sh eine Sammlung aufgabenorientierter Prompts und Workflows für KI-Agenten vorgestellt. Das Toolkit soll Entwicklern helfen, hochwertige Benutzeroberflächen zu erstellen.
Link:Impeccable AI
Impeccable ist ein Design-Skill und Plugin für KI-gestützte Coding-Agenten wie Claude oder Cursor. Es stattet LLMs mit einem standardisierten Design-Vokabular aus, erkennt typische KI-Designfehler und bindet bestehende Design-Systeme direkt in den Code ein.
Ein Teil von diesem Inhalt wurde mit KI gemacht.
