arc-skill

Scaffold a React Native Expo project with TypeScript, linting, and architecture.

7|Updated Mar 7, 2026
One-click install
npx skills add https://github.com/art9mid/arc-skill --skill arc-skill
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: arc-skill
Source: https://github.com/art9mid/arc-skill/tree/main
Command: npx skills add https://github.com/art9mid/arc-skill --skill arc-skill

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Setting up a new React Native Expo project with a production‑ready architecture, including navigation, theming, API integration, state management, and iOS/Android UI conventions, is time‑consuming and error‑prone.

Core Features & Use Cases

  • Focused agents (/arc-scaffold, /arc-connect, /arc-ui, /arc-feature, /arc-audit) that can be run independently to create or extend a project.
  • Full project scaffolding with folder structure, dependency installation, TypeScript configuration, linting, and providers stack.
  • Mobile design system covering touch targets, typography, color schemes, and platform‑specific guidelines.
  • Code templates for components, screens, hooks, and API services that follow the strict component architecture.
  • Use cases include initializing a brand‑new app, adding authentication and data layers, building UI screens, creating new domains, and auditing for UX or performance violations.

Quick Start

Run the /arc-scaffold command to generate a complete React Native Expo project with best‑practice architecture.

Frequently Asked Questions about arc-skill

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

FAQPage Schema
How do I scaffold a React Native Expo project with production-ready architecture?

To scaffold a React Native Expo project with production-ready architecture, run the `/arc-scaffold` command. It generates a complete project with folder structure, TypeScript configuration, linting, and a providers stack.

What is included in a production-ready React Native Expo architecture?

A production-ready React Native Expo architecture includes folder structure, dependency installation, TypeScript configuration, linting, navigation, theming, API integration, state management, and iOS/Android UI conventions.

Can I use this to add authentication and data layers to an existing Expo app?

Yes, you can add authentication and data layers to an existing Expo app by running the `/arc-connect` command. It extends your project with API integration and state management without requiring a full re-scaffold.

How do I create new feature domains in a React Native Expo app?

To create new feature domains in a React Native Expo app, run the `/arc-feature` command. It generates code templates for components, screens, hooks, and API services that follow a strict component architecture.

Does the scaffolded React Native Expo project support platform-specific UI conventions?

Yes, the scaffolded React Native Expo project supports platform-specific UI conventions. The `/arc-ui` command applies a mobile design system covering touch targets, typography, color schemes, and iOS/Android guidelines.

How do I audit my React Native Expo app for UX and performance violations?

To audit your React Native Expo app for UX and performance violations, run the `/arc-audit` command. It checks your project against the arc-skill design system to identify and report architecture issues.