Agent Skills Hub

tikz-flowchart

使用 LaTeX TikZ 建立專業技術圖表與流程圖，提供 Google Material 與 Anthropic 風格的標準化設計主題。

api-design

設計與記錄 REST 或 GraphQL API，包含端點定義、分頁、篩選、版本控制及 OpenAPI/Swagger 規格建立。

svg-logo-generator

使用 Python 腳本生成高品質、簡約且幾何化的 SVG 標誌。適用於製作圖標、品牌標識及幾何圖形視覺資產。

mcaf-architecture-overview

維護一個包含 Mermaid 圖表的集中式架構總覽，記錄系統邊界、模組依賴與介面契約，以利於專案導覽與重構。

create-mcp-app

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

pdf-generation

使用 Pandoc 將 Markdown 轉換為專業 PDF。支援 Eisvogel 模板、EB Garamond 字體，並針對不同場景優化排版（A4 用於列印/桌面，6x9 用於行動裝置/Telegram）。

react-state-management

掌握現代 React 狀態管理。學習使用 Redux Toolkit、Zustand、Jotai 和 React Query 來處理全域、伺服器與本地狀態。

swiftui-performance-audit

審計並優化 SwiftUI 執行階段效能。透過程式碼審查、架構分析與 Instruments 設定檔指導，診斷渲染遲緩、滾動卡頓、高資源消耗及版面配置抖動等問題。

durable-objects

建立、除錯並優化 Cloudflare Durable Objects。支援狀態協調、RPC、SQLite 儲存、WebSocket 處理器以及 Vitest 測試。

testing-strategies

實作強大的軟體測試策略，涵蓋單元測試、整合測試與端對端 (E2E) 測試，並提供模擬框架 (Mocking)、TDD 模式與各類技術堆疊的最佳實踐，確保高品質且可靠的程式碼。

formik-patterns

React 應用程式的 Formik 表單處理、Yup 驗證架構與表單提交模式。

seo-schema

分析、驗證並生成 Schema.org 結構化資料 (JSON-LD)。檢測現有標記、識別優化機會，並確保符合 Google 豐富搜尋結果規範。