Agent Skills Hub

css-modules

基於 Lightning CSS 或 PostCSS 的 CSS Modules 元件封裝策略，包含 TypeScript 整合與 Vite 設定。

chrome-devtools-mcp-manager

管理 OpenClaw 內建 Chrome 瀏覽器及 chrome-devtools-mcp 整合，透過 MCP 協定進行穩定的瀏覽器自動化操作。

dependency-upgrade

透過相容性分析、分階段更新策略與自動化測試，系統化地管理大型軟體依賴項升級。

tooling-setup

為 React 19 專案提供的生產級開發環境配置，包含 Vite、TypeScript、Biome 及 Vitest，提供嚴格的類型檢查、程式碼規範、格式化與測試基礎設施。

ui-implementer

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

shadcn-vite-iconify-landing-page

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

generate-translations

自動化 Payload CMS 核心套件與插件的在地化翻譯字串生成與同步。

laravel-11-12-app-guidelines

Laravel 11/12 應用程式開發的標準化工作流程與指南，涵蓋技術棧偵測、依賴管理以及 Laravel Boost 工具的整合。

client

管理客戶關係、追蹤後續行動，並利用基於 Obsidian 的客戶資料自動草擬個人化電子郵件。

formik-patterns

React 應用程式的 Formik 表單處理、Yup 驗證架構與表單提交模式。

Skill Create

自動化 Betty Framework 技能的建立過程，包括構建目錄結構、生成 YAML 清單檔案以及處理註冊表登記。

reverse-engineering-api

透過捕捉瀏覽器流量 (HAR 檔案) 進行網路 API 逆向工程，並自動產生可用於自動化與資料擷取的 Python API 客戶端。