Screen Recreator

What problem does it solve?

Manually building React Native screens is time-consuming, prone to inconsistencies, and often fails to adhere to all project best practices. This Skill automates the creation of production-ready screens, ensuring they are built quickly, correctly, and in full compliance with established project patterns.

Core Features & Use Cases

• Automated Screen Generation: Creates full React Native screen code, including imports, state management, data fetching, and UI structure, based on project templates.
• Best Practice Enforcement: Automatically applies critical project rules like using real Supabase data (no mock data), safe navigation, analytics tracking, and the BaseScreen wrapper.
• Database Integration: Can design and create Supabase tables, apply migrations, and insert sample data, streamlining the full-stack development process.
• Use Case: After analyzing an existing screen with the Screen Analyzer Skill, use Screen Recreator to automatically generate a new, production-grade version that adheres to all project standards, saving significant development time and reducing errors.

Quick Start

Create a MessagesListScreen to show parent-teacher messages.