Agent Skills Hub

pix

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

etudes

一款積極的衝刺教練，協助開發者克服拖延與過度規劃，透過生成 5 天可執行的任務清單、追蹤進度並維持專案動能。

frontend-app-design

構建獨特、高品質的 React Native Expo 介面，運用液態玻璃設計與 iOS 人機介面準則，打造工業級行動應用。

shadcn-vite-iconify-landing-page

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

python

Python 編碼助手，提供最佳實踐、PEP 8 風格檢查、使用 pytest 自動化測試以及 uv 依賴管理。

elegant-design

使用 React、Next.js 與 shadcn/ui 等現代設計系統，建構專業、易於使用且具響應式的介面。專注於開發者工具、聊天介面及即時串流組件。

javascript-typescript

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

react-native-design

精通 React Native 樣式、導航與 Reanimated 動畫。構建高性能、跨平台的原生體驗行動應用程式。

frontend-design-pro

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

speckit-workflow

為 Claude Code 和 Codex 設計的憲法驅動規格優先開發工作流，透過結構化代理循環自動化功能規劃、實作與品質保證。

ui

產生 UI 元件、Hero 區塊與回饋表單。整合無障礙檢查清單與專業設計參考，確保開發品質。

web-component-design

掌握 React、Vue 和 Svelte 的組件驅動開發。學習進階組合模式、CSS-in-JS 策略及用於可擴展 UI 設計系統的組件 API 設計。