---
title: "visual-edit"
description: "Agent skill that opens your running local app as live iframe screens on a design canvas, so you can compare routes and push visual edits back through your coding agent."
canonical: "https://vibing.inc/library/visual-edit-vg-2385"
category: "AI Skills, Agents & MCP"
subcategory: "Design skills"
license: "MIT"
author: "Builder.io (@Steve8708)"
source: "https://github.com/BuilderIO/skills/tree/main/skills/visual-edit"
---

# visual-edit
Agent skill that opens your running local app as live iframe screens on a design canvas, so you can compare routes and push visual edits back through your coding agent.
## Facts
- Source: https://github.com/BuilderIO/skills/tree/main/skills/visual-edit
- Category: AI Skills, Agents & MCP / Design skills
- Author: Builder.io (@Steve8708)
- Licence: MIT
- Tags: visual-editing, claude-code, design-canvas, agent-skill
## Why it's a gem
Figma-style canvas over your real routes, not a static mockup, and it works with any agent.
---
Listed in The Vibeary: https://vibing.inc/library/visual-edit-vg-2385 · JSON: https://vibing.inc/api/public/library/gems/visual-edit-vg-2385