Before you start
Design is labelled alpha. Install in Claude Code with /plugin marketplace add BuilderIO/agent-native, then /plugin install agent-native-design@agent-native-apps, and authenticate the Design connector with /mcp. Your local app has to be running. The canvas is hosted by Builder.io, with a small local bridge on your machine, so use an app with demo data on screen. Canvas edits never write to your code by themselves.
Open the app on the canvas
Name the page and the sizes to compare. The skill suggests keeping to a handful of screens.
Say to Claude Code/visual-edit the dashboard at desktop, tablet, and mobile breakpoints
Edit on the canvas
Change copy, colour, spacing and layout by hand. Nothing is written to your source yet, so you can try things freely.
Pull the edits, with a preview
When you are ready, ask your agent to bring them in. Complex changes, such as moving elements between parents or editing shared components, are left to your coding agent, so read the plan.