Agent Skills Hub

senior-frontend-engineer-react

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

cloudscape-codegen

生成符合 Cloudscape Design System 的 React + TypeScript UI 程式碼，包含輔助功能、響應式佈局及完善的狀態處理。

threejs-builder

使用現代 ES 模組構建高性能 Three.js 網頁場景。涵蓋場景圖設置、燈光、幾何體、GLTF/GLB 模型載入、動畫循環以及效能優化最佳實踐。

pix

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

jupyter-notebook-testing

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

figma-design-to-code

使用 TemPad Dev MCP 將 Figma 設計轉換為符合專案規範的 UI 代碼，精確處理標記、樣式與設計標記整合。

frontend-accessibility-best-practices

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

webgl-expert

WebGL 1.0/2.0 開發專家指南：涵蓋 GLSL 著色器、3D 圖形、GPU 編程、渲染管線、緩衝區及 Web Canvas 效能優化。

ui-design-system

專業 UI 設計系統工具包，涵蓋設計代幣生成、組件架構、響應式設計計算及開發人員交接文檔，確保視覺一致性。

react-doctor

分析並審核 React 專案的安全性、效能、正確性與架構問題，並提供可執行的診斷報告與評分。

webpack

Webpack 前端開發參考工具。提供配置指南、故障排除、性能優化技巧及最佳實踐，協助開發者高效管理前端構建專案。

vue-typescript

專為使用 TypeScript 構建 Vue 3 應用程式所設計的技能，涵蓋組合式 API (Composition API)、Pinia 狀態管理、Vue Router 以及自定義組合式函式 (Composables)。