Agent Skills Hub

react-native

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

language-learning

AI 語言學習導師，提供對話練習、文法教學、單字訓練及字卡記憶。支援超過 100 種語言，包含西班牙語、法語、日語及中文等。

reset

重置 .otto/ 目錄中的工作流程組件。可安全移除任務、規格與瀏覽器工作階段，讓開發流程重新開始。

fullstack-workflow

Next.js 全端開發標準流程，整合 GET API 路由、伺服器動作 (Server Actions)、SWR 資料獲取，以及使用 Zod 驗證的 React Hook Form 表單處理。

image-generation

使用結構化 JSON 提示詞與自動化 Python 腳本生成高品質的圖像、角色與場景，支援參考圖像以進行精確的視覺創作。

color-palette

從單一十六進位顏色代碼生成完整且易於存取的色彩系統。包含 11 階色譜 (50-950)、語意標記、深色模式變體及 Tailwind v4 CSS 輸出。

generate-commit-message

根據暫存區的變更，生成結構化且符合規範的 git 提交訊息。

pencil-ui-design

使用 Pencil MCP 進行工業級 UI 設計的完整工作流程與組件庫，包含顏色、字體、間距與陰影的標準化設計規範。

music-theory-visual-design

Harmonic Orbit 音樂理論應用程式的視覺設計與 UI 樣式指南，涵蓋字體、配色系統、間距、動畫及無障礙設計標準。

codex-cli

編排 Codex CLI 以實現高效平行程式開發、自動化任務與工作階段管理，優化 Token 使用量並提升開發效率。

tavily-tools

整合式 Tavily AI Python CLI 工具，支援網頁搜尋、內容擷取、網站爬蟲、結構映射以及自動化深度研究報告。

react-flow-node-ts

為 React Flow 節點建立元件腳本，包含 TypeScript 型別定義、Zustand 狀態管理與標準連接點，適用於視覺化工作流程編輯器。