Agent Skills Hub

create-mcp-app

為 Claude Desktop 等 MCP 主機建立互動式應用程式。提供 React、原生 JS 及多種框架模板，協助您開發整合 MCP 工具與自訂 UI 的應用程式。

refactoring-patterns

透過 TDD 循環與自動化測試驗證，安全地重構程式碼以提升結構與可維護性，同時確保功能行為不變。

server-components

Next.js React Server Components (RSC) 指南，涵蓋伺服器與客戶端組件邊界、數據獲取及組合模式。

pixel-art

為您的文件、README 和簡報生成客製化像素藝術 SVG 插圖。適用於角色精靈圖、對話視覺化以及品牌標誌設計。

project-overview

LobeHub 專案架構與結構指南。用於探索程式碼庫、理解專案組織、查找檔案及獲取架構背景資訊。

aesthetic

運用系統化設計原則、AI 評估與自動化靈感分析，打造美觀的用戶介面。

phaser-gamedev

專業級 Phaser 3 遊戲開發助手。涵蓋場景架構、Arcade/Matter 物理引擎、資源加載管線、精靈動畫及網頁遊戲性能優化。

pr-demo

為 Pull Request 與文件製作精美的終端機動畫演示，支援使用 asciinema、agg 與 svg-term-cli 進行錄製與轉換。

getting-started-guide

為小說家設計的結構化引導工具，涵蓋從創作憲法、故事規格到計畫、任務、撰寫與質量分析的七步創作方法論。

docs-applying-content-quality

標準化 Markdown 內容，包含主動語態、精確的標題層級以及符合 WCAG AA 無障礙標準，適用於文件、網站及儲存庫檔案。

ctf-solver

專業級 CTF 解題代理，自動執行針對網頁、二進位、密碼學、逆向工程與鑑識挑戰的偵察、漏洞分析及漏洞利用程式開發。

interaction-design

設計並實作微互動、動態設計與轉場效果。用於提升 UI 精緻度、實現載入狀態，並創造直觀、令人愉悅的用戶反饋體驗。