Right-click any element in the editor to access quick actions and AI agents.
- Hover over an element
- Right-click (or Ctrl+click on Mac)
- Context menu appears
AI Agents
Quick access to AI editing:
- Block Creator - Add new block
- Block Editor - Modify selected block
- Element Editor - Edit specific element
- Tailwind Class - Quick styling
- Header - Create/edit header
- Footer - Create/edit footer
Edit Actions
- Copy - Copy element
- Paste - Paste copied element
- Duplicate - Clone in place
- Delete - Remove element
Navigation
- Select Parent - Move up hierarchy
- Select Children - Access nested elements
- Right-click element
- Select an AI agent
- Inline chat opens
- Enter your request
- AI modifies element
Agent Selection Guide
| Want to… | Use Agent |
|---|
| Add new section | Block Creator |
| Modify existing section | Block Editor |
| Edit single element | Element Editor |
| Quick style change | Tailwind Class |
| Create navigation | Header |
| Create footer | Footer |
Copy and Paste
Copy Element
- Right-click element
- Select Copy
- Element stored in clipboard
Paste Element
- Right-click target location
- Select Paste
- Element inserted
Duplicate
Creates copy immediately below/after selected element.
Delete Element
- Right-click element
- Select Delete
- Element removed
Deletion can be undone with Ctrl/Cmd + Z
Tips
- Right-click is fastest for AI access
- Use on blocks for section editing
- Use on elements for precise changes
- Combine with keyboard shortcuts
Next Steps
