shadcn/lint: Agent-fokussierter Linter für Tailwind-Design-Systeme

Repositoryshadcn-ui/lintTool

shadcn/lint ist ein Linter für Tailwind CSS (v4), der Design-System-Regeln so formuliert, dass KI-Coding-Agenten sie direkt verstehen und korrigieren können. Statt kryptischer Typprüfungen liefert das Tool Fehlermeldungen mit konkreten Handlungsempfehlungen.

Das Wichtigste

  1. Agent-first-Diagnosen: Fehlermeldungen erklären nicht nur Regelverstöße, sondern schlagen konkrete Varianten, Größen oder Layout-Lösungen des Design-Systems vor.
  2. Keine API-Umbauten nötig: Styling-Vorgaben werden über Konfigurationsverträge (wie shadcn/no-restyle) statt über komplexe TypeScript-Typen gesteuert.
  3. Unterstützte Toolchains: Funktioniert mit Tailwind CSS v4 und ist sowohl für ESLint als auch für Oxlint verfügbar.
  4. Unabhängig einsetzbar: Die Komponenten-Bibliothek shadcn/ui ist keine zwingende Voraussetzung für die Nutzung.

Warum das relevant ist

Wenn Coding-Agenten Benutzeroberflächen generieren, verletzen sie häufig bestehende Styling-Konventionen und überschreiben Abstände oder Größen mit Ad-hoc-Utility-Klassen. Standardmäßige TypeScript-Fehler liefern dem Agenten keine Hinweise darauf, welche Alternativen das Design-System bereithält. shadcn/lint schließt diese Lücke, indem es Fehlerbeschreibungen als instruktive Prompts für autonome Coding-Agenten formuliert.

Einordnung

Das Projekt adressiert ein zentrales Problem beim Einsatz von KI-Assistenten im Frontend: die Einhaltung von Governance-Regeln in Utility-First-CSS-Architekturen. Anstatt Komponenten per TypeScript-Props starr einzuschränken, definiert man flexible Verträge für Utility-Klassen. Technisch setzt das Werkzeug auf TypeScript, ESLint, Oxlint und Tailwind v4. Trotz seiner Spezialisierung und eines relativ frischen Reifegrads verzeichnet das Repository bereits über 2.100 GitHub-Stars und zielt direkt auf Teams ab, die automatisierte Codegenerierung mit konsistenten Design-Systemen verbinden wollen.

Gefunden in

Zusammenfassung von KI erstellt (Gemini 3.8 Flash, 27. September 2026). Sie kann Fehler enthalten – maßgeblich ist die Originalquelle.

Inhaltlich ähnlich, ermittelt über die KI-Suche.

  • Link:Tailwind Labs

    ui.sh: KI-Agenten-Fähigkeiten für Interface-Entwickler

    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.

    KI & AI· Tool

  • Link:Impeccable AI

    Impeccable: Design-Vokabular und Anti-Slop-System für Coding-Agents

    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.

    KI & AI· Tool

  • Repository:pbakaus/impeccable

    Impeccable: Design-System und Regelwerk für KI-Coding-Agenten

    Impeccable ist ein quelloffenes Framework für Entwickler, die Frontend-Code mit KI-Coding-Agenten erstellen. Es verhindert typische, repetitive Design-Muster von Sprachmodellen und bietet strukturierte Workflows sowie 61 deterministische Prüfregeln.

    65.712SterneJavaScript

    KI & AI· Tool

  • Repository:TinyFrontier/anti-slop-py

    anti-slop-py: Python-Linter gegen Typ-Umgehungen durch KI-Agenten

    anti-slop-py ist ein eigenständiger Python-Linter ohne externe Abhängigkeiten, der typische Ausweichmuster von KI-Coding-Agenten in Typensystemen aufspürt. Er verbietet Notlösungen wie Any-Typen, unkommentierte Type-Ignores oder kaskadierende Casts, mit denen Agenten Type-Checker austricksen.

    5SternePython

    KI & AI· Tool

  • Repository:TheOrcDev/shadscan

    shadscan: Deterministische UI-Audits für shadcn-Anwendungen

    shadscan ist ein quelloffenes CLI-Werkzeug und statischer Analysator für React-Anwendungen, die shadcn/ui nutzen. Es prüft UI-Grundlagen anhand von 62 Regeln im Terminal, in CI-Pipelines und für KI-Agenten.

    538SterneTypeScript

    Webentwicklung· Tool

Lassen Sie uns über Ihr Projekt sprechen

Standorte

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Wien
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Dieser Inhalt wurde teilweise mithilfe von KI erstellt.