TheOrcDev/shadscan

解決的問題

Shadscan 是針對使用 shadcn/ui 建構的 React 應用程式設計的決定性 UI 審計工具。它能識別開發過程中常被忽略的遺漏產品細節與 UI 基礎要素——例如命令選單、無障礙控制與行動裝置行為——並提供 0 到 100 的分數來量化 UI 質量。

如何運作

此工具對專案程式碼執行靜態原始碼審計，評估其是否符合內建的 62 項決定性檢查規則集。它亦可使用隔離的 Chromium 瀏覽器執行渲染後的 UI 檢查，以偵測行動裝置與桌面端視窗中的水平溢出等問題。結果分類為修復、決策與建議，可匯出為 JSON 或作為程式碼代理的提示使用。

適用對象

使用 shadcn/ui 與 React（包含 Next.js、React Router、TanStack Start、Astro 等）的前端開發者與團隊，希望確保其應用符合高水準的無障礙性、互動性與生產級精緻度標準。

主要亮點

• 決定性分析：無需 AI 模型、應用程式密鑰或啟動應用即可執行唯讀掃描（適用於原始碼審計）。
• 代理交接：產生專為程式碼代理設計、可直接複製貼上的修復計畫。
• MCP 伺服器：提供 Model Context Protocol 伺服器，讓 AI 代理可將審計結果作為類型化工具呼叫進行查詢。
• 多框架支援：適用於各種 React 環境，包括單程式庫（monorepos）與混合型 Next.js 專案。
• CI/CD 整合：內建 GitHub Action，可強制執行最低分數，並透過 GitHub Issues 追蹤發現結果。