Agent Skills Hub

french-claude

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

interaction-design

設計並實作微互動、動態設計與轉場效果。用於提升 UI 精緻度、實現載入狀態，並創造直觀、令人愉悅的用戶反饋體驗。

code-formatting

使用 Biome 格式化並檢查目前分支上的 JS、TS 和 JSON 檔案。適用於提交或建立 PR 前的程式碼清理。

document-writer

Nuxt 生態系統專用的技術文件寫作助手，提供寫作風格指南、MDC 組件使用模式與技術部落格結構規範。

design-md

分析 Stitch 專案並將語義化設計系統合成為 DESIGN.md 檔案，作為 AI 驅動 UI 生成的真實數據來源。

vercel-react-native-skills

React Native 和 Expo 效能優化最佳實踐。涵蓋列表虛擬化、Reanimated 動畫、UI 模式以及原生平台 API 優化。

cloudscape-codegen

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

podcast-generation

利用 Azure OpenAI GPT Realtime Mini 模型與 WebSocket 串流技術，產生 AI 播客風格的音訊敘事，包含 PCM 轉 WAV 及前端播放整合。

elegant-design

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

interface-design

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

summon

Summon 框架專家：協助 Kotlin Multiplatform UI 開發，提供類型安全的修飾符、狀態管理、路由與 SSR，適用於網頁與 JVM 應用程式。

draw-io

專門用於建立、編輯和維護 .drawio 流程圖的技能。支援 XML 操作、排版優化、AWS 圖示整合，以及文件自動化 PNG 轉換。