Agent Skills Hub

react-native

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

react-router-data-mode

使用 React Router 的資料模式 (data mode) 開發 React 應用程式，包含 createBrowserRouter、路由器 (RouterProvider)、loaders、actions、fetchers 與樂觀 UI 更新。

book-illustrator

兒童繪本插畫專家指南，涵蓋針對 0-12 歲兒童的繪畫風格、角色設計、色彩理論及視覺敘事技巧。

task-folder-migrator

自動化將舊版單檔案任務遷移至結構化資料夾系統的工具，以提升專案組織效率。

flow-nexus-platform

Flow Nexus 平台綜合管理工具，涵蓋使用者身份驗證、沙盒執行、應用程式部署、積分管理及挑戰任務等功能。

screen-reader-testing

使用螢幕閱讀器（如 VoiceOver、NVDA 和 JAWS）測試 Web 應用程式。驗證無障礙兼容性、除錯輔助技術問題，並確保符合螢幕閱讀器的支援標準。

research-grants

撰寫 NSF、NIH、DOE、DARPA 和台灣國科會 (NSTC) 的競爭性研究計畫書。涵蓋機構特定規範、預算規劃、科學示意圖生成及合規性審查。

stripe-integration

Stripe 付款整合指南，涵蓋單次付款、訂閱模式及安全性最佳實踐。

design-system-patterns

掌握設計系統架構：實作設計標記 (design tokens)、多品牌主題、組件庫以及自動化設計轉程式碼流程，建立可擴展的 UI 基礎。

claude-code-meta

構建 Claude Code 擴充功能：技能、代理、鉤子、插件和斜線指令。包含用於自動化組件創建與結構管理的構建代理。

discovery.problem_framing

在開始解決方案前，定義核心客戶問題、證據與成功假設，確保產品發現階段的工作具備數據基礎。

explaining-code

使用視覺化圖表、生活比喻、逐步導覽與常見陷阱來解釋程式碼。