以下是 Reddit 社群強烈推薦的兩個 GitHub 儲存庫，專為網頁設計的協作 AI 代理人系統所設計：
兩大核心 GitHub 儲存庫
Reddit 社群主要推薦 @github/web-design-reviewer（來自 github/awesome-copilot）用於網站檢測與修復，以及 msitarzewski/agency-agents 作為更完整的多代理人協作系統——後者正是直接從 Reddit 討論串發跡而爆紅的。
@github/web-design-reviewer — 網站檢測技能
這是專門用來視覺化檢測並修復網站的 Agent Skill，存放在 github/awesome-copilot 儲存庫中 。安裝指令如下： agentskills
npx agent-skills-cli install @github/web-design-reviewer
該技能擁有 24,195 顆星與 2,772 個 Fork，最後更新於 2026 年 3 月 。它支援靜態網站（HTML/CSS/JS）、SPA 框架（React、Vue、Angular、Svelte）、全端框架（Next.js、Nuxt、SvelteKit）以及 WordPress 等 CMS 平台 。底層採用 Playwright MCP 進行瀏覽器自動化——擷取截圖、DOM 快照，並針對響應式設計進行不同尺寸測試 。 agentskills
msitarzewski/agency-agents — 完整的協作代理人系統
這個儲存庫直接從 Reddit 討論串誕生，在 GitHub 上累積了 94,478+ 顆星，並在 Reddit 上線後 12 小時內收到超過 50 則安裝請求 。它提供跨越 12 個部門的 144 個專業 AI 代理人，包含超過 10,000 行的個性設定、工作流程與程式碼 。 github
網頁設計相關代理人一覽
| 任務 | 代理人 | 所屬部門 | 功能說明 |
|---|---|---|---|
| 修復程式碼 |  前端開發者 |
工程部門 | React/Vue/Angular、UI 實作、Core Web Vitals 優化 |
| 修復程式碼 |  快速原型師 |
工程部門 | 快速 POC 修復、MVP 建構、快速迭代週期 |
| 修復程式碼 |  程式碼審查員 |
工程部門 | 建設性 PR 審查、程式碼品質把關、安全性檢查 |
| 完善 UI |  UI 設計師 |
設計部門 | 視覺設計、元件函式庫、設計系統建置 |
| 完善 UI |  UX 架構師 |
設計部門 | CSS 系統架構、對開發者友善的技術基礎 |
| 完善 UI |  趣味注入師 |
設計部門 | 微互動設計、愉悅動畫、彩蛋功能 |
| 完善 UI |  UX 研究員 |
設計部門 | 使用者測試、行為分析、可用性洞察 |
| 完善文案 |  內容創作者 |
行銷部門 | 多平台內容、編輯行事曆、品牌故事敘述 |
| 完善文案 |  品牌守護者 |
設計部門 | 品牌識別、一致性維護、定位與訊息傳遞 |
| 完善文案 |  視覺說書人 |
設計部門 | 視覺敘事與引人入勝的品牌故事 |
| 統籌一切 | 代理人協調者 |
特殊部門 | 多代理人協調、複雜工作流程管理 |
| 統籌一切 |  證據收集者 |
測試部門 | 截圖式品保、視覺驗證、UI 確認 |
| 統籌一切 | 現實查核員 |
測試部門 | 正式上線準備、品質把關、發布認證 |
| 統籌一切 |  無障礙稽核員 |
測試部門 | WCAG 合規、螢幕閱讀器測試、包容性設計 |
兩者如何搭配使用
web-design-reviewer 技能負責處理檢測迴圈——它會導覽您的本地或線上網站、擷取截圖、依嚴重程度（P1、P2、P3）識別版面配置、響應式設計與無障礙問題，並直接對原始碼套用修復，再重新驗證 。Agency 的設計與工程部門代理人則進一步處理創意與架構深度：UI 系統、文案語調、程式碼品質，以及跨整個團隊的協作統籌 。 agentskills
透過以下指令安裝代理人系統至 Claude Code：
./scripts/install.sh --tool claude-code
此外，它同樣支援 Cursor、GitHub Copilot、Gemini CLI、Windsurf 等 8 個以上的 AI 編程工具 。 github