screen-analysis

What problem does it solve?

This Skill streamlines the initial stages of product development by automatically analyzing planning documents or requirements to define necessary screens and their component structures, ensuring no critical element is overlooked.

Core Features & Use Cases

• Screen Identification: Extracts a comprehensive list of all required screens, including implicit ones like error or empty states.
• Component Architecture: Designs the hierarchical structure of components within each screen using FSD principles.
• State Management: Defines all possible states for each screen and component (loading, error, empty, etc.).
• Use Case: Kickstart a new feature by feeding the planning document to this Skill to get a complete screen map and component breakdown, ready for design and development.

Quick Start

Analyze the provided planning document to generate a list of screens and their component structures.