Agent Skills Hub

buildwithclaude

分析網站以獲取設計靈感，提取色彩、排版、佈局和 UI 模式，並建立結構化的設計分析報告。

frontend-design-pro

打造價值 $50,000 美元級別的專業前端介面，提供生產級程式碼、精選排版與高品質影像素材整合。

my-openlayer-helper

使用 my-openlayer 函式庫初始化 OpenLayers 地圖、管理圖層，並渲染點、線、面及動畫標記等地理特徵。

javascript-typescript

專為現代 Web 應用程式設計的進階 TypeScript 與 React 開發助手。精通元件架構、狀態管理、Vitest 單元測試、Playwright 端對端自動化以及高效的 TypeScript 配置。

proofreader-api

將瀏覽器原生 Proofreader API 整合至網頁應用，提供 AI 驅動的文本校正、語法檢查與語言支援，並包含受控的模型生命週期管理。

pix

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

react-vite-best-practices

React 與 Vite 效能最佳化指南。適用於編寫、審查或優化基於 Vite 構建的 React 元件。

dynamic

專為 bkend.ai BaaS 設計的全端開發代理。自動化專案初始化、身份驗證、資料庫設定及 Next.js 應用程式 API 整合。

tailwind-config

管理 monorepo 中的 Tailwind CSS 設定、自訂設計標記、主題與設計系統工具。

svelte-code-writer

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

frontend-to-backend-requirements

標準化前端溝通，透過記錄後端開發人員所需的數據需求與業務規則，確保在不指定實作細節的情況下達到清晰的開發共識。

state-management

前端狀態管理指南，涵蓋 Zustand/Pinia 全域儲存、TanStack Query 伺服器狀態以及 URL 狀態處理。