Agent Skills Hub

create-frontend-controller

自動化建立 Magento 2 前端控制器動作，包含路由、依賴注入與標準回應介面，完全遵循 Adobe 開發最佳實踐。

svelte-testing

Svelte 5 測試專家，運用 vitest-browser-svelte 與 Playwright。提供單元測試、SSR 與 E2E 測試模式，並附帶供 AI 助手使用的 CLI 工具以檢索測試範例。

excalidraw-diagram

透過 Python 產生專業的 Excalidraw 圖表、流程圖與技術架構視覺化。

dojo-debug

診斷並解決 Dojo.js 應用程式中的連線、同步、訂閱及型別問題。用於排解 Torii、實體查詢和狀態更新故障。

tanstack-integration-best-practices

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

jupyter-notebook-testing

使用 Jupyter Notebook 在瀏覽器中互動式測試 Adobe EDS 區塊。支援 ES6 匯入、疊加層預覽、響應式裝置測試，以及零依賴執行環境。

d3js-data-visualization

使用 d3.js 建立互動式自訂資料視覺化，包含圖表、圖形與網路拓樸。適用於需要精細控制視覺元素、轉場動畫與互動行為的場景。

pencil-ui-design

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

react-email

使用 React 元件構建並發送響應式 HTML 電子郵件模板。提供視覺化編輯器、渲染引擎，並與各大電子郵件客戶端兼容。

docs-voice

強制執行 React 文件編寫的專業語氣、風格與技術準則，確保 Learn、Reference 與 Blog 頁面內容的一致性。

kirby-forms-and-frontend-actions

為 Kirby CMS 實作前端表單與動作，包含聯絡表單、檔案上傳、郵件處理以及從前端建立頁面等功能。

readme

為任何專案產生極致詳盡的專業 README.md 文件，涵蓋本地開發環境架設、系統架構說明及部署指南。