home / skills / ehtbanton / claudeskillsrepo / expo-config-generator

expo-config-generator skill

safe

This skill generates complete Expo configuration files for React Native apps, producing app.json and app.config.ts aligned with Expo SDK 50+.

npx playbooks add skill ehtbanton/claudeskillsrepo --skill expo-config-generator

Review the files below or copy the command above to add this skill to your agents.

Files (2)

SKILL.md

646 B

---
name: expo-config-generator
description: Generate Expo configuration files for React Native development. Triggers on "create expo config", "generate app.json", "expo setup", "expo configuration".
---

# Expo Config Generator

Generate Expo configuration files for React Native app development.

## Output Requirements

**File Output:** `app.json`, `app.config.ts`
**Format:** Valid Expo configuration
**Standards:** Expo SDK 50+

## When Invoked

Immediately generate complete Expo configuration for the app.

## Example Invocations

**Prompt:** "Create Expo config for production app"
**Output:** Complete `app.config.ts` with all settings.

Overview

This skill generates complete Expo configuration files for React Native apps, producing both app.json and app.config.ts optimized for Expo SDK 50+. It creates valid, ready-to-use configuration tailored for production or development targets and standard app needs. The output is TypeScript-friendly and follows modern Expo conventions.

How this skill works

When invoked it inspects the request (target platform, app name, bundle identifiers, assets, permissions, and environment variables) and emits a full Expo config in app.config.ts and app.json formats. The generated config includes platform-specific settings (iOS/Android), runtimeVersion, SDK version, splash and icon definitions, and common plugin entries. It validates that SDK 50+ fields are present and structures the TypeScript config for runtime evaluation.

When to use it

Bootstrapping a new Expo React Native project with production-ready settings
Converting a minimal app.json into a fully specified app.config.ts
Generating platform-specific bundle IDs, display names, and permissions
Preparing configuration for CI/CD or automated build pipelines
Quickly producing consistent configs across multiple apps or environments

Best practices

Specify runtimeVersion and buildNumber/versionCode to enable predictable updates
Keep secrets out of checked-in config; reference environment variables in app.config.ts
Provide platform-specific overrides in the TypeScript config to avoid duplication
Include explicit asset paths (icons, adaptive icons, splash) to prevent build warnings
Use plugins and entitlements only when required and list necessary permissions explicitly

Example use cases

Create Expo config for production app with ios.bundleIdentifier and android.package
Generate app.config.ts that reads API keys from process.env for CI builds
Produce app.json + app.config.ts with configured splash screens and adaptive icons
Migrate an existing app.json into a typed, dynamic app.config.ts for multiple environments

FAQ

Can it generate both app.json and app.config.ts?

Yes — it outputs a valid app.json and a TypeScript app.config.ts that can evaluate environment-specific values.

Does the config target a specific Expo SDK?

Configs are generated for Expo SDK 50+ and include the required fields and structure for that range.