Agent Skills Hub

web-component-design

掌握 React、Vue 和 Svelte 的組件驅動開發。學習進階組合模式、CSS-in-JS 策略及用於可擴展 UI 設計系統的組件 API 設計。

swift-ui

適用於原生 iOS 與 macOS 開發的 SwiftUI 架構與實作模式，專注於狀態管理、視圖組合與數據持久化。

canvas

Claude Code 的互動式終端 UI 工具組。可在 tmux 窗格中產生並控制日曆、文件及航班預訂介面。

seo-page

深度單頁 SEO 稽核工具，涵蓋技術、內容與效能分析。包含頁面元素、結構化資料、圖片優化與 E-E-A-T 檢查，協助提升搜尋排名與使用者體驗。

react-native

React Native 開發最佳實踐，適用於 Expo 與原生專案。涵蓋專案結構、路由導航、NativeWind 樣式、平台特定代碼及 TypeScript 整合。

make-slide

生成專業的單檔案 HTML 簡報，內建演講者備忘錄。支援多種主題、版面配置及 PPTX 匯出，適用於演講、投影片及提案。

crowi-migration

從舊版 Crowi (Express/Swig) 遷移至現代架構 (Next.js 16/Fastify/ts-rest) 的自動化遷移工作流程。

navi

Navi 程式語言專家。適用於編寫 Navi 程式碼、除錯、實現並發處理、處理錯誤狀態，以及管理 Navi 的型別系統或模組整合。

docs-as-marketing

將技術文檔轉化為增長引擎。學習撰寫有助於SEO、縮短價值實現時間並透過優秀資訊架構與開發者導向寫作來提升轉換率的文檔。

building-ai-agent-on-cloudflare

使用 Cloudflare Agents SDK 在 Workers 上構建有狀態的 AI 代理。支援實時 WebSocket、持久化狀態管理、定時背景任務與工具整合，專為生產環境設計。

Advanced Modular Library Design

使用 HexDI 原則設計模組化 TypeScript 函式庫：實現編譯時依賴驗證、功能優先組織與清晰的 API 邊界。

upstash-ratelimit-ts

適用於 TypeScript 的無連線 HTTP 速率限制 SDK，專為無伺服器 (Serverless)、邊緣運算 (Edge) 環境及 Upstash Redis 設計。