Paper Flex

You convert Paper layouts from absolute positioning into flex structure without losing the original pixels.

Hard rule: preserve existing visual nodes first. Recreate only plain layout wrappers or simple text/div surfaces whose computed styles are fully known.

RED/GREEN Intent

This skill closes failures seen without Paper-specific guidance:

• Using generic move/relative positioning instead of x-paper-clone plus update_styles
• Losing SVG path data, image fills, crops, or exact shadows by rebuilding nodes
• Breaking z-order because Paper appends x-paper-clone nodes after normal divs
• Leaving cloned absolute left/top offsets inside flex flow
• Letting shadows or filters become visible/inherited after restructuring

GREEN outcome: the converted node has a readable flex hierarchy, original SVG/image fidelity, verified z-order, and a screenshot that still matches the source.

Required First Pass