Token导航 LogoToken导航

Agent Skill · 前端设计

build-nitro-modules(构建硝基模块)

build-nitro-modules 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息,适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态,以及是否会触发联网、命令执行或文件读写。

build-nitro-modules 是前端设计类 Agent Skill,可用宿主为 Codex、Claude、Cursor、Gemini CLI,通过GitHub 仓库获取,权限为需要联网;许可证信息还不明确,第三方扫描有提醒项,按安装量在前端设计类的 10,216 个 Skill 里排第 7,875。

总安装 333周安装 14GitHub Stars 35下载 116核验 2026-05-01

安装说明

本站只整理中文说明,不托管安装包,也不代用户安装。
GitHub
许可证
unknown

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:build-nitro-modules(构建硝基模块)
来源仓库:https://github.com/riteshshukla04/agent-skills
仓库路径:skills/build-nitro-modules
安装命令:
npx skills add https://github.com/riteshshukla04/agent-skills --skill build-nitro-modules
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。该命令会通过 npx skills 从第三方来源获取 Skill;本站只展示命令,不托管安装包,也不自动执行。

skills.shnpx skills
npx skills add https://github.com/riteshshukla04/agent-skills --skill build-nitro-modules

这个 Skill 是做什么的

前端设计类 Skill 关注页面结构、视觉规范和组件写法,输出通常是可运行的界面代码。

用于构建 React Native Nitro Modules,涵盖 monorepo 搭建、原生代码生成和平台实现。适合在 Codex、Claude、Cursor、Gemini CLI 中开发高性能原生模块,使用 nitrogen 进行 codegen。

通过 npx skills add 命令从 GitHub 安装,需遵循 spec 文件规范,勿修改生成目录内容。注意权限范围和维护状态,避免触发不必要的联网、命令执行或文件写入操作。build-nitro-modules 属于前端设计类 Skill,可作为该场景下的辅助能力补充。

来源仓库内路径:skills/build-nitro-modules

上手步骤

4 步
  1. 1

    确认自己的宿主工具

    公开资料标注支持 Codex、Claude、Cursor、Gemini CLI;先确认自己用的是其中之一,再按对应工具的 Skills 目录放置。

  2. 2

    拿到安装命令

    可以直接复制的命令是 npx skills add https://github.com/riteshshukla04/agent-skills --skill build-nitr…;命令里的占位符换成自己的路径或密钥再执行。

  3. 3

    安装后重启宿主

    命令执行完要完全退出宿主工具再打开,让新装的 Skill 被重新扫描到,否则列表里可能看不到。

  4. 4

    按最小权限试用

    它需要需要联网,先在测试目录或测试账号里跑,确认没问题再放到正式项目。

常见问题

6 条

build-nitro-modules 怎么安装?

在终端执行 npx skills add https://github.com/riteshshukla04/agent-skills --skill build-nitro-modules。装完完全退出宿主工具再打开,让它重新扫描本地 Skill。

build-nitro-modules 支持哪些 AI 工具?

公开资料标注支持 Codex、Claude、Cursor、Gemini CLI。其他工具只要能读取本地 Skill 目录,一般也能手动放进去,但要自己确认触发方式是否一致。

build-nitro-modules 需要什么权限?

权限级别是需要联网。该 Skill 可能需要联网访问来源站点、仓库或外部 API;具体网络访问范围需要结合源码和 README 复核。

build-nitro-modules 是免费的吗?

公开资料没有标注明确许可证,收费和商用限制都无法确认。正式使用前请到来源仓库核对授权说明。

build-nitro-modules 用的人多吗?

公开数据是累计安装 333 次,近一周安装 14 次,下载 116 次,GitHub 35 星。这些数字来自第三方目录统计,只能当作热度参考,不代表质量或安全性。

build-nitro-modules 安全吗?

第三方扫描有提醒项,说明存在需要人工确认的行为。安装前请打开源码看清它读了什么、联网到哪里。

值得选的地方和要先想清楚的地方

值得选的地方

  • 同时适配 4 种工具,换客户端不用重新找替代品。

先想清楚的地方

  • 许可证没有明确标注,能不能商用、能不能再分发都不确定。
  • 第三方扫描存在提醒项或未通过项,需要人工逐条确认。
  • 第三方目录整理,版本更新和行为细节以来源仓库为准。

适不适合你

更适合

  • 已经在用 Codex,想直接扩展它能力的人。
  • 需要处理前端设计类任务、又不想每次都手写提示词的人。

不太适合

  • 需要明确授权才能用到公司项目里的场景。
  • 需要厂商级技术支持和 SLA 的生产系统。

前端设计类 Skill 对比

6 个同类
Skill总安装GitHub 星权限许可证扫描
frontend-design

前端设计 · Codex、Claude

8,823,360126,072只读MIT通过
vercel-composition-patterns

Vercel 组合模式 · Codex、Claude

3,858,81625,893需要联网MIT通过
vercel-react-native-skills

Vercel React native skills 前端 · Codex、Claude

2,468,66425,878只读MIT通过
adapt

adapt 搜索 · Codex、Claude

2,027,04023,125操作浏览器未明确通过
bolder

bolder 分析 · Codex、Claude

2,004,28823,130只读未明确通过
build-nitro-modules

构建硝基模块 · 本页

33335需要联网未明确有提醒

按安装量取同分类前几名;数字来自第三方目录统计,只作热度参考,不代表质量结论。

SKILL.md 原文

Build Nitro Modules

Overview

End-to-end skill for building a React Native Nitro Module: monorepo scaffolding via Nitrogen, TypeScript HybridObject spec authoring, native code generation, platform implementation (C++/Swift/Kotlin), example app wiring, and publish preparation.

Nitro Modules use a codegen pipeline (nitrogen) that reads .nitro.ts spec files and generates native C++/Swift/Kotlin boilerplate. You then fill in the implementation. This is fundamentally different from old-style turbo modules.

NEVER modify any file inside nitrogen/generated/. These files are fully regenerated every time npx nitrogen runs — any manual edits will be silently overwritten. Always edit only the .nitro.ts spec file, then re-run nitrogen to regenerate.

Ask First — Before Doing Anything

First, determine what the user wants to do:

"Are you creating a new Nitro Module library from scratch, or adding a new HybridObject to an existing library?"

If creating a new library — ask all of these before any command:

  1. Library name — What should the library be called? (e.g. react-native-math)
  2. Monorepo with packages/ folder — Should the library live in packages/<name> inside a monorepo? *(Strongly recommended — default: yes)*
  3. Example app — Should an example app be created to test the module? *(Recommended — default: yes)*
  4. Native languages — Which platforms and languages?

- iOS: swift (default) or cpp - Android: kotlin (default) or cpp - Cross-platform C++ only: both cpp

  1. Module purpose — Briefly describe what the module does so the correct spec methods can be designed

Do not proceed past Step 1 of the build sequence until all five questions are answered.

If adding a HybridObject to an existing library — ask only:

  1. HybridObject name — What should the new HybridObject be called? (e.g. Camera, Crypto)
  2. Native languages — iOS: swift or cpp? Android: kotlin or cpp?
  3. Purpose — What does this HybridObject do?

Then skip directly to spec-hybrid-object.md (write the spec), spec-nitro-json.md (add autolinking entry), native-nitrogen-codegen.md (re-run nitrogen), and the relevant native implementation file. Skip all setup, monorepo, and example app steps.

Typical Build Sequence

# 1. Scaffold
npx nitrogen@latest init react-native-math

# 2. Run codegen (from package folder after writing spec + nitro.json)
cd packages/react-native-math && npx nitrogen

# 3. Create example app
npx @react-native-community/cli@latest init --skip-install MathExample

# 4. Install and test
cd example && bun add ../packages/react-native-math
bun add react-native-nitro-modules
bun example android
bun example ios

Full step-by-step references below.

When to Apply

Reference these guidelines when:

  • Creating any new React Native native module using the Nitro framework
  • Writing HybridObject TypeScript specs (*.nitro.ts files)
  • Running Nitrogen codegen and implementing generated interfaces
  • Setting up a monorepo example app for a Nitro library
  • Configuring Android Gradle paths for a monorepo structure
  • Debugging autolinking failures or missing generated files
  • Preparing a Nitro module package for npm publishing

Priority-Ordered Guidelines

PriorityCategoryImpactReference
1Monorepo scaffoldCRITICALsetup-monorepo-init.md
2HybridObject specCRITICALspec-hybrid-object.md
3nitro.json autolinkingCRITICALspec-nitro-json.md
4Nitrogen codegenHIGHnative-nitrogen-codegen.md
5C++ implementationHIGHnative-implement-cpp.md
6Kotlin implementationHIGHnative-implement-kotlin.md
7Swift implementationHIGHnative-implement-swift.md
8Example app setup *(if requested)*HIGHexample-app-setup.md
9Android Gradle paths *(if example app)*HIGHexample-android-config.md
10Metro + install + test *(if example app)*HIGHexample-metro-install.md
11npm publish prepMEDIUMspec-package-publish.md

Quick Reference

Minimum HybridObject Spec (src/specs/Math.nitro.ts)

import { type HybridObject, NitroModules } from 'react-native-nitro-modules'

interface Math extends HybridObject<{ ios: 'swift'; android: 'kotlin' }> {
  add(a: number, b: number): number
}

const math = NitroModules.createHybridObject<Math>('Math')
export { math }

Minimum nitro.json

{
  "$schema": "https://nitro.margelo.com/nitro.schema.json",
  "cxxNamespace": ["math"],
  "ios": { "iosModuleName": "ReactNativeMath" },
  "android": {
    "androidNamespace": ["math"],
    "androidCxxLibName": "ReactNativeMath"
  },
  "autolinking": {
    "Math": { "swift": "HybridMath", "kotlin": "HybridMath" }
  }
}

Root package.json Scripts

{
  "scripts": {
    "specs": "bun --cwd packages/react-native-math run specs",
    "example": "bun --cwd example"
  }
}

Run: bun example android, bun example ios, bun specs

References

FileDescription
setup-monorepo-init.mdMonorepo workspace structure and nitrogen init scaffold
spec-hybrid-object.mdWriting *.nitro.ts specs and exporting HybridObjects
spec-nitro-json.mdnitro.json all fields, autolinking, namespace configuration
native-nitrogen-codegen.mdRunning Nitrogen and verifying generated files
native-implement-cpp.mdImplementing HybridObjects in C++
native-implement-kotlin.mdImplementing HybridObjects in Kotlin (Android)
native-implement-swift.mdImplementing HybridObjects in Swift (iOS)
example-app-setup.mdRN CLI example app init, workspace wiring, version alignment
example-android-config.mdsettings.gradle and build.gradle monorepo path fixes
example-metro-install.mdMetro watchFolders, library install, App.tsx usage, test runs
spec-package-publish.mdpackage.json author, files field, npm publish readiness

Problem → Skill Mapping

ProblemReferenceAction
Don't know where to startsetup-monorepo-init.mdScaffold with nitrogen init
Spec file syntax errorspec-hybrid-object.mdFix *.nitro.ts interface
Autolinking not workingspec-nitro-json.mdCheck nitro.json autolinking block
Nitrogen generates no filesnative-nitrogen-codegen.mdVerify spec file extension and run command from right dir
C++ types unclearnative-implement-cpp.mdFollow type reference links to canonical examples
Kotlin compilation errornative-implement-kotlin.mdCheck annotations and override modifiers
Swift compilation errornative-implement-swift.mdCheck class inheritance and property signatures
Example app won't build (Android)example-android-config.mdFix Gradle monorepo path configuration
Metro can't resolve libraryexample-metro-install.mdAdd watchFolders to metro.config.js
Version mismatch between example and packageexample-app-setup.mdAlign react-native versions across workspaces
Package missing files on npmspec-package-publish.mdFix files field in package.json

平台分布

Codex

36.35%
按下载量换算42

Claude

30.12%
按下载量换算35

Cursor

19.16%
按下载量换算22

Gemini CLI

8.73%
按下载量换算10

安全审计

Gen Agent Trust Hub

通过

Socket

可疑

Snyk

可疑

权限和风险

需要联网

该 Skill 可能需要联网访问来源站点、仓库或外部 API;具体网络访问范围需要结合源码和 README 复核。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。来源安全扫描存在提醒或未通过项,安装前请自行复核。目前只有一个公开来源,建议同时核对源仓库。

继续浏览同类 Skills