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.

The editor is hosted at https://design.agent-native.com. Never start local Design; only the target app and bridge run locally.

See the Visual Edit guide for a worked onboarding-flow example.

Fast local startup

Installs
11
GitHub Stars
7.5K
First Seen
Jun 30, 2026