Skill

expo-architect

Scaffolds production-ready Expo React Native apps with Expo Router navigation, optional Clerk auth, NativeWind styling, TypeScript strict mode, Biome linting, and API client. Runs immediately with bun start.

React Native

Typescript

npx claudepluginhub shipshitdev/skills

Tool Access

This skill uses the workspace's default tool permissions.

Preview

Create **production-ready** Expo React Native apps with:

Supporting Assets

plugin.jsonreferences/full-guide.mdscripts/init-expo.py

SKILL.md

Similar Skills

ui-ux-pro-max

70.8k

Provides UI/UX resources: 50+ styles, color palettes, font pairings, guidelines, charts for web/mobile across React, Next.js, Vue, Svelte, Tailwind, React Native, Flutter. Aids planning, building, reviewing interfaces.

ui-ux-pro-max

context7-mcp

51.8k

Fetches up-to-date documentation from Context7 for libraries and frameworks like React, Next.js, Prisma. Use for setup questions, API references, and code examples.

context7-plugin

competitive-landscape

32.9k

Analyzes competition with Porter's Five Forces, Blue Ocean Strategy, and positioning maps to identify differentiation opportunities and market positioning for startups and pitches.

startup-business-analyst

Stats

Stars21

Forks2

Last CommitApr 21, 2026

Actions

View Source View Plugin View on GitHub View README

Expo Architect

Create production-ready Expo React Native apps with:

Framework: Expo SDK 54 + React Native 0.83 + TypeScript
Navigation: Expo Router (file-based routing)
Auth: Clerk authentication (optional)
UI: NativeWind (Tailwind for RN) or StyleSheet
Quality: Biome linting + TypeScript strict mode
Package Manager: bun

What Makes This Different

Generates working mobile apps, not empty scaffolds:

Complete navigation structure with working screens
Optional Clerk authentication flow
Real UI components with proper styling
API client integration ready
Runs immediately with bun start

Workflow Summary

PRD Brief Intake - Extract app type, screens, features, auth needs
Auth Setup (if requested) - Clerk provider, sign-in/sign-up screens
Screen Generation - Tab or stack-based navigation
Component Generation - UI components, entity components, layouts
Quality Setup - Biome, TypeScript strict, path aliases
Verification - Run quality gate, report results

Usage

# Create app with PRD-style prompt
python3 scripts/init-expo.py \
  --root ~/www/myapp \
  --name "My App" \
  --brief "A fitness tracker where users can log workouts"

# With specific options
python3 scripts/init-expo.py \
  --root ~/www/myapp \
  --name "My App" \
  --tabs "Home,Workouts,Profile" \
  --auth

Generated Structure

myapp/
├── app/
│   ├── _layout.tsx          # Root layout
│   ├── (tabs)/              # Tab navigator
│   │   ├── _layout.tsx
│   │   ├── index.tsx
│   │   └── ...
│   └── (auth)/              # Auth screens (if enabled)
├── components/
│   ├── ui/                  # Base UI components
│   ├── [entity]/            # Feature components
│   └── layout/              # Layout components
├── lib/
│   ├── api.ts               # API client
│   └── auth.ts              # Auth utilities
├── providers/               # Context providers
├── types/                   # TypeScript types
├── app.json                 # Expo config
├── package.json
├── tsconfig.json
└── biome.json

Development Commands

bun start          # Start Expo dev server
bun run ios        # iOS simulator
bun run android    # Android emulator
bun run lint       # Check code style
bun run typecheck  # Type checking

Environment Variables

EXPO_PUBLIC_CLERK_PUBLISHABLE_KEY=pk_test_...
EXPO_PUBLIC_API_URL=http://localhost:3001

For detailed patterns, code templates, and complete examples: references/full-guide.md