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

RepositoryTheOrcDev/shadscanTool

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.

Das Wichtigste

  1. Führt deterministische statische UI-Audits für shadcn/ui-Anwendungen durch.
  2. Beinhaltet 62 hinterlegte Prüfregeln, unter anderem für Barrierefreiheit.
  3. Kann lokal im Terminal, in CI-Workflows oder über KI-Agenten ausgeführt werden.
  4. Wird als npm-Paket (@shadscan/cli) bereitgestellt und bietet einen Web-Scanner unter shadscan.com.
  5. In TypeScript geschrieben und unter der MIT-Lizenz veröffentlicht.

Warum das relevant ist

Bei der schnellen Erstellung von UI-Komponenten mit shadcn/ui werden grundlegende Accessibility- und UI-Standards oft inkonsistent umgesetzt. Ein deterministisches Tool ermöglicht es Teams und KI-Agenten gleichermaßen, solche Probleme frühzeitig und automatisiert im Build-Prozess abzufangen.

Einordnung

Das Tool schließt eine Lücke in modernen React-Stacks, die stark auf Tailwind und shadcn/ui setzen. Es bewertet UI-Grundlagen auf einer Skala und stützt sich auf 62 dedizierte Regeln. Mit über 500 Stars, einem npm-Paket und einer Web-Version befindet sich das Projekt in einem aktiven, frühen Reifestadium, das sich speziell an Frontend-Entwickler und automatisierte Code-Review-Pipelines richtet.

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.

  • X-Post:OrcDev

    shadscan: Open-Source-UI-Audit für React und shadcn/ui ohne KI

    OrcDev stellt shadscan vor, ein kostenloses Open-Source-Tool zur Prüfung von React- und shadcn/ui-Anwendungen. Die Software analysiert Code sowie gerenderte Seiten deterministisch auf fehlende Zustände, Barrierefreiheit, Layout-Überläufe und Metadaten-Probleme, ohne dabei KI-Modelle oder API-Schlüssel zu benötigen.

    192Lesezeichen42.246Aufrufe

    Webentwicklung· Tool

  • Repository:shadcn-ui/lint

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

    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.

    2178SterneTypeScript

    KI & AI· Tool

  • Repository:shadcn-labs/pdfcn

    pdfcn: React-Komponenten für PDF-Erstellung im shadcn-Stil

    pdfcn ist eine quelloffene Komponentenbibliothek zur Erstellung von PDFs mit React. Sie basiert auf Takumi sowie Forme und übernimmt das Copy-Paste-Prinzip und CLI-Workflow-Modell von shadcn/ui.

    1045SterneTypeScript

    Webentwicklung· Tool

  • Link:Ajay Patel, Anand Patel

    Shadcn Studio: Komponenten, UI-Blöcke und Templates für shadcn/ui

    Shadcn Studio stellt vorgefertigte UI-Komponenten, Blöcke und Vorlagen für shadcn/ui bereit, die sowohl Radix UI als auch Base UI unterstützen. Neben Copy-Paste-Code und CLI-Installation bietet die Plattform KI-Werkzeuge wie einen MCP-Server, Theme-Generierung und ein Figma-Plugin.

    KI & AI· Tool

  • Repository:shadcn-ui/chatbot-template

    shadcn/ui Chatbot-Template: Minimaler AI-Chat mit Vercel AI Gateway

    Das offizielle Chatbot-Template von shadcn/ui bietet eine schlanke Referenzimplementierung für moderne KI-Chat-Oberflächen. Es basiert auf Next.js, dem Vercel AI SDK sowie UI-Komponenten aus dem shadcn-Ökosystem und bindet Modelle über das Vercel AI Gateway an.

    910SterneTypeScript

    KI & AI· 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.