Agent Skills Hub

cloudscape-codegen

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

elegant-design

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

implement-feature

使用架構優先設計、TDD、豐富領域模型與 Swift 6.2 模式實作功能的指南，確保領域、基礎設施與應用層之間的清晰隔離。

btca-cli

操作 btca CLI 進行原始碼優先的研究。管理 Git、本機目錄與 npm 資源，確保 AI 的回答基於實際程式碼庫而非過時的文件。

nano-image-generator

使用 Nano Banana Pro (Gemini 3 Pro) AI 模型生成應用程式圖示、Logo、行銷橫幅及各類插圖等專業視覺素材。

let-fate-decide

當用戶提示模糊、隨意或需要創意決策時，透過塔羅牌占卜為規劃過程注入隨機性與靈感。

lint-fix

使用 Trunk 進行 linting、格式化與迭代式錯誤修復的自動化程式碼維護流程。

jupyter-notebook-testing

使用 Jupyter Notebook 在瀏覽器中互動式測試 Adobe EDS 區塊。支援 ES6 匯入、疊加層預覽、響應式裝置測試，以及零依賴執行環境。

web-artifacts-builder

一套用於開發與打包複雜、多組件 React/TypeScript 網頁實體的工具包，整合了 Vite、Tailwind CSS 與 shadcn/ui。

frontend-design-pro

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

looped-builder

將大型且複雜的程式開發任務拆解為可執行的階段性計畫，並透過 Claude 驅動的 Bash 迴圈進行自動化實作與部署。

lsp-code-analysis

透過語言伺服器 (LSP) 進行精確的語意程式碼分析。支援 Python, Rust, Go, TypeScript/JS 與 Java，提供定義跳轉、引用查詢、實作查找、檔案大綱與全專案重構功能。