Point at one element.
Pick it on the canvas and copy its link. Your agent edits that element and leaves the rest of the page alone.
The design canvas for your coding agent.
Your agent designs the screens on the plan you already pay for. Wirely puts them side by side.
Habit trackerDesign three different layouts for a habit tracker.
Works with any MCP client, including
Claude Code
Cursor
- Codex
opencode
One paste to connect.
Sign in and Wirely writes an install prompt with your token in it. Paste it into your agent and it adds Wirely to its own config.
Manual setup for every clientClaude CodeCursor, Codex, and opencode edit their config
$ claude mcp add --transport http wirely \ https://www.wirely.site/api/mcp \ --header "Authorization: Bearer wirely_…" --scope user
Tools: create_project, add_page, patch_page, get_page_png, list_comments, and 5 more
Share it for review.
Turn on a review link. Reviewers pin comments right on the screens, and you see them on your canvas.
$0
Wirely has no plans and no credits. It is open source, and your agent runs on the subscription you already have.
Star on GitHubNo agent? Bring a key.
Wirely can generate screens itself on your own provider key, starting on a free Gemini tier. Keys are encrypted at rest.
- Google AI Studio
- OpenRouter
- Z.ai
- Unsplash