1. Pick the right source section
Start with a storefront section that already performs well. Prefer complete containers over tiny nested elements to avoid broken spacing and missing interactivity.
2. Extract and validate visual output
Run extraction, then verify text spacing, media proportions, and responsive behavior in preview before export. Check mobile and desktop to catch layout drift early.
3. Customize for your brand
Update text blocks, media, colors, and spacing so the section fits your product messaging and visual system while keeping the original hierarchy.
4. Export and integrate
Copy generated Liquid into your Shopify theme, test on mobile and desktop devices, then publish once QA passes.