Agent Skills Hub

react-ui-patterns

標準化的 React UI 模式，用於處理載入狀態、錯誤處理與資料擷取，確保一致的使用者體驗與穩固的元件架構。

mermaidjs-v11

使用 Mermaid.js v11 語法建立專業圖表。支援流程圖、時序圖、類別圖、實體關係圖與甘特圖等 24 種以上類型，適用於文件編寫與系統架構視覺化。

plugin-development

開發、測試、簽署並發佈 Memoria 治理插件。支援 Rhai 和 gRPC 執行環境，涵蓋插件從初始化到激活的完整生命週期管理。

web-component-design

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

claude-code

Claude Code 代理程式的標準化技能，用於透過 Claudish CLI 動態查詢 OpenRouter 模型建議與中繼資料。

frontend-accessibility-best-practices

React 應用程式的無障礙最佳實踐與模式，確保符合 WCAG 標準，優化語意結構並提供包容性的使用者體驗。

eslint-checker

自動化 ESLint 執行工具，用於 JavaScript 與 TypeScript 專案的靜態程式碼分析、品質規範檢查與安全自動修復。

pellicule

Pellicule 是一個 Vue 原生的程式化影片生成庫，讓您能夠直接從 Vue 組件渲染出確定性的影片、動畫與動態圖形。

sync-readme

同步 README.md 與 README_ZH.md 檔案內容，確保中英文說明文件內容一致且架構對齊。

Documenting Code

將專案文件與程式碼同步。使用 init-project 標準維護功能規格、API 合約與 README，確保可追蹤性與完整性。

ui-styling

使用 shadcn/ui 與 Tailwind CSS 建構可存取且一致的使用者介面。採用組件優先架構以建立設計系統、整合 React Hook Form，並實踐響應式行動優先開發。

docs-voice

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