← ClaudeAtlas

platform-blocks-setuplisted

Install and configure the @platform-blocks/ui React Native library in an Expo or React Native app. Use when installing @platform-blocks/ui, wiring PlatformBlocksProvider, fixing peer-dependency or Metro "Unable to resolve module" bundling errors, setting up flash-free dark mode (including static web output), or configuring Jest/jest-expo in a consumer app.
platform-blocks/skills · ★ 0 · AI & Automation · score 70
Install: claude install-skill platform-blocks/skills
# Platform Blocks Setup Platform Blocks (`@platform-blocks/ui`) is a React Native UI library — 80+ themeable, accessible components for iOS, Android, and Web. Docs: https://platform-blocks.com/getting-started ## Fastest start: official templates Prefer a template over manual setup — both ship with the library, all required dependencies, and the provider already wired: - **expo-template** — https://github.com/platform-blocks/expo-template — full-featured Expo Router app (iOS/Android/web) with dark mode, testing, and linting configured. - **expo-min-template** — https://github.com/platform-blocks/expo-min-template — single screen, provider set up, nothing to delete. Use GitHub's "Use this template" button, or: ```bash npx create-expo-app@latest my-app --template https://github.com/platform-blocks/expo-template ``` ## Core workflow (manual install) 1. **Install the library**: `npm install @platform-blocks/ui` 2. **Install the dependency set** — on **v1.0.0** that means the full list, not just the hard peers; on **v1.0.1+** only what your components need (see pitfall #1). The safe default either way is to copy the exact working dependency list from `expo-template/package.json` (reproduced in `references/api.md`). On Expo, use `npx expo install` so versions match the SDK. 3. **Configure Babel** — `presets: ['babel-preset-expo']`, `plugins: ['react-native-worklets/plugin']` (the worklets plugin replaces the old reanimated plugin and must be **last**).