Agent Skills Hub

frontend-design

構建具有獨特風格、生產級品質的前端介面與網頁元件，強調高美學品質，並避免通用的人工智慧設計模式。

handoff-pack

生成結構化的 Handoff Pack 提示詞，用於將任務委派給 Gemini，確保明確的範圍、驗收標準與格式規範。

screenshots

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

perf-analyzer

將效能分析資料綜合為具體建議及有據可依的技術決策。

visual-creative

AI 視覺創意生圖提示詞生成工具，適用於海報、Banner、產品圖、社群媒體配圖等全場景視覺內容設計。

web-artifacts-builder

一套用於開發與打包複雜、多組件 React/TypeScript 網頁實體的工具包，整合了 Vite、Tailwind CSS 與 shadcn/ui。

app-builder

全端應用程式建構編排器，分析自然語言需求以決定技術堆疊、建立專案架構並協調各領域專業代理人。

food-diorama-skill

使用 Google Gemini API 生成 3D 城市美食盲盒影像。創作包含標誌性美食、文化符號與城市歷史元素的四宮格立體模型風格圖像。

test-reporting-analytics

高階測試報告與品質儀表板，提供 QE 指標、程式碼覆蓋率與部署就緒度分析，透過預測性洞察協助團隊進行數據導向的品質決策。

documentation

撰寫、建構與維護技術文件，涵蓋 README、API 文件、操作手冊與架構規範，協助團隊保持一致性與資訊同步。

debugging-strategies

跨語言除錯框架：包含科學除錯法、堆疊追蹤分析、日誌記錄策略，以及 Git bisect 與小黃鴨除錯法等進階技巧。

landing-page-angle-tester

為同一產品生成多種落地頁敘事角度，定義目標受眾並規劃所需的證據要求，協助優化轉化率與行銷工作流。