Agent Skills Hub

Parallel Routes Generator

實作 Next.js Parallel Routes 模態視窗以消除版面位移 (layout shifts)。適用於對話框、模態視窗與攔截路由 (intercepted routes)。

vibe-build

vibe-coding 工作流程的最終執行代理。根據 AGENTS.md 主計劃逐步構建 MVP，管理會話連續性，並通過測試驗證每個功能。

persona

一個 AI 驅動的框架，用於從零開始打造獨特且真實的個人作品集網站。引導 AI 代理完成研究、設計與實作，構建具備個人特色的專業網站。

create-prd

透過互動式規劃流程，協助您產生包含使用者故事、驗收標準與技術規格的詳細產品需求文件 (PRD)。

designer

React 與 Next.js 專家級 UI/UX 設計助手。提供視覺審核、設計系統架構，以及 Tailwind CSS 與 shadcn/ui 的實作指導，協助打造專業級 Web 應用程式。

screenshots

使用 Playwright 自動為網頁應用程式生成高品質、HiDPI 的行銷截圖。

webf-quickstart

開始使用 WebF 開發：設定 WebF Go、初始化基於 Vite 的網頁專案（React/Vue/Svelte），並在符合 W3C 標準的原生執行環境中預覽應用程式。

favicon-gen

從標誌、文字或品牌顏色生成完整的網站圖示 (favicon) 檔案與網站清單，確保在所有瀏覽器及 iOS/Android 裝置上均能完美顯示。

data-storytelling

將原始數據轉化為引人入勝的敘事，運用視覺化策略、敘事框架與說服性結構，協助分析師進行高階報告與數據決策。

chrome-devtools-mcp

Chrome DevTools MCP 伺服器，透過 Puppeteer 實現 AI 驅動的瀏覽器自動化、測試與除錯。支援輸入自動化、視覺截圖、效能追蹤與網路偵測。

frontend-design-review

評估、審核並構建具有高品質設計、符合無障礙標準及設計系統規範的生產級前端介面。

mobile-app-ux

行動應用程式 UX/UI 設計指南，涵蓋觸控友善介面、導航模式、手勢操作及小螢幕介面最佳化。