screen

Generate Expo Router screens, route groups, and layouts for React Native apps.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/Sajinthan/rn-boilderplate --skill screen-sajinthan
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: screen
Source: https://github.com/Sajinthan/rn-boilderplate/tree/main/.claude/skills/screen
Command: npx skills add https://github.com/Sajinthan/rn-boilderplate --skill screen-sajinthan

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generating consistent Expo Router screens and routing structures manually is tedious and error-prone; this skill automates scaffold creation to ensure a uniform codebase and faster iterations.

Core Features & Use Cases

  • Scaffolds new screens, route groups, and layouts following established patterns for Expo Router.
  • Produces ready-to-use screen templates with root layout, group layouts, and dynamic routes for scalable navigation.
  • Use Case: When adding a new feature page, generate the screen, route, and layout scaffolds in minutes.

Quick Start

Generate a new Expo Router screen following the standard layout patterns.

Frequently Asked Questions about screen

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

FAQPage Schema
How do I scaffold Expo Router screens with dynamic routes for React Native?

To scaffold Expo Router screens with dynamic routes, you generate TypeScript components wired for navigation using established group layout patterns. This produces ready-to-use screen templates following Expo Router conventions, ensuring consistent styling across your React Native project.

What is the best way to generate consistent navigation structures for React Native apps?

Generating consistent navigation structures for React Native apps is best achieved by automating scaffold creation for route groups and layouts. This approach ensures a uniform codebase and faster iterations by producing ready-to-use templates that follow Expo Router conventions.

Can I use this to generate group layouts and root layout scaffolds for Expo Router?

Yes, you can generate group layouts and root layout scaffolds for Expo Router. The scaffolding process produces screen templates complete with root layout, group layouts, and dynamic routes, enabling scalable navigation structures for your application.

Does this scaffolding process support TypeScript components wired for navigation?

Yes, the scaffolding process supports TypeScript components wired for navigation. It generates ready-to-use screen templates that are wired for navigation with consistent styling, specifically designed for React Native projects using Expo Router.

Why is manually generating Expo Router screens considered error-prone?

Manually generating Expo Router screens is error-prone because creating routing structures and layouts by hand often leads to inconsistencies across the codebase. Automating the scaffold creation ensures uniform code and faster iterations, eliminating manual setup errors.

When do I need to scaffold new route groups and layouts for React Native?

You need to scaffold new route groups and layouts when adding a new feature page to your React Native app. This allows you to generate the screen, route, and layout scaffolds in minutes, producing scalable navigation structures following Expo Router conventions.