Agent Skills Hub

development

全面的 Linux 開發環境管理，涵蓋編譯器、建置工具、IDE 與除錯工作流程。

video-report

影片錯誤報告自動化生成工具，利用 Remotion 渲染提供的影片 URL 進行除錯。

task-search

透過高性能、具備防手震功能的搜尋引擎加速任務檢索。支援多標記 AND 邏輯、相關性排序，並能即時標示任務標題、說明與標籤中的匹配文字。

image-generation

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

shadcn-vite-iconify-landing-page

使用 React、Vite、TypeScript、Tailwind 和 shadcn/ui 構建、審核並迭代高轉化率著陸頁。專注於轉換率優化 (CRO)、首屏結構以及使用 Iconify 圖標的高品質介面設計。

doncheli-visual-test

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

fullstack-workflow

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

microsim-screen-capture

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

htmx-rust

使用 Rust、Axum 與 HTMX 構建互動式超媒體網頁應用程式，無需複雜的 JavaScript 框架即可實現動態與即時 UI 更新。

json-canvas

在 Obsidian 中創建、編輯與管理 JSON Canvas (.canvas) 文件，用於視覺化筆記、心智圖與流程圖。

performance-security

優化 React 效能、實施安全性加固，並透過自動化模式與檢查清單確保符合 WCAG 無障礙規範。

d3js-data-visualization

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