ProjectX

Capture any UI element from the web, extract its code, and generate AI-ready prompts

• One-Click Capture - Hover over any element and capture its complete structure • Smart Extraction - Automatically extracts clean HTML, CSS, and computed styles • AI-Ready Prompts - Generates optimized prompts for ChatGPT, Claude, Cursor, and other AI tools • WDS Detection - Automatically detects Wix Design System components and generates framework-specific code • Screenshot Support - Captures visual references and uploads them for AI tools to see • Asset Extraction - Finds and uploads images, SVGs, and other assets used in the element • Hierarchy Navigation - Navigate up and down the DOM tree to capture exactly what you need ⚡ WORKFLOW 1. Click the extension icon to start capturing 2. Hover over any element - see it highlighted in real-time 3. Use the hierarchy panel to navigate to parent/child elements 4. Click Capture (with screenshot) or Quick Capture (faster, no screenshot) 5. Copy the generated prompt and paste into your favorite AI tool 🎨 PERFECT FOR • Recreating UI components you find on the web • Learning how websites are built • Rapid prototyping with AI assistance • Design system documentation • Code reviews and debugging