Page
Screenshot-to-Guide Foundation
Metadata model for future screenshot analysis and config recommendations.
Future workflow
1. Match screenshot regions to known block, layout, and widget patterns. 2. Compare detected components against the current page JSON. 3. Suggest concrete config edits for missing sections or mismatched props.
Data shape
Each catalog entry contains name, category, description, useCases, screenshotPatternHints, requiredProps, and optionalProps.