Agent skill

React Native Generate Skill

React Native 项目一键初始化技能。面向零基础小白，提供环境探测、自动安装、完整 React Native 移动端骨架生成、一键启动/打包脚本、所需依赖包规范文档。触发词："React Native 脚手架"、"React Native 一键生成"、"初始化 React Native 项目"、"React Native 快速开始"、"reactnative init"、"搭建…

Apache-2.0Auto-check passedMobile

Install React Native Generate Skill

skills CLI

$ npx skills add jiushiwon/wg-skills --skill react-native-generate-skill -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI

$ gh skill install jiushiwon/wg-skills react-native-generate-skill --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy

$ git clone --depth 1 https://github.com/jiushiwon/wg-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/vibeCoding/frontend/react/react-native-generate-skill .claude/skills/react-native-generate-skill && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Paste into Claude Code

Install the "react-native-generate-skill" agent skill from https://github.com/jiushiwon/wg-skills/tree/main/vibeCoding/frontend/react/react-native-generate-skill into .claude/skills/react-native-generate-skill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "react-native-generate-skill", then confirm the skill loads.

Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

$skill-installer

$skill-installer install https://github.com/jiushiwon/wg-skills/tree/main/vibeCoding/frontend/react/react-native-generate-skill

Type this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.

skills CLI

$ npx skills add jiushiwon/wg-skills --skill react-native-generate-skill -a codex

Project install goes to .agents/skills/; add -g for ~/.codex/skills/.

GitHub CLI

$ gh skill install jiushiwon/wg-skills react-native-generate-skill --agent codex

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/jiushiwon/wg-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/vibeCoding/frontend/react/react-native-generate-skill .agents/skills/react-native-generate-skill && rm -rf skills-src

Use ~/.agents/skills/ instead of .agents/skills for a personal install.

Codex skills documentation · loads skills from .agents/skills/

Paste into Codex

Install the "react-native-generate-skill" agent skill from https://github.com/jiushiwon/wg-skills/tree/main/vibeCoding/frontend/react/react-native-generate-skill into .agents/skills/react-native-generate-skill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "react-native-generate-skill", then confirm the skill loads.

Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add jiushiwon/wg-skills --skill react-native-generate-skill -a cursor

Project install goes to .agents/skills/; add -g for ~/.cursor/skills/.

GitHub CLI

$ gh skill install jiushiwon/wg-skills react-native-generate-skill --agent cursor

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/jiushiwon/wg-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/vibeCoding/frontend/react/react-native-generate-skill .cursor/skills/react-native-generate-skill && rm -rf skills-src

Use ~/.cursor/skills/ instead of .cursor/skills for a personal install.

Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/

Paste into Cursor

Install the "react-native-generate-skill" agent skill from https://github.com/jiushiwon/wg-skills/tree/main/vibeCoding/frontend/react/react-native-generate-skill into .cursor/skills/react-native-generate-skill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "react-native-generate-skill", then confirm the skill loads.

Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

gemini skills install

$ gemini skills install https://github.com/jiushiwon/wg-skills.git --path vibeCoding/frontend/react/react-native-generate-skill

--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.

skills CLI

$ npx skills add jiushiwon/wg-skills --skill react-native-generate-skill -a gemini-cli

Project install goes to .agents/skills/; add -g for ~/.gemini/skills/.

GitHub CLI

$ gh skill install jiushiwon/wg-skills react-native-generate-skill --agent gemini-cli

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/jiushiwon/wg-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/vibeCoding/frontend/react/react-native-generate-skill .gemini/skills/react-native-generate-skill && rm -rf skills-src

Use ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.

Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/

Paste into Gemini CLI

Install the "react-native-generate-skill" agent skill from https://github.com/jiushiwon/wg-skills/tree/main/vibeCoding/frontend/react/react-native-generate-skill into .gemini/skills/react-native-generate-skill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "react-native-generate-skill", then confirm the skill loads.

Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

GitHub CLI

$ gh skill install jiushiwon/wg-skills react-native-generate-skill

Installs for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).

skills CLI

$ npx skills add jiushiwon/wg-skills --skill react-native-generate-skill -a github-copilot

Project install goes to .agents/skills/; add -g for ~/.copilot/skills/.

Manual copy

$ git clone --depth 1 https://github.com/jiushiwon/wg-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/vibeCoding/frontend/react/react-native-generate-skill .github/skills/react-native-generate-skill && rm -rf skills-src

Use ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.

GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/

Paste into GitHub Copilot

Install the "react-native-generate-skill" agent skill from https://github.com/jiushiwon/wg-skills/tree/main/vibeCoding/frontend/react/react-native-generate-skill into .github/skills/react-native-generate-skill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "react-native-generate-skill", then confirm the skill loads.

GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add jiushiwon/wg-skills --skill react-native-generate-skill -a opencode

OpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.

GitHub CLI

$ gh skill install jiushiwon/wg-skills react-native-generate-skill --agent opencode

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/jiushiwon/wg-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/vibeCoding/frontend/react/react-native-generate-skill .opencode/skills/react-native-generate-skill && rm -rf skills-src

Use ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.

OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/

Paste into OpenCode

Install the "react-native-generate-skill" agent skill from https://github.com/jiushiwon/wg-skills/tree/main/vibeCoding/frontend/react/react-native-generate-skill into .opencode/skills/react-native-generate-skill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "react-native-generate-skill", then confirm the skill loads.

OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

Facts

Skill name: react-native-generate-skill
GitHub stars: 110
Token cost: ~1.7k tokens
SKILL.md length: 336 words
Files: 6 (incl. references)
Skills in repo: 121
Repo updated: Oct 4, 2026
First seen: Oct 7, 2026
Licence: Apache-2.0

At a glance

Works in 5 steps: 检测 Node.js 是否安装（需 >= 18 LTS） → 检测 Java JDK（Android 开发需要 JDK 17+） → 检测 Android Studio / SDK（Android 开发） → …
Tasks that involve Cross-platform mobile apps
SKILL.md covers 与其他前端初始化技能的区别, 依赖, 核心能力清单（10 项） and 生成流程, plus 6 more sections
Calls npx and npm

What it does

React Native Generate Skill is an agent skill from jiushiwon/wg-skills. React Native 项目一键初始化技能。面向零基础小白，提供环境探测、自动安装、完整 React Native 移动端骨架生成、一键启动/打包脚本、所需依赖包规范文档。触发词："React Native 脚手架"、"React Native 一键生成"、"初始化 React Native 项目"、"React Native 快速开始"、"reactnative init"、"搭建 React Native 服务"、"React Native 移动端"、"React Native 零基础"、"React Native 小白"、"帮我搭一个 React Native"、"新建 React Native"、"create reactnative project"、"reactnative starter"。

Its SKILL.md is about 1.7k tokens, which your agent loads only when the skill is triggered. The skill folder holds 6 other files, including reference files (for example `README.md`, `references/navigation.md` and `references/packages.md`).

It sits in Mobile, covering Cross-platform mobile apps. It works with React Native, React, Android and Java. The licence is Apache-2.0.

When your agent uses it

Tasks that involve Cross-platform mobile apps

Example prompts

“React Native 脚手架”
“React Native 一键生成”
“初始化 React Native 项目”
“/react-native-generate-skill”

Requirements

Node.js

Workflow steps

5 steps, taken from the first numbered list in SKILL.md.

检测 Node.js 是否安装（需 >= 18 LTS）
检测 Java JDK（Android 开发需要 JDK 17+）
检测 Android Studio / SDK（Android 开发）
检测 Xcode（macOS iOS 开发）
若未安装：给出明确的中文提示 + 下载链接

What it can do on your machine

Read from SKILL.md and the folder at commit a4a640b. It shows what the files ask for, not the result of running them.

Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Shell commands in SKILL.md call:
- npx
- npm
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use npx and npm, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

React Native Generate Skill loads about 1.7k tokens when it runs, and up to ~12k if it reads all its reference files. Until then it costs about 97 tokens; SKILL.md has 336 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it: ~97
When it runs · the whole SKILL.md, loaded when a task matches: ~1.7k
With references · SKILL.md plus every file in references/, read only if the agent opens them: ~12k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from jiushiwon/wg-skills at commit a4a640b, republished under its Apache-2.0 licence (© jiushiwon). 336 words, ~1,694 tokens.

Download SKILL.mdSave it as .claude/skills/react-native-generate-skill/SKILL.md (or your agent's skills folder). This skill also uses 5 other files; get the full folder from GitHub.

name: react-native-generate-skill
description: React Native 项目一键初始化技能。面向零基础小白，提供环境探测、自动安装、完整 React Native 移动端骨架生成、一键启动/打包脚本、所需依赖包规范文档。触发词："React Native 脚手架"、"React Native 一键生成"、"初始化 React Native 项目"、"React Native 快速开始"、"reactnative init"、"搭建 React Native 服务"、"React Native 移动端"、"React Native 零基础"、"React Native 小白"、"帮我搭一个 React Native"、"新建 React Native"、"create reactnative project"、"reactnative starter"。

React Native Init Skill

面向完全不懂编程的小白，一键生成标准化、开箱即用的 React Native 移动端应用骨架。

与其他前端初始化技能的区别

维度	vue-generate-skill	electron-vue3-skill	本 skill
目标用户	零基础小白	零基础小白	零基础小白
运行环境	浏览器	桌面端	移动端（iOS/Android）
框架	Vue3	Vue3 + Electron	React Native
环境安装	自动检测	自动检测	自动检测 + 复杂依赖（Java/Android SDK/Xcode）
打包	npm run build	electron-builder	Expo / react-native-cli
平台	Web	Windows/macOS/Linux	iOS + Android
交互次数	2个问题	2个问题	3个问题

不重复造轮子：请求层复用 frontend-request-skill（如有 API 需求）；React 部分遵循 React 社区最佳实践。

依赖

Java JDK：Android 开发需要 JDK 17+
Android Studio：Android SDK 管理
Xcode（macOS）：iOS 开发
Node.js：>= 18 LTS
npm / yarn：包管理

核心能力清单（10 项）

#	能力	说明
1	环境探测	自动检测 Node.js、Java、Android SDK、Xcode（macOS）环境
2	自动安装	初始化项目、安装依赖、检查环境兼容性
3	Expo 推荐	默认使用 Expo（简化配置）
4	一键启动	`npx expo start`：启动开发服务器
5	开发模式	热重载、Expo Go 实时预览
6	生产打包	`npx expo build:android` / `npx expo build:ios`
7	导航	React Navigation 配置
8	状态管理	Zustand / Context API
9	UI 组件	React Native 基础组件
10	网络请求	Fetch / axios 配置

生成流程

第一步：询问用户（只问 3 个问题）

1. 项目名叫什么？（默认 my-rn-app）
2. 使用 Expo 还是 React Native CLI？（默认 Expo，推荐）
3. 需要哪些常用依赖？（如 React Navigation、状态管理、UI 库等）

不做：不问技术细节——全部自动选最佳实践。

第二步：环境探测

按 references/env-setup.md 流程执行：

检测 Node.js 是否安装（需 >= 18 LTS）
检测 Java JDK（Android 开发需要 JDK 17+）
检测 Android Studio / SDK（Android 开发）
检测 Xcode（macOS iOS 开发）
若未安装：给出明确的中文提示 + 下载链接

第三步：生成项目骨架

按 references/skeleton.md 的目录结构与代码模板，现场生成全部文件。

生成顺序：

创建项目（Expo 推荐）
安装核心依赖
配置导航
配置状态管理
创建示例页面
写入项目说明（README.md）

第四步：自动安装与启动

生成完成后：

运行 npm install
提示用户运行 npx expo start 启动

第五步：交付清单

向用户汇报完整交付物：

✅ 项目 {{project}} 生成完毕！

📁 生成的文件：
  - 项目配置：app.json, package.json, tsconfig.json
  - 入口文件：App.tsx
  - 页面示例：src/screens/HomeScreen.tsx
  - 导航配置：src/navigation/AppNavigator.tsx
  - 状态管理：src/store/index.ts
  - 工具函数：src/utils/*

🚀 启动方式：
  开发模式：  npx expo start        （按 i 启动 iOS，a 启动 Android）
  Web预览：   npx expo start --web

📦 打包命令：
  Android：   npx expo build:android
  iOS：      npx expo build:ios（需要 Apple 开发者账号）

📱 运行方式：
  1. 手机安装 Expo Go
  2. 扫描终端显示的二维码
  3. 即可实时预览

⚠️ 环境要求：
  Android 开发：JDK 17+、Android Studio
  iOS 开发：macOS + Xcode

依赖包规范

必需依赖

json

{
  "dependencies": {
    "react": "19.0.0",
    "react-native": "0.86.2"
  }
}

常用依赖（按需选择）

类别	包名	版本	说明
导航	@react-navigation/native	^7.3.0	导航核心
导航	@react-navigation/native-stack	^7.3.0	堆栈导航
导航	@react-navigation/bottom-tabs	^7.3.0	底部标签导航
导航	react-native-screens	^4.10.0	导航性能优化
导航	react-native-safe-area-context	^5.3.0	安全区域
状态	zustand	^5.0.0	轻量状态管理
状态	@react-native-async-storage/async-storage	^2.1.0	持久化存储
UI	react-native-paper	^5.15.0	Material Design 组件
UI	react-native-vector-icons	^10.0.0	图标库
UI	@react-native-vector-icons/material-design-icons	^10.0.0	Material 图标
UI	react-native-linear-gradient	^2.8.0	渐变背景
网络	axios	^1.7.0	HTTP 客户端
表单	react-hook-form	^7.x	表单处理
类型	typescript	^5.x	TypeScript

重要：React Navigation 7.x 需要配合 react-native-screens 4.x 和 react-native-safe-area-context 5.x 使用

生成项目的目录结构

{{project}}/
├── App.tsx                    # 应用入口（Provider 包裹）
├── app.json                  # Expo / RN 配置
├── package.json              # 依赖配置
├── tsconfig.json            # TypeScript 配置
├── babel.config.js          # Babel 配置
├── metro.config.js           # Metro 打包配置
├── android/                  # Android 原生项目
├── ios/                      # iOS 原生项目
└── src/
    ├── assets/               # 静态资源
    │   └── images/
    ├── components/           # 通用组件
    │   ├── common/          # 基础组件（AppScreen, AppTextInput, AppScrollView）
    │   └── business/        # 业务组件
    ├── config/               # 配置
    │   └── env.ts           # 环境配置
    ├── data/                # 静态数据
    ├── hooks/               # 自定义 Hooks
    ├── navigation/          # 导航配置
    │   ├── AppTabs.tsx     # 底部标签导航
    │   ├── RootNavigator.tsx # 根导航（根据登录态切换）
    │   ├── navigationRef.ts # 导航引用
    │   └── types.ts         # 类型定义
    ├── screens/             # 页面
    │   ├── auth/           # 认证相关
    │   │   └── LoginScreen.tsx
    │   ├── common/         # 通用页面
    │   │   ├── SplashScreen.tsx
    │   │   ├── ForbiddenScreen.tsx
    │   ├── home/           # 首页
    │   │   └── HomeScreen.tsx
    │   └── mine/           # 我的页
    │       └── MineScreen.tsx
    ├── services/            # API 服务
    │   ├── http.ts         # axios 封装
    │   └── auth.ts         # 登录 API
    ├── store/               # 状态管理（Zustand）
    │   ├── authStore.ts    # 登录态
    │   ├── toastStore.ts   # Toast 提示
    │   └── sessionStore.ts # 会话
    ├── theme/               # 主题系统
    │   ├── colors.ts       # 颜色
    │   ├── typography.ts   # 字体
    │   ├── spacing.ts      # 间距
    │   └── index.ts        # 统一导出
    ├── types/               # 类型定义
    └── utils/               # 工具函数

完整目录结构和代码模板见 references/skeleton.md

引用索引

文件	内容
`references/skeleton.md`	完整目录结构 + 核心文件代码模板（App.tsx、LoginScreen、导航、Store）
`references/packages.md`	依赖包规范、版本建议（React Navigation 7.x、Zustand 5.x）
`references/navigation.md`	React Navigation 7.x 配置、根导航 + 底部 Tab
`references/state-management.md`	Zustand 5.x + AsyncStorage 持久化方案

红线（不可绕过）

必须进行环境探测：React Native 环境配置复杂，生成前必须检查用户环境。
推荐使用 Expo：降低配置复杂度，除非用户明确要原生模块。
所有注释、文档用中文：目标用户是中文小白。
不替用户提交 git。
必须提供依赖包规范：将所需的包以规范形式写入 references/packages.md。

触发关键词清单

React Native 脚手架、React Native 一键生成、初始化 React Native 项目、React Native 快速开始、
reactnative init、搭建 React Native 移动端、React Native 骨架、React Native 开箱即用、
React Native 零基础、React Native 小白、帮我搭一个 React Native、新建 React Native、
create reactnative project、reactnative starter、RN 脚手架

不做

不生成与 vue-generate-skill / electron-vue3-skill 完全相同的骨架（本 skill 是 React Native 移动端版本）
不跳过环境探测（RN 环境配置复杂）
不负责安装系统级依赖（Java、Android Studio、Xcode）
不锁定版本号
不替用户提交 git
不加未请求的功能（如推送、地图——除非用户明确说要）

Files

SKILL.md and 5 other files (references) in vibeCoding/frontend/react/react-native-generate-skill of jiushiwon/wg-skills.

SKILL.md
README.md
references/navigation.md
references/packages.md
references/skeleton.md
references/state-management.md

Open the folder on GitHubat commit a4a640b

Compare with similar skills

React Native Generate Skill next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

React Native Generate Skill compared with similar skills
Skill	Stars	Used in	Tokens	Auto-check	Licence	Repo updated
React Native Generate Skill this skilljiushiwon/wg-skills	110	—	~1.7k	Automated safety check: Pass	Apache-2.0	3 days ago
Screenmapaleqsio/screenmap	239	—	~7.2k	Automated safety check: Pass	MIT	3 days ago
ThemingCode-with-Beto/skills	141	—	~2.5k	Automated safety check: Pass	None	2 mo ago
Data Client Setupreactive/data-client	2k	—	~2.2k	Automated safety check: Pass	Apache-2.0	today
Fishjam React Native Clientsoftware-mansion-labs/skills	291	—	~1.9k	Automated safety check: Pass	MIT	9 days ago
Expoericrisco/rsc-harness	156	—	~2.9k	Automated safety check: Notes	MIT	yesterday

Similar skills

Screenmap
aleqsio/screenmap
Generate a visual navigation map of an Expo / React Native or NativeScript app.
239 GitHub stars~7.2k tokensUpdated 3 days ago
MobileAuto-check passed
Theming
Code-with-Beto/skills
Scaffold a unified, cross-platform color theme system into an Expo Router app.
141 GitHub stars~2.5k tokensUpdated 2 mo ago
MobileAuto-check passed
Data Client Setup
reactive/data-client
Install and set up @data-client/react or @data-client/vue in a project.
2k GitHub stars~2.2k tokensUpdated today
MobileAuto-check passed
Fishjam React Native Client
software-mansion-labs/skills
React Native / Expo SDK for Fishjam — video/audio streaming on iOS and Android.
291 GitHub stars~1.9k tokensUpdated 9 days ago
MobileAuto-check passed
Expo
ericrisco/rsc-harness
A skill your agent uses when shipping a React Native app with Expo — EAS Build/Submit/Update, eas.json profiles and channels, config plugins, prebuild/CNG, runtime-version policy, OTA updates that…
156 GitHub stars~2.9k tokensUpdated yesterday
MobileAuto-check: notes
Olore Rive Latest
olorehq/olore
Local Rive documentation reference (latest). An agent skill from olorehq/olore.
103 GitHub stars~465 tokensUpdated yesterday
MobileAuto-check passed

More from jiushiwon/wg-skills

All 121 skills in this repo

Frontend UI Foundry
jiushiwon/wg-skills
A skill your agent uses when generating UI for a specific scenario (mobile/PC/官网/管理端/营销页/文档/金融/原生/3D), when refactoring an existing HTML/Vue/React project to a unified design system, when extracting…
110 GitHub stars~1.4k tokensUpdated 3 days ago
Auto-check passed
Workflow Diagram Skill
jiushiwon/wg-skills
A skill your agent uses when 用户想用一句话生成流程图、工作流图解、开发流程图、AI 流程图或任何步骤型图解，支持多风格输出（flat icon / 暖白手账风 / dark / cute），并提供现成模板一键出图。
110 GitHub stars~1.2k tokensUpdated 3 days ago
Auto-check passed
Uniapp App Generate Skill
jiushiwon/wg-skills
This skill should be used when the user wants to create a standardized uni-app project for WeChat mini-program, H5, and App from scratch.
110 GitHub stars~5k tokensUpdated 3 days ago
Auto-check: notes
Fastapi Init Skill
jiushiwon/wg-skills
FastAPI 项目一键初始化技能。面向零基础小白，提供环境探测、自动安装、完整 Web 骨架生成、SSE 流式框架、JWT 鉴权、统一响应封装、文件上传接口、一键启动/重启脚本、Swagger 文档，内置 MySQL（默认）/ PostgreSQL / MongoDB 数据库选择。用户只需说"帮我搭一个 FastAPI 项目"即可一条命令完成从零到跑的完整链路。触发词："FastAPI…
110 GitHub stars~1.8k tokensUpdated 3 days ago
Auto-check: notes
Ffmpeg Skill
jiushiwon/wg-skills
FFmpeg 多媒体处理技能 — 将自然语言描述转为正确的 ffmpeg 命令，覆盖视频剪辑、转码、水印、合成、提取、生成等操作。内置一键安装脚本（Windows/Mac/Linux）。触发词：ffmpeg、视频剪辑、视频裁剪、视频转码、视频压缩、去水印、加水印、视频拼接、视频合成、提取音频、视频转…
110 GitHub stars~1.4k tokensUpdated 3 days ago
Auto-check passed
Frontend Request Skill
jiushiwon/wg-skills
A skill your agent uses when designing or reviewing the request layer of a frontend project (web / uni-app / mini-program), including request.ts wrappers, interceptors, deduplication, mocks, error…
110 GitHub stars~3.6k tokensUpdated 3 days ago
Auto-check passed

Works with

Questions about React Native Generate Skill

What does React Native Generate Skill do?

When should I use React Native Generate Skill?

React Native Generate Skill fits situations like: tasks that involve Cross-platform mobile apps.

How do I install React Native Generate Skill in Claude Code?

Run `npx skills add jiushiwon/wg-skills --skill react-native-generate-skill -a claude-code`. Or copy the skill folder (vibeCoding/frontend/react/react-native-generate-skill in jiushiwon/wg-skills) into .claude/skills/react-native-generate-skill in your project. Claude Code loads it when a task matches its description.

How do I install React Native Generate Skill in Codex?

Run `npx skills add jiushiwon/wg-skills --skill react-native-generate-skill -a codex`. Or copy the skill folder (vibeCoding/frontend/react/react-native-generate-skill in jiushiwon/wg-skills) into .agents/skills/react-native-generate-skill in your project. Codex loads it when a task matches its description.

Can I use React Native Generate Skill in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add jiushiwon/wg-skills --skill react-native-generate-skill -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/react-native-generate-skill, .gemini/skills/react-native-generate-skill, .github/skills/react-native-generate-skill and .opencode/skills/react-native-generate-skill in your project.

What does React Native Generate Skill need to run?

Going by SKILL.md and its folder, React Native Generate Skill needs the command-line tools its instructions call (npx and npm). Our summary lists: Node.js.

Does React Native Generate Skill access the network?

SKILL.md contains no URLs. Its commands use npx and npm, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is React Native Generate Skill safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does React Native Generate Skill use?

React Native Generate Skill is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does React Native Generate Skill use?

About 1.7k tokens (SKILL.md is roughly 6.8k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 10k tokens, read only when the agent opens those files.

What are the alternatives to React Native Generate Skill?

Skills that share tags, products or a category with React Native Generate Skill: Screenmap (aleqsio/screenmap, 239 stars), Theming (Code-with-Beto/skills, 141 stars), Data Client Setup (reactive/data-client, 2k stars) and Fishjam React Native Client (software-mansion-labs/skills, 291 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains React Native Generate Skill?

jiushiwon (a GitHub user) maintains it in jiushiwon/wg-skills, which has 110 GitHub stars. The repository holds 121 skills in this directory. The repository was last updated on October 4, 2026.

Source: jiushiwon/wg-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.

Install React Native Generate Skill

Facts

At a glance

What it does

When your agent uses it

Example prompts

Requirements

Workflow steps

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

React Native Init Skill

与其他前端初始化技能的区别

依赖

核心能力清单（10 项）

生成流程

第一步：询问用户（只问 3 个问题）

第二步：环境探测

第三步：生成项目骨架

第四步：自动安装与启动

第五步：交付清单

依赖包规范

必需依赖

常用依赖（按需选择）

生成项目的目录结构

引用索引

红线（不可绕过）

触发关键词清单

不做

Files

Compare with similar skills

Similar skills

More from jiushiwon/wg-skills

Related

Questions about React Native Generate Skill