Agent Skills Hub

figma-design-to-code

使用 TemPad Dev MCP 將 Figma 設計轉換為符合專案規範的 UI 代碼，精確處理標記、樣式與設計標記整合。

react-native

React Native 開發最佳實踐，適用於 Expo 與原生專案。涵蓋專案結構、路由導航、NativeWind 樣式、平台特定代碼及 TypeScript 整合。

frontend

Preact 與 Tailwind 的前端編碼規範。適用於叢集應用程式的網頁 UI 元件開發。

tikz-flowchart

使用 LaTeX TikZ 建立專業技術圖表與流程圖，提供 Google Material 與 Anthropic 風格的標準化設計主題。

airiot-frontend

官方 AIRIOT 開發套件，用於構建基於 React、TypeScript 與 shadcn/ui 的應用程式，並整合即時平台功能。

nuxt-ui-v4

Nuxt UI v4 生產環境組件庫，包含 125+ 個可存取組件、Tailwind CSS v4、Reka UI，以及專為儀表板、AI 對話和編輯器設計的專業版面。

senior-data-engineer

世界級資深資料工程技能，用於構建可擴展的資料管道、ETL/ELT 系統及現代化資料基礎架構，精通 Python、Spark、dbt 與 Kafka。

context-cascade

為 Claude Code 設計的巢狀插件架構，透過動態載入 Playbooks、Skills 與 Agents，有效節省超過 90% 的上下文標記空間。

agents-md-generator

為 AI 編碼代理生成分層且節省 token 的 AGENTS.md 檔案，提供全庫上下文與專案特定指南。

resume-builder

使用 AI 為 Reactive Resume 產生專業履歷。協助您建構、編寫並優化履歷內容，並輸出為符合 rxresu.me 標準的 JSON 格式。

css-modules

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

draw-io

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