add_route
Add a web page route to the Design Canvas as a live frame from the dev server, and return a route ID for future reference.
Instructions
Add a web page route to the Design Canvas. The route is loaded from the connected dev server and displayed as a live frame on the infinite canvas. Returns the route ID for future reference.
CONSTRAINTS:
Path must start with '/' (e.g., '/dashboard', '/settings', '/blog/[slug]')
Do not pass full URLs — the dev server base URL is configured in the app
Use standard responsive widths: 1280 desktop (default), 768 tablet, 375 mobile
Position (x, y) is auto-calculated if omitted — frames stack horizontally
RESPONSIVE COMPARISON: To compare layouts at different viewports, add the same path multiple times with different widths. Example: add '/dashboard' at width 1280, then add '/dashboard' again at width 375.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| x | No | X position on canvas. Auto-positioned next to existing frames if omitted. | |
| y | No | Y position on canvas. Auto-positioned if omitted. | |
| path | Yes | The route path, e.g. '/' or '/dashboard'. Must start with '/'. | |
| width | No | Viewport width in pixels. Use 1280 for desktop (default), 768 for tablet, 375 for mobile. | |
| height | No | Viewport height in pixels. Default: 800. |