AgentHubAgentHub

react-native-expert

SkillSkillsMP

io.github.tech-leads-club/agent-skills/react-native-expert · vmain

Senior React Native and Expo engineer for building production-ready cross-platform mobile apps. Use when building React Native components, implementing navigation with Expo Router, optimizing list and scroll performance, working with animations via Reanimated, handling platform-specific code (iOS/Android), integrating native modules, or structuring Expo projects. Triggers on React Native, Expo, mobile app, iOS app, Android app, cross-platform, native module, FlatList, FlashList, LegendList, Reanimated, Expo Router, mobile performance, app store. Do NOT use for Flutter, web-only React, or backend Node.js tasks.

概览

react-native-expert 是一个Agent Skill,收录自 SkillsMP。本页提供 Cursor、Claude Code 等客户端的安装配置片段。

Agent Skill 是带 SKILL.md 的指令包。安装后,AI 会根据 description 在匹配任务时自动加载,无需每次手动粘贴提示词。

安装

选择你的平台查看安装方式

# 通用 CLI(Cursor / Claude Code / Codex 等均支持)
npx skills add tech-leads-club/agent-skills@react-native-expert

使用方式

安装完成后,在对话中直接描述你的任务(或提及技能名称)。Agent 会先读取 SKILL.md 的 description 判断是否启用,再按其中的步骤执行。可用 /skills(Claude Code)或在设置中查看已加载的 Skills。

相关资源

统一 Manifest

{
  "id": "io.github.tech-leads-club/agent-skills/react-native-expert",
  "type": "skill",
  "version": "main",
  "displayName": "react-native-expert",
  "description": "Senior React Native and Expo engineer for building production-ready cross-platform mobile apps. Use when building React Native components, implementing navigation with Expo Router, optimizing list and scroll performance, working with animations via Reanimated, handling platform-specific code (iOS/Android), integrating native modules, or structuring Expo projects. Triggers on React Native, Expo, mobile app, iOS app, Android app, cross-platform, native module, FlatList, FlashList, LegendList, Reanimated, Expo Router, mobile performance, app store. Do NOT use for Flutter, web-only React, or backend Node.js tasks.",
  "author": {
    "name": "tech-leads-club",
    "url": "https://github.com/tech-leads-club"
  },
  "repository": {
    "url": "https://github.com/tech-leads-club/agent-skills",
    "source": "github",
    "subfolder": "packages/skills-catalog/skills/(development)/react-native-expert"
  },
  "homepage": "https://skillsmp.com/skills/tech-leads-club-agent-skills-packages-skills-catalog-skills-development-react-native-expert-skill-md",
  "distribution": {
    "packages": [
      {
        "registryType": "source",
        "identifier": "tech-leads-club/agent-skills@react-native-expert",
        "version": "main",
        "runtimeHint": "npx skills add"
      }
    ],
    "remotes": []
  },
  "dependencies": [],
  "installTargets": [
    "claude-code",
    "claude-desktop",
    "cursor",
    "codex",
    "vscode"
  ],
  "keywords": [
    "stars:4559"
  ],
  "provenance": {
    "origin": "skillsmp",
    "originalId": "tech-leads-club-agent-skills-packages-skills-catalog-skills-development-react-native-expert-skill-md",
    "originalUrl": "https://skillsmp.com/skills/tech-leads-club-agent-skills-packages-skills-catalog-skills-development-react-native-expert-skill-md",
    "isOfficial": false,
    "status": "active"
  }
}
react-native-expert — Agent Skill 安装与配置 · AgentHub