Agent Skills Hub

buildwithclaude

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

best-practices

應用現代網頁開發最佳實踐，涵蓋安全性、相容性與代碼品質。適用於安全性審計、代碼現代化與品質檢查。

baseline-ui

執行意見化的 UI 基準，利用 Tailwind CSS、Radix UI 和 Framer Motion 確保介面一致性、無障礙與高效能，防止設計品質劣化。

frontend-design-pro

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

Building Frontend Dashboards

使用 TypeScript、shadcn/ui、TanStack Query 和 Supabase 建構響應式 React 儀表板。適用於製作 KPI 卡片、數據表格、Recharts 圖表及 event-studio 管理後台。

french-claude

專注於設計的程式設計代理，為您的開發工作流程帶來世界級的介面工藝、動態設計與系統化前端工程。

skill-orchestrator

透過分析可用技能、制定結構化執行計畫並管理手動或委派的多步驟工作流程，來統籌複雜的程式設計任務。

my-openlayer-helper

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

wednesday-design

UI/UX 設計助手，為 React/Next.js 專案強制執行組件庫使用規範、可訪問性與設計標記。確保使用 shadcn/ui、Aceternity 等核准庫來保持視覺一致性。

javascript-typescript

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

pellicule

Pellicule 是一個 Vue 原生的程式化影片生成庫，讓您能夠直接從 Vue 組件渲染出確定性的影片、動畫與動態圖形。

interface-design

為實用型應用程式提供介面設計指引，專注於儀表板、管理面板與數據密集型介面，採用以組件庫為先的開發模式。