开发技能

框架（开源）。构建美观、原生体验的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.

创建带有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 模式、决定是否创建或移除实体、评估是否需要实体层、决定...

使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 时使用。