aesthetic-analysis

To replicate a website design into React Native, the Skill deconstructs visual references to extract color palettes, typography, and layout principles, then implements them using StyleSheet.create() for high-fidelity UI matching.

Visual deconstruction analyzes reference designs to break down layout, color, typography, and interactive elements into distinct patterns. This process extracts the underlying design system principles needed for precise UI replication.

Yes, you can use a screenshot or URL of a desired design to update your app's landing page. The Skill translates the visual patterns into React Native code and iteratively refines the output to match the reference.

You extract color palettes and typography by providing a reference image or URL. The Skill deconstructs the visual design system, identifying specific colors, fonts, and spacing rules for implementation.

Yes, the design replication tool supports iterative refinement by comparing the implemented React Native design against the original reference. It makes targeted adjustments to layout and interactions until high fidelity is achieved.