К основному содержанию
скилл CX Codex

create-react-native-library — скилл для Claude Code: каркас

Скилл помогает развернуть библиотеку React Native или локальный нативный модуль прямо в приложении и подсказывает, по какой инструкции идти дальше.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add callstackincubator/agent-skills --skill create-react-native-library -a claude-code
Открыть на GitHub

Что делает create-react-native-library

Скилл ведёт агента через create-react-native-library: сначала предлагает выбрать один из двух сценариев — отдельная библиотека, которую можно публиковать в npm, или локальная библиотека внутри уже существующего приложения. Дальше работа идёт по нужному файлу-инструкции из references/.

Внутри два справочника: scaffold-library.md для новой библиотеки с примером на Expo и local-library.md для локальной библиотеки с автолинковкой. Есть таблица соответствия задач и точек входа, так что агент не начинает с нуля. Скилл покрывает JS-библиотеки, нативные модули и нативные UI-компоненты.

Перед запуском стоит посмотреть актуальные флаги: npx create-react-native-library@latest --help. В примерах команда идёт с --no-interactive и --yes, то есть без вопросов в терминале — если не задать --description, --type и --languages, каркас получится не тем, что вы ждали. Это повод проверить параметры заранее.

Какие задачи решает

  • развернуть каркас новой React Native библиотеки для публикации в npm
  • добавить локальный нативный модуль в существующее приложение
  • обернуть нативный SDK и выставить его в JavaScript
  • сделать нативный UI-компонент, который рендерит нативные view
  • выбрать между отдельной библиотекой и локальной внутри приложения

Примеры запросов агенту

  • Создай новую React Native библиотеку awesome-library с turbo module и примером на Expo
  • Добавь локальный turbo module в моё приложение через create-react-native-library
  • Оберни нативный SDK в модуль и выстави его в JavaScript

Как установить create-react-native-library

1Через Skills CLI (Vercel)

npx skills add callstackincubator/agent-skills --skill create-react-native-library -a claude-code

2Вручную: положить файлы

~/.claude/skills/create-react-native-library/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/create-react-native-library/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Вопросы о create-react-native-library

Как установить create-react-native-library в Claude?

Выполните npx skills add callstackincubator/agent-skills --skill create-react-native-library -a claude-code. После этого файл скилла лежит в ~/.claude/skills/create-react-native-library/SKILL.md.

Что делает create-react-native-library?

Проводит агента по развёртыванию библиотеки React Native или локального нативного модуля и переключает на нужную инструкцию из references/.

Чем отличаются два сценария в скилле?

scaffold-library.md — для новой библиотеки, которую можно публиковать, с примером на Expo. local-library.md — для локальной библиотеки внутри существующего приложения с автолинковкой.

Исходный текст

SKILL.md · MIT
---
name: create-react-native-library
description: Scaffolds React Native libraries with create-react-native-library for standalone libraries or local native modules and views. Use when creating or working on React Native libraries or adding native functionality in an existing app.
license: MIT
---

# Create React Native Library

## Overview

Use this skill to scaffold a standalone React Native library or a local library inside an existing app, then continue with the correct implementation docs.

Examples:

- JS-only library that may use other React Native libraries
- Native modules that expose native functionality to JavaScript
- Native UI components that render native views in React Native

Choose one flow first:

- Use [scaffold-library.md][scaffold-library] when creating a new library that may be published to npm
- Use [local-library.md][local-library] when exposing native functionality in a React Native app

## When to Apply

Use this skill when:

- Creating or working on a React Native library with `create-react-native-library`
- Creating a native module or view in an existing app
- Wrapping native SDKs and exposing them to React Native

## Quick Reference

```bash
# Inspect current options before scaffolding
npx create-react-native-library@latest --help

# Scaffold a library with turbo modules and the Expo example app
npx create-react-native-library@latest awesome-library \
  --no-interactive \
  --yes \
  --description "A brief description of the library" \
  --type turbo-module \
  --languages kotlin-objc \
  --example expo

# Scaffold a local Turbo Module inside an existing app
cd MyApp
npx create-react-native-library@latest awesome-library \
  --local \
  --no-interactive \
  --yes \
  --description "A brief description of the library" \
  --type turbo-module \
  --languages kotlin-objc
```

## References

| File                                    | Description                                             |
| --------------------------------------- | ------------------------------------------------------- |
| [scaffold-library.md][scaffold-library] | Scaffold a new library and default to the Expo example  |
| [local-library.md][local-library]       | Add a local library to an existing app with autolinking |

## Problem -> Skill Mapping

| Problem                                      | Start With                           |
| -------------------------------------------- | ------------------------------------ |
| Need a new library scaffold                  | [scaffold-library][scaffold-library] |
| Need to add a local native library to an app | [local-library][local-library]       |

[scaffold-library]: references/scaffold-library.md
[local-library]: references/local-library.md

© callstackincubator · MIT · callstackincubator/agent-skills

Похожие скиллы

Всё по теме «Мобильная разработка» →
argent-react-native-app-workflow software-mansion Задаёт пошаговый процесс сборки, запуска и отладки React Native в симуляторе iOS или эмуляторе Android. Помогает поднять Metro и разобрать сбои билда. CX Codex +1 26 400установок react-native-expert https://github.com/Jeffallan Скилл для агентов ИИ-кодинга: помогает собирать мобильные приложения на React Native и Expo — навигация, нативные модули, скорость списков, код под iOS и Android. CX Codex +1 4 900установок sentry-react-native-sdk getsentry Скилл проводит агента через настройку Sentry в React Native и Expo: сканирует проект, предлагает набор функций и ведёт по шагам установки. CX Codex +1 4 100установок react-native-mmkv margelo Скилл подсказывает ИИ-ассистенту настоящие API react-native-mmkv: создание инстанса, хуки, шифрование, миграцию с AsyncStorage. CX Codex +1 841установок expo-react-native-coder pproenca Скилл с 50 правилами и шаблонами кода для разработки мобильных приложений на Expo и React Native. Пригодится при сборке экранов, навигации и авторизации. CX Codex +1 409установок vercel-react-native-skills vercel Набор правил по React Native и Expo для ИИ-агента: списки, анимации, навигация. Пригодится, когда агент правит мобильный код и надо, чтобы он делал это одинаково. CX Codex +1 255 200установок

Из того же набора9

react-native-best-practices Скилл передаёт агенту правила оптимизации React Native на базе опыта Callstack: от профилирования FPS и TTI до чистки бандла. Помогает устранить лаги анимаций и утечки памяти. CX Codex +1 30 200установок upgrading-react-native Обновляет React Native-приложения до новых версий: применяет диффы из rn-diff-purge, мигрирует iOS и Android, решает конфликты CocoaPods и Gradle. CX Codex +1 12 600установок github-actions Готовые шаблоны GitHub Actions для сборки React Native приложений на iOS-симуляторе и Android-эмуляторе в облаке с загрузкой артефактов. Упрощает настройку CI-пайплайнов и скачивание собранных бинарников через gh или REST API. CX Codex +1 10 900установок validate-skills Проверяет скиллы в skills/ по спецификации agentskills.io и практикам Claude Code. Нужен при создании и ревью набора скиллов. CX Codex +1 7 300установок react-native-brownfield-migration Помогает пошагово внедрять React Native или Expo в нативные приложения iOS и Android с помощью @callstack/react-native-brownfield. CX Codex +1 5 200установок react-navigation Справочники по UI-паттернам React Navigation 7: стеки, табы, шторки, drawer, шапки, safe area. Пригодится, когда экраны и модалки надо разложить по навигатору. CX Codex +1 4 800установок react-native-tv-best-practices Проверяет React Native-приложения под ТВ: фокус и D-pad, вёрстка с десяти футов, DRM и воспроизведение, память на слабых приставках. CX Codex +1 2 300установок assess-react-native-migration Разбирает продуктовые репозитории и решает, стоит ли переносить мобильное приложение на React Native — до того, как начнётся код. CX Codex +1 2 100установок

Спонсоры проекта

Компании, которые помогают держать аналитику открытой