skills.rest
Rocapine
RocapineOFFICIAL
Explore all skills by this author →
WebsiteGitHub

setup-ui-sdk

Install and wire the @rocapine/react-native-onboarding-ui SDK with Expo-router adapters.

2|1|Updated Sep 30, 2025
Search Tags:#theming#onboarding#integration#plugin#react-native#expo#ui-sdk
One-click install
npx skills add https://github.com/Rocapine/react-native-onboarding --skill setup-ui-sdk
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: setup-ui-sdk
Source: https://github.com/Rocapine/react-native-onboarding/tree/main/claude-plugin/skills/setup-ui-sdk
Command: npx skills add https://github.com/Rocapine/react-native-onboarding --skill setup-ui-sdk

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Install and wire the @rocapine/react-native-onboarding-ui UI SDK on top of the headless onboarding SDK, enabling prebuilt onboarding screens and ready-to-render OnboardingPage without manual integration.

Core Features & Use Cases

  • Install and wire the UI SDK with the headless onboarding stack.
  • Render OnboardingPage and support step navigation in your app.
  • Align versions, manage peer dependencies, and apply theming overlays for existing design systems.

Quick Start

Install the UI SDK and wire OnboardingPage rendering in your app.

Frequently Asked Questions about setup-ui-sdk

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add prebuilt onboarding screens to a React Native Expo app?▼

To add prebuilt onboarding screens in React Native Expo, install and wire the @rocapine/react-native-onboarding-ui UI SDK on top of the headless onboarding SDK. This enables ready-to-render OnboardingPage components without manual integration.

What is the best way to integrate an onboarding UI SDK with Expo-router navigation?▼

The best way to integrate an onboarding UI SDK with Expo-router is by wiring navigation adapters provided during setup. This adapter wiring connects the prebuilt OnboardingPage step navigation directly to your existing Expo-router or custom navigation flow.

Can I apply custom theming overlays to prebuilt onboarding screens?▼

Yes, you can apply custom theming overlays to prebuilt onboarding screens. The UI SDK supports adjusting themes to align the rendered OnboardingPage with your existing design system during the integration process.

Do I need the headless onboarding SDK installed before adding the onboarding UI SDK?▼

Yes, you need the headless onboarding SDK installed first. The @rocapine/react-native-onboarding-ui UI SDK is installed and wired on top of the headless onboarding stack to render prebuilt screens and manage peer dependency version alignment.

Why does my onboarding UI SDK integration fail after updating React Native dependencies?▼

Onboarding UI SDK integration failures after updates often stem from version misalignment. You must align versions and manage peer dependencies between the headless onboarding stack and the UI SDK to ensure seamless onboarding rendering.

How do I render OnboardingPage and support step navigation in my app?▼

To render OnboardingPage and support step navigation, install the UI SDK and wire it through navigation adapters. This connects the prebuilt onboarding screens to your app's custom or Expo-router navigation flow for seamless step transitions.

Related Skills

Explore More Software Engineering Skills→
RocapineRocapine
2

setup-headless-sdk

Configures and wires the headless onboarding SDK in React Native or Expo apps.

Official
Advanced
expoexpo
2.4k

expo-router

Create file-based and dynamic routes with tabs and modals in Expo Router apps.

Official
Intermediate
magnusrodsethmagnusrodseth
2

building-native-ui

Build native iOS and Android UIs with Expo Router.

Community
Advanced
KOU050223KOU050223

building-native-ui

Guide building and styling Expo Router UI components with native elements and theming.

Community
Intermediate