screen

Generate React Native screen components under src/screens with PascalCase names.

Updated Jan 29, 2026
One-click install
npx skills add https://github.com/takapom/trip-app --skill screen-takapom
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: screen
Source: https://github.com/takapom/trip-app/tree/main/.claude/skills/screen
Command: npx skills add https://github.com/takapom/trip-app --skill screen-takapom

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

React Native screen components are often created from scratch with repetitive boilerplate; this Skill automates generating a ready-to-use Screen component file.

Core Features & Use Cases

  • Generate new screens under src/screens with PascalCase names ending in Screen
  • Provide a ready-to-use template including a basic screen with StatusBar and SafeAreaView
  • Use case: add a Profile screen by generating ProfileScreen.tsx automatically

Quick Start

Create a new screen by providing the screen name (e.g., Profile) and the tool will generate ProfileScreen.tsx under src/screens.

Frequently Asked Questions about screen

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

FAQPage Schema
How do I generate React Native screen components without writing boilerplate?

Generating React Native screen components is automated by this tool, which creates a ready-to-use file under src/screens with a basic template including StatusBar and SafeAreaView.

What naming conventions are enforced when creating Expo screens?

Expo screens are enforced with PascalCase naming conventions and a Screen suffix, ensuring files like ProfileScreen.tsx maintain consistent structure across your project.

Can I use this to add new screens to an existing Expo project?

Yes, it applies to adding new screens across an Expo/React Native project by orchestrating file generation directly under the src/screens directory.

What is included in the React Native screen template?

The React Native screen template includes a basic screen structure pre-configured with StatusBar and SafeAreaView components for immediate use.

How do I create a Profile screen in React Native?

To create a Profile screen, provide the screen name and the tool will automatically generate ProfileScreen.tsx with a ready-to-use template under src/screens.