Screen Analyzer
CommunityExtract every screen detail, ensure perfect recreation.
Software Engineering#code analysis#documentation#software development#technical debt#React Native#screen recreation#feature extraction
Authorsinghaldeoli104-bit
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Recreating existing screens often leads to missed features, subtle bugs, and incomplete functionality. This Skill eliminates the risk of oversight by systematically extracting every detail from an existing React Native screen, ensuring 100% feature parity for recreation.
Core Features & Use Cases
- Comprehensive Feature Inventory: Generates a detailed report covering UI sections, data sources, navigation flows, state management, business logic, user interactions, and conditional rendering.
- Issue Identification: Automatically flags critical issues like mock data usage, performance bottlenecks, missing error handling, and accessibility gaps.
- Recreation Blueprint: Provides a structured checklist and dependency list, serving as a precise blueprint for rebuilding screens without missing any functionality.
- Use Case: Before embarking on a screen recreation project, use this Skill to generate a complete, exhaustive analysis report. This ensures the new screen perfectly mirrors the old one's functionality and avoids costly rework.
Quick Start
Analyze EnhancedParentDashboardScreen.tsx to prepare for recreation.
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: Screen Analyzer Download link: https://github.com/singhaldeoli104-bit/manushi-coaching-latest-working-/archive/main.zip#screen-analyzer Please download this .zip file, extract it, and install it in the .claude/skills/ directory.