Agent Skills Hub

pellicule

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

prompt-engineering-patterns

掌握先進的提示工程技術，以最大化生產環境中大型語言模型（LLM）的性能、可靠性和可控性。

mermaidjs-v11

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

ux-designer

專注於 UX/UI 精細化的工程代理，用於識別錯誤、優化可用性，並確保工作流程應用程式介面的完美效能。

ui-styling

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

youtube-metadata

為雙語有聲書影片產生 YouTube 標題、說明與標籤，並根據來源語言與目標語言對優化影片上傳元數據。

seo-optimizer

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

updating-dawncaster-filters

在 Dawncaster 遊戲擴充包發布後，系統化地更新卡片與天賦瀏覽器的篩選器下拉選單及映射陣列，確保前端資料與 Blightbane API 同步。

hello-world

這是一個友好的歡迎技能，當用戶發送「hello」或「hi」時，會以 ASCII 藝術風格顯示作業系統資訊。

vertesia-plugin

用於構建 Vertesia 插件的框架，具備工具服務器與 UI 雙架構，支持熱模組替換 (HMR)、構建工具及資產管理。

microsim-screen-capture

使用 Chrome 無頭模式自動為 MicroSim 視覺化產生高品質截圖。適用於文件製作、社群媒體預覽及品質評估。

react-router-data-mode

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