Agent Skills Hub

copy-editing

透過 7 步驟編輯框架系統性地優化行銷文案，提升清晰度、語氣與轉化率。

nanaban

透過 nanaban CLI 使用 Gemini API 生成與編輯影像。適用於製作插圖、標誌、圖示，以及執行背景移除、風格轉換等照片編輯任務。

connections

輕量級 MCP (Model Context Protocol) 連接處理器，支援 stdio、SSE 與串流式 HTTP 傳輸，實現順暢的伺服器整合。

tanstack-integration-best-practices

TanStack Query、Router 與 Start 的整合模式與最佳實踐。確保全端資料流的類型安全、高效的 SSR 與統一的快取機制。

ui-mockup

音訊插件 WebView UI 設計協調器，處理迭代式原型製作及 JUCE 插件的生產級程式碼腳手架生成。

projection-patterns

為事件溯源系統構建讀取模型與投影，適用於 CQRS、物化視圖及查詢效能優化。

api-integration

使用 Apidog 與 MCP 伺服器自動化前端 API 整合。從 OpenAPI 規格生成 TypeScript 型別、TanStack Query 鉤子與基於 axios 的客戶端，確保 API 使用的一致性與型別安全。

seo-optimizer

為網頁應用程式提供的全面 SEO 優化工具。執行自動化網站稽核、Meta 標籤管理、結構化資料實作，以及針對 Next.js、Astro、React 和靜態網站的技術效能分析。

reset

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

dart-python

DART 物理模擬的 Python 綁定 (dartpy)：利用 nanobind 與 C++ 整合，支援建置 Wheel、生成型別存根，並管理機器人模擬工作流程。

libragent-quality

LibrAgent 程式碼品質驗證工具，涵蓋 TypeScript 前端與 Rust/Tauri 後端，提供自動化程式碼檢查、格式化、型別檢查與建置驗證。

doncheli-visual-test

執行自動化視覺回歸測試，透過將 UI 截圖與基準影像進行比較，識別佈局位移、色彩變化及渲染回歸問題。