ProjectX

About

• 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