UI Component Extraction

What this guide covers

Clone pages/components into reusable frontend artifacts quickly.

Mode selection

Use managed mode for stable extraction. Use extension mode when component state is only available after login.

Recommended run sequence

• Navigate to the component state you need and snapshot the page.
• Extract page or component artifacts with clone commands.
• Review generated output for structure, semantics, and style fidelity.
• Store artifacts with source route/context metadata.

Verification checkpoints

• Component extraction is tied to an explicit state and route.
• Generated output captures expected structure and key properties.
• Artifacts include enough context for reuse without re-scraping.

Related surfaces

• clone-page, clone-component
• snapshot, dom-html
• frontend route and asset references