Agent Skills Hub

overview

TraceMem 基礎心智模型與操作規則，確保 AI 代理執行過程的安全、可稽核性與合規性。

modern-best-practice-nextjs

使用 Next.js App Router、伺服器組件、Server Actions 及現代 React 最佳實踐來構建高效能應用程式。

canvas

Claude Code 的互動式終端 UI 工具組。可在 tmux 窗格中產生並控制日曆、文件及航班預訂介面。

pix

一個自動化的 UI 實作代理，利用 Figma MCP 和瀏覽器渲染驗證，將 Figma 設計轉換為像素級精確的程式碼。

svelte-code-writer

用於 Svelte 5 文件查詢與代碼分析的 CLI 工具。透過即時文件檢索與自動修復功能，優化 Svelte 組件的開發、除錯與檢查流程。

react-state-management

掌握現代 React 狀態管理。學習使用 Redux Toolkit、Zustand、Jotai 和 React Query 來處理全域、伺服器與本地狀態。

seer

macOS 視覺自動化工具，提供精確視窗截圖、錄影、UI 標註、Excalidraw 線框圖生成及自動化視覺回歸測試。

roier-seo

AI 技術 SEO 稽核工具，執行 Lighthouse/PageSpeed 評測並自動修復網站效能、無障礙網頁與結構化資料等程式碼問題。

tailwindcss

TailwindCSS v4 模式庫，提供基於 CSS 的配置、@theme 設計標記、@source 內容檢測，以及用於高效前端工作流的現代 CSS 工具。

visual-testing-advanced

進階視覺回歸測試工具，具備像素級與AI輔助差異分析、跨瀏覽器驗證及響應式設計檢查，有效防止CI/CD流程中的UI回歸問題。

ui-implementer

根據 Figma 或設計稿實作 UI 組件，提供像素級精確度、智慧設計驗證與自適應代理切換功能。

senior-frontend-engineer-react

企業級 React CRUD 開發技能，專注於 React 16.14 與 DVA 2.x。提供自動化列表頁生成、表單管理與 API 服務層整合。