AI Website Editor

About

Skeleton Editor - Visual Website Customizer

Transform any website's appearance in real-time with this intuitive visual editor. Perfect for web developers, designers, and anyone who wants to experiment with website styling without touching code.

Key Features:
• Interactive Element Selection: Use Alt/Option + Click to select any element on the page, which will then appear inside the pop up for specialized customization
• Precision Hover Detection: A smart proximity-based system highlights borders only of elements near your cursor
• Real-time Visual Editing: Instantly see your changes as you make them
• Comprehensive Style Controls:
  - Font customization (family, size, weight)
  - Color management (text and background)
  - Spacing adjustments (padding, margins, line height)
  - Text alignment and letter spacing
  - Contrast controls for better accessibility

Advanced Features:
• Drag & Drop Positioning
• Full Undo/Redo Support
• Live Preview: See your selected element in a dedicated preview window
• Non-destructive Editing: All changes are temporary and reset when you reload

Perfect for:
• Web developers testing design changes
• Designers creating quick mockups
• Content creators adjusting layouts
• Anyone wanting to customize website appearance
• People with accessibility needs


How to Use:
1. Click "Enable Editor Mode" to start
2. Move your cursor to highlight elements
3. Alt/Option + Click to select an element
4. Reopen the pop up and edit the selected element
5. Optionally drag elements to reposition them

This extension respects your browsing experience with a clean, minimal interface and smooth performance optimization. All changes are temporary and non-destructive to the original website. Changes are session-based and will reset when you reload the page.