開發技能

框架（開源）。打造美觀、具原生感的 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.

Create FastAPI routers with CRUD operations, authentication dependencies, and proper response models. Use when building REST API endpoints, creating new routes, implementing CRUD operations, or adding authenticated endpoints in FastAPI applications.

引導使用 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 的情況。