开发技能

框架（开源）。构建美观、原生体验的Expo屏幕。涵盖Apple HIG样式、语义化颜色、原生控件、SF Symbols、媒体、动画、视觉效果、渐变、存储和响应式布局。如需路由和导航，请使用expo-router技能。

框架（开源）。Expo Router的导航与路由。涵盖基于文件的路由、分组与动态路由、文件夹组织、带预览和上下文菜单的链接、原生堆栈、页面标题、模态框与表单页、原生标签页、页眉与工具栏，以及页眉搜索栏。

框架（开源）。使用@expo/ui包构建原生UI：在iOS上呈现真实的SwiftUI，在Android上呈现Jetpack Compose，这些UI通过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 模式、决定是否创建或移除实体、评估是否需要实体层、决定...

使Claude Code能够使用ffuf执行智能网络模糊测试操作，更轻松地发现隐藏目录、文件、子域名和API端点。

搜索代码库或UI中未添加动画但应当添加动画的位置，并排除所有不应添加动画的内容。只读操作；它提出带有精确数值的动效方案，但不负责实现。当用户询问“这里可以添加什么动画？”或希望“让这个更有活力”时使用。如需修复现有动画，请改用improve-animations或review-animations。

一次性搜索所有主流注册中心（skills.sh、clawhub.ai 和 GitHub），发现、审核并安装智能体技能，以各平台原生指标（安装量/星标数）展示每个看板上的最佳条目，对候选技能的实际 SKILL.md 文件进行安全扫描以识别风险模式，并标记已安装的技能。适用于用户询问“如何做某事”、“寻找某项技能”、“是否有技能可以……”、“应该安装什么技能来完成……”或希望扩展智能体功能时使用。

当实现完成、所有测试通过，且需要决定如何整合工作时使用——通过提供合并、拉取请求或清理的结构化选项，指导开发工作的完成。

Firebase Remote Config 的全面指南，涵盖模板管理和 SDK 使用。当用户需要帮助设置 Remote Config、管理功能标志或动态更新应用行为时，使用此技能。

修复 warp Rust 代码库中的编译错误、lint 问题和测试失败。涵盖预提交检查、WASM 特定错误以及运行特定测试。当用户遇到构建错误、clippy 或 fmt 失败、测试失败，或者需要在 PR 前运行或解释预提交时使用。

当用户想要规划、评估或构建一个用于营销目的（如潜在客户生成、SEO价值或品牌知名度）的免费工具时使用。同时适用于用户提及“工程化营销”、“免费工具”、“营销工具”、“计算器”、“生成器”、“互动工具”、“潜在客户生成工具”、“为获取线索构建工具”、“免费资源”、“ROI计算器”、“评分工具”、“审计工具”、“我是否应该构建一个免费工具”或“用于潜在客户生成的工具”等场景。每当有人想要构建有用且……的内容时使用此技能。

生成独特且达到生产级水准的前端界面，避免千篇一律的AI美学风格。

擅长打造独特、非通用的UI与设计应用，以策略为先。识别项目类型（落地页、SaaS应用、仪表盘、电商、演示文稿、文档、作品集等）及其定位与个性，确定品牌形容词，转化为字体与色彩系统，再应用工艺层（布局、组件与状态、动效、图标、图像、暗色模式与主题、无障碍设计），避免AI生成或Claude风格的默认效果。这既是……

审查并创建具有高设计质量和设计系统合规性的独特、生产级前端界面。评估基于三大支柱：从洞察到行动的无摩擦体验、精良工艺和可信构建。适用于：PR审查、设计审查、无障碍审计、设计系统合规性检查、创意前端设计、UI代码审查、组件审查、响应式设计检查、主题测试以及创建令人难忘的UI。不适用于：后端API审查、数据库模式审查、基础设施或DevOps工作、无UI的纯业务逻辑或非前端代码。

使用Tailwind CSS构建深色主题的React应用，支持自定义主题、玻璃拟态效果和Framer Motion动画。适用于创建仪表盘、管理面板或数据密集型界面，呈现精致的深色美学。

构建生产级、可访问、响应式的面向用户界面。适用于构建或修改界面和页面、创建组件、实现布局、满足WCAG无障碍要求、管理状态，或当输出需要呈现生产级而非AI生成的外观和体验时。

覆盖默认的LLM截断行为。强制生成完整代码，禁止使用占位符模式，并干净地处理令牌限制分割。适用于任何需要详尽、完整输出的任务。

在 Claude Code 中设置钩子，阻止危险的 git 命令（如 push、reset --hard、clean、branch -D 等）执行。当用户希望防止破坏性 git 操作、添加 git 安全钩子，或在 Claude Code 中阻止 git push/reset 时使用。