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.

Put Design Beside The Chat