visual-edit
Installation
SKILL.md
Visual Edit
Use /visual-edit when the user wants to inspect or edit a real local app
visually instead of generating standalone Alpine HTML. The source of truth is
the running localhost app plus its route URLs. Design shows those routes as
iframe-backed screens on the infinite canvas.
Installing this skill for an external MCP host
The hosted install path
(npx @agent-native/core@latest skills add visual-edit, or design for the
full Design bundle) installs the exported instructions and registers the
hosted Design MCP connector together. The open Skills CLI path
(npx skills@latest add BuilderIO/agent-native --skill visual-edit) installs
exported instructions only, with no MCP connector registration.