scc-app-add-screen
OfficialAdd a new screen to your SCC React Native app.
Software Engineering#typescript#scaffold#navigation#react-native#code-generation#ui-components#screen-creation
AuthorStair-Crusher-Club
Version1.0.0
Installs0
System Documentation
What problem does it solve?
The skill provides a repeatable pattern for adding a new screen to a React Native SCC app, including a standardized directory structure, navigation registration, and usage of shared components to ensure consistency and maintainability.
Core Features & Use Cases
- Scaffold a new screen directory under src/screens/{ScreenName}/, including index.ts, {ScreenName}.tsx, and optional sections.
- Register the screen in the app's navigation configuration to enable proper routing.
- Use SccXxx components and ScreenLayout to maintain a consistent look and behavior across screens.
- Ideal for rapidly adding feature screens such as onboarding, settings, or detail views while preserving project conventions.
Quick Start
Create the new screen directory following the template and wire it into the main navigator to activate it.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: scc-app-add-screen Download link: https://github.com/Stair-Crusher-Club/scc-app/archive/main.zip#scc-app-add-screen Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.