React Native

Guides Claude through React Native development with a clear separation between business logic and UI. The skill pushes for functional components with explicit TypeScript interfaces, extracting all logic into custom hooks to keep screens purely presentational. It covers local-first state management, escalating to Zustand or React Query only when needed, and includes solid testing patterns with React Native Testing Library. The project structure is opinionated but practical, keeping core business logic completely separate from React code. If you're building a mobile app and want Claude to follow modern React Native patterns without reinventing the wheel on every component, this keeps things consistent.

skills.sh installs: 517
GitHub stars: 702
last updated: Jul 14, 2026

View on GitHub

Install

$ npx -y skills add alinaqi/claude-bootstrap --skill react-native --agent claude-code

Installs into .claude/skills of the current project.

Files

React Native Skill

Project Structure

project/
├── src/
│   ├── core/                   # Pure business logic (no React)
│   │   ├── types.ts
│   │   └── services/
│   ├── components/             # Reusable UI components
│   │   ├── Button/
│   │   │   ├── Button.tsx
│   │   │   ├── Button.test.tsx
│   │   │   └── index.ts
│   │   └── index.ts            # Barrel export
│   ├── screens/                # Screen components
│   │   ├── Home/
│   │   │   ├── HomeScreen.tsx
│   │   │   ├── useHome.ts      # Screen-specific hook
│   │   │   └── index.ts
│   │   └── index.ts
│   ├── navigation/             # Navigation configuration
│   ├── hooks/                  # Shared custom hooks
│   ├── store/                  # State management
│   └── utils/                  # Utilities
├── __tests__/
├── android/
├── ios/
└── CLAUDE.md

Component Patterns

Functional Components Only

// Good - simple, testable
interface ButtonProps {
  label: string;
  onPress: () => void;
  disabled?: boolean;
}

SKILL.md on GitHub

Details

Repository: github.com/alinaqi/claude-bootstrap
Categories: Frontend Development, Mobile Development
First seen: Jun 3, 2026