native

构建高性能移动应用的 React Native 和 Expo 最佳实践。使用

当用户希望为 SEO 和销售赋能创建竞品对比或替代方案页面时使用。当用户提及“alternative page”、“vs…”时也可使用。

通过 Firecrawl CLI 搜索、抓取网页并与 Web 交互。当用户想要搜索网络、查找文章、研究主题、在线查询、抓取网页、从 URL 获取内容、从网站提取数据、爬取文档、下载网站，或与需要点击或登录的页面进行交互时，请使用此技能。当用户说“获取此页面”、“从中提取内容”、“获取位于 https:// 的页面”或提及外部网站时，也应使用此技能。它提供实时网络搜索、完整页面内容获取和交互功能——超越了 Claude 原生内置工具的能力。对于本地文件操作、git 命令、部署或代码编辑任务，请勿触发此技能。

在 RunComfy 上让任何静态图像动起来——此技能是一个智能路由器，能将用户意图匹配到 RunComfy 目录中合适的 i2v 模型。常规动画选取 HappyHorse 1.0 I2V（Arena #1、原生音频、保持身份特征），带 `audio_url` 的自定义配音口型同步选取 Wan 2.7，基于“图像 + 参考视频 + 参考音频”的多模态动画选取 Seedance 2.0 Pro。内置各模型的文档化提示词模式，让调用者获得更精准的输出，避免在错误的模型上浪费迭代次数。通过本地 RunComfy CLI 调用 `runcomfy run <vendor>/<model>/image-to-video`（或其端点变体）。触发词包括“image to video”、“image-to-video”、“i2v”、“animate image”、“make this move”，或任何将静态图像转换为视频的明确请求。

在 RunComfy 上使用 HappyHorse 1.0 生成文本到视频。文档说明了 HappyHorse 1.0 的优势（在 Artificial Analysis Video Arena 排名第一，原生 1080p 且内置同步音频，多镜头角色一致性，支持 6 种语言提示词）、时长/宽高比/分辨率规范，以及何时应转用 Wan 2.7 / Seedance 2 / LTX 2。通过本地 RunComfy CLI 调用 `runcomfy run happyhorse/happyhorse-1-0/text-to-video`。当触发词为 "happyhorse"、"happy horse"、"happyhorse 1.0"、"happyhorse video"，或任何明确要求使用此模型生成视频的指令时触发。

使用 Expo Router 构建精美应用的完整指南。涵盖基础知识、样式、组件、导航、动画、设计模式以及原生标签页。

Firestore 企业原生模式的全面指南，涵盖配置、数据模型、安全规则和 SDK 使用。当用户需要以下帮助时，请使用此技能……

使用 React 的 View Transition API（`<ViewTransition>` 组件、`addTransitionType` 以及 CSS view…）实现流畅、原生体验动画的指南

在实现或调试任何网络请求、API 调用或数据获取时使用。涵盖 fetch API、React Query、SWR、错误处理、缓存、离线……

在 Expo 中使用 react-native-css 和 NativeWind v5 配置 Tailwind CSS v4 以实现通用样式

在 RunComfy 上使用 Kling 3.0 生成视频。Kling 3.0（亦称 Kling V3.0）是快手科技推出的第三代多镜头视频模型，具备原生同步音频功能，且能在多镜头间保持角色一致性。本技能涵盖全部六个 Kling 3.0 端点，横跨三个渲染级别（Standard、Pro、4K）与两种模式（text-to-video、image-to-video）。通过本地 RunComfy CLI 执行命令 runcomfy run kling/kling-3.0/<tier>/<mode>。当出现“kling”、“kling 3.0”、“kling v3”、“kling pro”、“kling 4k”、“kling text to video”、“kling image to video”，或任何明确要求使用 Kling 3.0 进行生成或制作动画的指令时触发。

使用 Expo DOM 组件在原生平台的 webview 中运行 Web 代码，并在 Web 端按原样运行。渐进式将 Web 代码迁移至原生平台。

掌握 iOS 人机交互指南与 SwiftUI 模式，以构建原生 iOS 应用。适用于设计 iOS 界面、实现 SwiftUI 视图，或……

掌握 Material Design 3 和 Jetpack Compose 模式，用于构建原生 Android 应用。适用于设计 Android 界面、实现 Compose UI，或……

提供针对 FPS、TTI、bundle size、内存泄漏、re-renders 和动画的 React Native 性能优化指南。适用于涉及……的任务。

专为移动应用打造的精英级图像生成技能，用于创建高质量、原生应用风格的界面概念与交互流程。适用于 iOS、Android 及跨平台移动端……

使用 Expo Modules API（Swift、Kotlin、TypeScript）创建和编写 Expo 原生模块与视图的指南。涵盖模块定义 DSL、原生……

通过应用 rn-diff-purge 模板差异、更新 package.json 依赖项、迁移原生 iOS 和 Android……来将 React Native 应用升级到更新版本

为 X、LinkedIn、TikTok、YouTube、新闻通讯以及多平台复用营销活动创建平台原生内容系统。当用户想要社交……时使用。

Home Assistant 自动化、辅助元素、脚本、设备控制和仪表盘的最佳实践。在以下情况触发此技能： - 创建/编辑自动化、脚本、场景或仪表盘 - 在模板传感器和内置辅助元素之间做选择 - 编写或重构触发器、条件或自动化模式 - 设置 Zigbee 按钮/遥控器自动化（ZHA 或 Zigbee2MQTT） - 重命名实体或将 device_id 迁移为 entity_id - 配置仪表盘卡片或选择辅助元素为其提供数据 - 查询卡片类型或特定领域的文档 症状： - 智能体在存在原生条件/触发器/辅助元素的地方使用了 Jinja2 模板 - 智能体使用 device_id 而不是 entity_id - 智能体在未检查依赖项的情况下修改实体 ID - 智能体选择了错误的自动化模式（例如，运动感应灯使用了 single 模式） - 智能体硬编码值，或选择原始传感器而非派生辅助元素 - 智能体编辑 `.storage/` 文件、编写原始 YAML 或生成 YAML 代码片段 - 智能体告诉用户为通过 UI 配置的集成编辑 configuration.yaml