ios-view-generator_skill

Overview

This skill generates clean, Objective-C iOS view or view-controller code from a screenshot. It produces code that follows lazy-loading, layout/data separation, and standard pragma-mark structure so the output is production-friendly and easy to maintain. The generator targets Masonry for constraints by default and falls back to native Auto Layout when needed.

How this skill works

The skill analyzes the screenshot to detect UI hierarchy, control types, positions, and estimated sizes. It declares properties for detected components, implements each UI component with lazy-loaded getters, and emits separate setupUI and setupConstraints methods to keep view creation and layout separate. It also scaffolds loadData and refreshUI methods to separate networking/data binding from presentation.

When to use it

• You have a screenshot and need Objective-C UIView or UIViewController code quickly.
• You want code that enforces lazy loading of UI components for performance and clarity.
• You need layout and data logic separated for easier testing and maintenance.
• You prefer Masonry constraints but want native Auto Layout fallback.
• You want a scaffolded starting point to implement networking and UI binding.

Best practices

• Keep UI initialization inside lazy getters to reduce viewDidLoad clutter and enable on-demand creation.
• Use setupUI only for adding subviews; put all constraints in setupConstraints.
• Implement loadData for network requests and refreshUI for binding model values to views.
• Treat generated sizes and spacings as estimates and refine against design specs.
• Replace placeholder image names and system colors with real assets and palette tokens.

Example use cases

• Convert a marketing mockup screenshot into an Objective-C view-controller scaffold with labeled subviews.
• Generate a custom list cell layout from a screen capture, with lazy-initialized labels and image views.
• Produce a login screen controller that separates view setup, constraints, and data binding.
• Create a quick prototype view using Masonry constraints for iterative UI reviews.
• Provide starter code that frontend engineers can refine with real assets and network endpoints.