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

X-PostOrcDevTool

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.

Das Wichtigste

  1. shadscan führt deterministische UI-Prüfungen mittels statischer Codeanalyse und optionalen Runtime-Scans durch.
  2. Das Tool prüft unter anderem auf fehlende UI-Zustände, Accessibility-Mängel, Overflow-Fehler und Metadaten-Probleme.
  3. Funktioniert komplett ohne KI, externe Logins oder API-Schlüssel.
  4. Unterstützt Next.js, Vite, React Router, TanStack Start, Laravel mit Inertia, Astro mit React sowie Standard-React-Apps.
  5. Lässt sich lokal, in CI-Pipelines oder automatisiert mit KI-Agenten zur Fehlerbehebungsplanung ausführen.

Warum das relevant ist

Viele moderne UI-Prüfungen stützen sich zunehmend auf unvorhersehbare LLMs. shadscan setzt auf deterministische statische Analyse, liefert reproduzierbare Ergebnisse für shadcn/ui-Projekte und lässt sich ohne zusätzliche Kosten oder Datenschutzbedenken in bestehende CI-Workflows einbinden.

Einordnung

Das Tool schließt eine Lücke im Ökosystem rund um shadcn/ui: Da Komponenten oft direkt in den Quellcode kopiert und angepasst werden, schleichen sich leicht unvollständige UI-Zustände oder Barrierefreiheitsmängel ein. Die Kombination aus reiner statischer Codeanalyse und optionalem Rendering-Scan ermöglicht verlässliche Prüfungen ohne die Latenz und Kosten von KI-Diensten. Entwickler können das Tool dennoch mit KI-Agenten kombinieren, um gefundene Fehler automatisiert beheben zu lassen.

Original-Post

OrcDev

@orcdev · 15. August 2026

Many people asked what shadscan actually does. It's a free, open source UI quality scanner for React + shadcn/ui apps. It catches missing states, accessibility gaps, overflow, metadata issues and more in code and rendered pages. It uses no AI. No API key. No login. Run it t.co/s19xE8lb9b t.co/WEDv66Av8L

133 Likes6 Antworten192 Lesezeichen42.246 Aufrufe

Auf X ansehen
Weitere Posts im Thread (7)
  1. Also, show Shadscan some support and give it a star ⭐ t.co/PqyQAiagSP
  2. shadscan supports: Next.js, Vite, React Router, TanStack Start, Laravel + Inertia, Astro + React, and generic React apps.
  3. @kgupta_2005 this can become pretty big
  4. @TheCoderBtw Mostly static analysis, with a separate optional runtime scan. Here is what AI says about it: t.co/4H0qRdfaJf
  5. @ametel01 @shadcn this one is checking your UI, and has many shadcn/ui rules on top of it
  6. @ametel01 @shadcn awesome, thank you! if you need any help I'm here :)
  7. @JasonMoneiva it's not using AI in any way run it with AI just to automate it, and make a plan to fix all problems
Ausgewählte Antworten (5)
  • @ametel01 @orcdev @shadcn How is this different from react-doctor?
  • @kgupta_2005 @orcdev Now that's game changing ig
  • @TheCoderBtw @orcdev How does it detect missing states without AI? Like, does it walk the component tree and look for props that aren't tested, or is it more of a runtime scan?
  • @ametel01 @orcdev @shadcn Thanks I’ll check it out
  • @JasonMoneiva @orcdev If it's deterministic then why run it with AI? Terminal has been baked into every IDE for years.

Erwähnte Links

Links und Tools aus diesem Beitrag

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

Ähnliche Einträge

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

  • 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

  • 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

  • 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

  • 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

Zurück zur Wissensbasis

Lassen Sie uns über Ihr Projekt sprechen

Kontakt aufnehmen

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.