AI студия Владимира Ломтева
УСЛУГИПРОЕКТЫСТАТЬИБАЗА ЗНАНИЙМаркетплейсОбучениеПолезные сервисы

Оставьте заявку,
чтобы обсудить проект

Напишите ваш вопрос, не забудьте указать телефон. Мы перезвоним и все расскажем.

Контакты

Москва

Работаем по всей России
и миру (онлайн)

+7 (999) 760-24-41

Ежедневно с 9:00 до 21:00

lamooof@gmail.com

По вопросам сотрудничества

TelegramWhatsApp

Есть предложение?

Напишите нам в мессенджеры

© 2025 AI студия Владимира Ломтева

Политика конфиденциальностиСогласие на обработку ПДн|ИНН 623412173261

    React Native Best Practices

    Software Mansion's best practices for production React Native and Expo apps on the New Architecture. MUST USE before writing, reviewing, or debugging ANY code in a React Native or Expo project. If the working directory contains a package.json with react native, expo, or expo router as a dependency, this skill applies. Trigger on: any code task in a React Native/Expo project, 'React Native', 'Expo', 'New Architecture', 'Reanimated', 'Gesture Handler', 'react native svg', 'ExecuTorch', 'react native audio api', 'react native enriched html', 'Worklet', 'Fabric', 'TurboModule', 'WebGPU', 'react native wgpu', 'TypeGPU', 'GPU shader', 'WGSL', 'svg', 'animation', 'gesture', 'audio', 'rich text', 'AI model', 'multithreading', 'chart', 'vector', 'image filter', 'shared value', 'useSharedValue', 'runOnJS', 'scheduleOnRN', 'thread', 'worklet', 'Bundle Mode', or any question involving UI, graphics, native modules, or React Native threading and animation behavior. Also use when a more specific sub skill matches.

    Скиллы для разработки#GitHub#software-mansion-labs/skills#skills.sh
    Скачивания
    0
    В избранном
    0
    Комментарии

    Установить скилл

    Добавьте инструмент одной командой или скачайте проверенный архив версии.

    npx skills add software-mansion-labs/skills --skill react-native-best-practices
    Скачать ZIP
    Версия
    1.0.0+fed69f566b78
    Автор
    Владимир Ломтев
    Репозиторий
    software-mansion-labs/skills
    GitHub: software-mansion-labs/skills
    0
    Просмотры
    1

    Установить скилл

    Добавьте инструмент одной командой или скачайте проверенный архив версии.

    npx skills add software-mansion-labs/skills --skill react-native-best-practices
    Скачать ZIP
    Версия
    1.0.0+fed69f566b78
    Автор
    Владимир Ломтев
    Репозиторий
    software-mansion-labs/skills
    GitHub: software-mansion-labs/skills

    Как установить

    1. 1Скопируйте команду из блока установки.
    2. 2Запустите её в терминале из каталога проекта.

    Документация

    React Native Best Practices

    Software Mansion's production patterns for React Native apps on the New Architecture.

    Read the relevant sub-skill for the topic at hand. All sub-skills are in references/.

    Sub-skills

    Sub-skill When to use
    references/animations/SKILL.md CSS transitions, CSS animations, shared value animations, GPU shader animations (WebGPU, TypeGPU), layout animations (entering/exiting, transitions, keyframes), scroll-driven animations, animation functions (withSpring, withTiming, withDecay), core hooks (useSharedValue, useAnimatedStyle), interpolation, particle systems, procedural noise, SDF rendering, animation performance, 120fps, accessibility, Reanimated 4
    references/gestures/SKILL.md Tap, pan, pinch, rotation, swipe, long press, fling, hover, drag, Pressable, RectButton, Swipeable, DrawerLayout, VirtualGestureDetector, gesture composition, gesture testing -- any touch interaction with Gesture Handler
    references/svg/SKILL.md Vector graphics, icons, charts, illustrations using React Native SVG
    references/on-device-ai/SKILL.md On-device AI: LLMs (chat, tool calling, structured output, vision-language models), computer vision (classification, object detection, OCR, semantic/instance segmentation, style transfer, embeddings, text-to-image), speech processing (STT with timestamps, TTS with phonemes, VAD), VisionCamera real-time frame processing, model loading, resource management, custom models with ExecuTorch
    references/rich-text/SKILL.md Rich text editor, formatted text input, WYSIWYG, mentions, HTML/Markdown rendering, react-native-enriched-html (formerly react-native-enriched), react-native-enriched-markdown
    references/multithreading/SKILL.md Multithreading, react-native-worklets, background processing, Worker Runtimes, UI thread, scheduleOnUI, scheduleOnRN, Serializable, Synchronizable, offloading computation from the JS thread
    references/enable-worklets-bundle-mode/SKILL.md Enabling react-native-worklets Bundle Mode (imports inside worklets, third-party npm libraries on worklet runtimes) in an Expo, RN CLI, or brownfield app: babel bundleMode plugin option, bundleModeMetroConfig / getBundleModeMetroConfig, mandatory metro and metro-runtime patches per package manager, "Failed to get the SHA-1" errors, missing Fast Refresh for worklet code, uniwind/NativeWind resolver conflicts
    references/audio/SKILL.md Audio playback (buffer sources, oscillators, streaming, queued playback), recording (file, data callback, graph processing), audio effects (gain, filters, delay, convolver, panner, waveshaper), real-time analysis and visualization, audio worklets (custom processing, synthesis), system integration (sessions, interruptions, notifications, permissions), testing with mocks -- any audio feature with react-native-audio-api
    references/jsi/SKILL.md JSI, C++ native modules, jsi::Runtime, jsi::Value, jsi::Object, jsi::Function, jsi::HostObject, jsi::HostFunction, jsi::NativeState, jsi::PropNameID, jsi::ArrayBuffer, jsi::WeakObject, jsi::Scope, jsi::BigInt, JSIException, JSError, JSINativeException, calling JS from C++, calling C++ from JS, HostObject destructor constraints, shared_ptrjsi::Value, CallInvoker, invokeAsync, JSI threading safety, zero-copy ArrayBuffer, rt.global(), ISerialization, WithRuntimeDecorator, jsi.h

    Требования и возможности

    Источник пакета
    https://github.com/software-mansion-labs/skills/tree/fed69f566b78d3289b6f00e4bccc1d4a696ffde3/skills/react-native-best-practices

    Файлы версии

    ПутьРазмерSHA256
    README.md10915ba1d97ec3b1f923a...
    SKILL.md44892cafec6f98199a23...
    references/animations/SKILL.md3745cbf41937f716feb6...
    references/animations/animation-functions.md73164c6ef0137da9fb18...
    references/animations/animations-performance.md59837e65406d6dc1d09c...

    Частые вопросы

    Как установить React Native Best Practices?
    Используйте команду npx skills add software-mansion-labs/skills --skill react-native-best-practices или скачайте ZIP-архив.
    Можно ли скачать React Native Best Practices бесплатно?
    Да, опубликованную версию можно скачать из маркетплейса бесплатно.

    Похожие инструменты

    Смотреть все
    Terraform Style GuideGenerate Terraform HCL code following HashiCorp's official style conventions and best practices. Use when writing, reviewing, or generating Terraform configurations.2ГИС: Матрица расстояний 2ГИСРассчитать время и расстояния между наборами точек.React DoctorUse when finishing a feature, fixing a bug, before committing React code, or when the user types `/doctor`, asks to scan, triage, or clean up React diagnostics. Covers lint, accessibility, bundle size, architecture. Includes a regression check and a full local-triage workflow that fetches the canonical playbook.Agent DeviceAutomates Apple-platform apps (iOS, tvOS, macOS), Android devices, and Amazon Vega OS TV apps in Vega Virtual Devices. Use when navigating apps, taking snapshots/screenshots where supported, driving TV remotes, tapping, typing, scrolling, extracting UI info, collecting evidence, or planning agent-device CLI commands.
    Комментарии

    Войдите, чтобы оставить комментарий.

    Комментариев пока нет.