開發技能

框架（開源）。打造美觀、具原生感的 Expo 畫面。涵蓋 Apple HIG 樣式、語意色彩、原生控制項、SF Symbols、媒體、動畫、視覺效果、漸層、儲存與響應式佈局。路由與導航請使用 expo-router 技能。

框架（開源）。Expo Router 的導航與路由。涵蓋基於檔案的路由、群組與動態路由、資料夾組織、帶有預覽與上下文選單的連結、原生堆疊、頁面標題、模態視窗與表單頁面、原生標籤、標題與工具列，以及標題搜尋列。

框架（開源）。使用 @expo/ui 套件建構原生 UI：在 iOS 上使用真正的 SwiftUI，在 Android 上使用 Jetpack Compose，並從 React 在 Expo 或 React Native 應用程式中渲染。涵蓋通用跨平台元件（從 @expo/ui 匯入的 Host、Column、Row、Button、Text、List 等）、熱門 React Native 社群函式庫的替代方案（BottomSheet、DateTimePicker、Slider、Menu 等），以及平台專屬的 SwiftUI（@expo/ui/swift-ui，僅限 iOS）和 Jetpack Compose...

框架（開源）。升級 Expo SDK 版本與修復相依性問題的指南。

具備角色基礎存取控制的授權系統。所有管理個人或受限制存取資料的應用程式必備。

核心基礎設施，提供後端連線設定、儲存客戶端及 React 應用程式進入點。

Admin-only paginated viewer for stable canister state. Use whenever the user asks for a viewer, dashboard, debug panel, or admin browse over backend data — users, items, orders, logs, or any stable Map/Set/Array/VarArray/List/Stack/Queue. Pre-installed in every Caffeine app via the `caffeineai-data-viewer` mops package; this skill explains what it does and how to keep using it correctly.

由後端容器（而非前端）執行的 HTTP 外部呼叫。

通用檔案/物件儲存，適用於圖片、影片、文件及其他大量資料。非常適合圖片庫、影片庫及其他檔案或物件管理。支援超過IC限制的大型檔案，並提供瀏覽器快取的HTTP URL存取。

MANDATORY recipe for every Caffeine build that calls OpenAI (ChatGPT, GPT-4o, an LLM, a chatbot, embeddings). The ONLY supported path is the `openai-client` mops package with a canister-side API-key bearer. Hand-rolling `ic.http_request` to `api.openai.com/v1/...` is a FORBIDDEN anti-pattern — it leaks the bearer across replicated outcalls (security + 13× billing impact), bypasses the typed request/response bindings, and forces hand-rolled JSON on a language with poor JSON support. Load this...

Make a canister's data queryable by the Caffeine Data Intelligence agent. Use whenever an app stores structured data (Maps/Lists/arrays of records) that should be answerable in natural language — "top customers", "revenue by region", "active projects". Adds a discoverable `schema()` and a JSON `execute()` query endpoint via the `caffeineai-oql` mops package's `Expose` mixin.

MANDATORY recipe for every Caffeine build that posts to X (Twitter). The ONLY supported path is the `x-client` mops package with OAuth 2.0 PKCE. Hand-rolling `ic.http_request` or `icBooking.http_request` calls to `api.x.com/2/tweets`, `api.x.com/2/oauth2/token`, or any other X endpoint is a FORBIDDEN anti-pattern — it bypasses bearer auth, replication-cost safeguards, and `x-client`'s null-field handling. Load this skill whenever the user, spec, or any prior task mentions tweeting,...

Quick reference for the Caffeine Data Intelligence agent to query an OQL-exposing canister (schema() + execute()) through the `icp` CLI against the project's `backend` canister: read the schema, form JSON queries (filter / order / paginate / aggregate / dotted-path edges), and parse the Candid result rows.

建立具備CRUD操作、認證依賴及正確回應模型的FastAPI路由器。適用於建置REST API端點、建立新路由、實作CRUD操作，或在FastAPI應用程式中新增需認證的端點時使用。

引導使用 TypeScript 或 JavaScript 開發 Fastify Node.js 後端伺服器與 REST API。適用於建置、設定或除錯 Fastify 應用程式時，包括定義路由、實作外掛、設定 JSON Schema 驗證、處理錯誤、最佳化效能、管理驗證、設定 CORS 與安全標頭、整合資料庫、使用 WebSocket，以及部署至正式環境。涵蓋完整的 Fastify 請求生命週期（鉤子、...）

官方 Feature-Sliced Design (FSD) v2.1 技能，用於將該方法論應用於前端專案。當任務涉及使用 FSD 層組織專案結構、決定程式碼歸屬、放置靜態資源（圖片、圖示、字型、PDF）、分組緊密相關的切片、定義公開 API 和導入邊界、解決交叉導入或評估 @x 模式、決定是否建立或移除實體、評估是否需要 entities 層、決定...

讓 Claude Code 能夠使用 ffuf 執行智慧型網頁模糊測試操作，更輕鬆地發現隱藏目錄、檔案、子網域及 API 端點。

搜尋程式碼庫或 UI 中應該有動畫但沒有的地方，並排除所有不應該有動畫的部分。唯讀；它會提出具有精確數值的動畫建議，但不會實際實作。當使用者詢問「這裡可以加入什麼動畫？」或想要「讓這個感覺更有生命力」時使用。若要修復現有的動畫，請改用 improve-animations 或 review-animations。

一次搜遍所有主要註冊庫——skills.sh、clawhub.ai 和 GitHub——來探索、審核並安裝代理技能，以各平台原生指標（安裝數/星數）呈現每個看板，並顯示每個看板的最佳條目，對頂尖候選者的實際 SKILL.md 進行安全掃描以偵測風險模式，同時標記已安裝的技能。當使用者詢問「我該如何做 X」、「找一個能做 X 的技能」、「有沒有技能可以……」、「我該安裝什麼技能來……」，或想要擴展代理功能時使用。

在實作完成、所有測試通過，且需要決定如何整合成果時使用——透過提供合併、拉取請求或清理的結構化選項，引導開發工作的完成。

Firebase Remote Config 的全面指南，涵蓋範本管理與 SDK 使用。當使用者需要協助設定 Remote Config、管理功能開關或動態更新應用程式行為時，請使用此技能。

修復 warp Rust 程式碼庫中的編譯錯誤、lint 問題與測試失敗。涵蓋 presubmit 檢查、WASM 特定錯誤，以及執行特定測試。當使用者遇到建置錯誤、clippy 或 fmt 失敗、測試失敗，或需要在 PR 前執行或解讀 presubmit 時使用。

當使用者想要規劃、評估或建立一個用於行銷目的（潛在客戶開發、SEO 價值或品牌知名度）的免費工具時使用。也適用於使用者提及「工程即行銷」、「免費工具」、「行銷工具」、「計算機」、「產生器」、「互動工具」、「潛在客戶開發工具」、「為潛在客戶建立工具」、「免費資源」、「ROI 計算機」、「評分工具」、「審核工具」、「我應該建立免費工具嗎」或「潛在客戶開發工具」時。每當有人想要建立有用的東西並...

生成獨特且具備生產級品質的前端介面，避免常見的AI美學風格。

擅長產出具辨識度、非千篇一律的UI與設計應用，以策略為優先。先辨識專案類型（登陸頁面、SaaS應用、儀表板、電商、簡報、文件、作品集等）及其定位與個性，確立品牌形容詞，轉化為字體與色彩系統，再套用工藝層（佈局、元件與狀態、動態、圖標、圖像、深色模式與主題、無障礙設計），避免AI泛濫或Claude風格的預設樣式。這既是……

審查並建立具有高設計品質與設計系統合規性的獨特、生產級前端介面。評估基於三大支柱：無摩擦的洞察到行動、優質工藝，以及可信賴的建構。適用於：PR審查、設計審查、無障礙稽核、設計系統合規檢查、創意前端設計、UI程式碼審查、元件審查、響應式設計檢查、主題測試，以及建立令人難忘的UI。不適用於：後端API審查、資料庫結構審查、基礎設施或DevOps工作、無UI的純商業邏輯，或非前端程式碼。

使用Tailwind CSS搭配自訂主題、玻璃擬態效果及Framer Motion動畫，建構深色主題的React應用程式。適用於建立儀表板、管理後台或資料密集型介面，呈現精緻的深色美學。

建立生產級、可存取、響應式的使用者介面。適用於建置或修改介面與頁面、建立元件、實作版面配置、滿足 WCAG 無障礙需求、管理狀態，或當輸出需要呈現生產級品質而非 AI 生成感時使用。

覆寫預設的LLM截斷行為。強制完整程式碼生成，禁止佔位符模式，並乾淨處理token限制分割。適用於任何需要詳盡、完整輸出的任務。

在 Claude Code 中設定鉤子，以在執行危險的 git 指令（如 push、reset --hard、clean、branch -D 等）前加以攔截。適用於使用者希望防止破壞性 git 操作、新增 git 安全鉤子，或在 Claude Code 中封鎖 git push/reset 的情況。