# Point at the page: Design mode for coding agents > Click an element in your running app, write the change, and your coding agent gets its details and a cropped screenshot. No more describing buttons. Source: https://shuriken.sh/blog/design-mode-point-at-the-page Click an element in your running app, write the change, and your coding agent gets its details and a cropped screenshot. No more describing buttons. Update By Shuriken Updated 27 October 2026 3 min read **Contents** Open your running app in Shuriken's browser, turn on Design, click the element you mean (hold Shift for several), then write the change. Your coding agent receives each element's details and a cropped screenshot, so "make this full width on phones" means exactly this button and nothing else. ## The pain: describing a page in words # Every front-end chat with an agent eventually sounds like this: "The second button in the header. No, the other one. The grey one next to the avatar. Not that grey, the lighter grey." We kept typing it ourselves, and we kept hearing it from the people testing Shuriken with us. The agent can read your code, but it can't see what you see. You end up translating pixels into prose, the agent translates the prose back into a guess, and you spend three turns correcting the guess. You don't describe a button to a colleague sitting next to you. You point at it. So we built the pointing. ## How Design mode works # - Open your app. Pick a dev server Shuriken found in the project, or type any address. The page opens in a browser inside Shuriken, right beside the chat. - Turn on Design and click. Click the part of the page you want to change. Hold Shift to pick several elements at once. - Describe the change. Write a short note for each element, or pick a few with Shift just to give the agent context. - Send it. The notes go to the agent in that chat as one message. ## What the agent gets # For every element you picked, the agent receives two things alongside your note: - the element's details, so it can find that element in your code; - a cropped screenshot of it, so it sees what you see. The difference shows up on the first turn. Instead of "which button?", you get the change. Shuriken runs Claude Code, Codex, Gemini CLI and 64 more agents side by side, with your own sign-ins. [Try Shuriken](https://shuriken.sh/) ## New in 5.1: say it, or queue it # Two things landed with Shuriken 5.1.0: - A voice note. Press the microphone in the note and say the change instead of typing it. Talking while pointing is surprisingly natural; we'll write that up properly in its own post, and [Voice](https://shuriken.sh/features/voice) covers dictation in general. - Add to queue. If the agent is in the middle of a turn, add the note to the queue instead of sending it. It waits its turn with everything attached, and you can keep clicking around and queueing the next fix. ## The browser around it # Design mode lives in a real browser, and a few details make it useful on real apps: - Your signed-in session. Import cookies from Chrome, Arc, Edge, Brave, Firefox or Safari, so the page opens already signed in to your app. Google's cookies are never imported: Google signs you out everywhere when they move. - One profile per workspace. Logins and storage stay with each workspace, so your staging account and your production account never mix. - Agents drive the same tab. When your agent clicks and types to test its change, it does it in the page you are looking at. - Passwords stay put. Password and secret fields never leave the page. More on all of that on the [browser feature page](https://shuriken.sh/features/browser). ## Desktop app only # The browser and Design mode are part of the desktop app for macOS, Windows and Linux. On your phone you can follow the chat, read the changes and queue the next message in the [web app](https://shuriken.sh/features/phone), but the pointing happens at your desk. If you are tired of describing buttons, [try Shuriken](https://shuriken.sh/), open your dev server and click the thing. Share [X](https://x.com/intent/post?url=https%3A%2F%2Fshuriken.sh%2Fblog%2Fdesign-mode-point-at-the-page&text=Point%20at%20the%20page%3A%20Design%20mode%20for%20coding%20agents)[LinkedIn](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fshuriken.sh%2Fblog%2Fdesign-mode-point-at-the-page)[Hacker News](https://news.ycombinator.com/submitlink?u=https%3A%2F%2Fshuriken.sh%2Fblog%2Fdesign-mode-point-at-the-page&t=Point%20at%20the%20page%3A%20Design%20mode%20for%20coding%20agents)[Reddit](https://www.reddit.com/submit?url=https%3A%2F%2Fshuriken.sh%2Fblog%2Fdesign-mode-point-at-the-page&title=Point%20at%20the%20page%3A%20Design%20mode%20for%20coding%20agents)[E-mail](mailto:?subject=Point%20at%20the%20page%3A%20Design%20mode%20for%20coding%20agents&body=https%3A%2F%2Fshuriken.sh%2Fblog%2Fdesign-mode-point-at-the-page) ## Frequently asked questions **Can I click an element and have Claude Code change it?** Yes. Open your app in Shuriken's browser, turn on Design, click the element and describe the change. It reaches the agent with the element's details and a cropped screenshot. **Can I say the change instead of typing it?** From Shuriken 5.1.0, yes: Design mode gets a voice-note button, and a note can go into the queue when the agent is busy. Before that, you type the note. **Can I pick more than one element?** Yes. Hold Shift while you click to pick several. Each one reaches the agent with its details and a cropped screenshot, in one message. **Do my passwords reach the agent?** No. Password and secret fields never leave the page. **Does Design mode work on my phone?** No. The browser and Design mode are part of the desktop app for macOS, Windows and Linux. Every coding agent 67 coding agents, one harness. Run Claude Code, Codex, Gemini CLI and the rest on your own computers, with the sign-ins you already have. [Try Shuriken](https://shuriken.sh/) [How it works](https://shuriken.sh/features/coding-agents) ## Keep reading - [Claude Code and Codex in one project: Story 27 Oct 2026 3 min read How to use Claude Code and Codex together on one project: a chat per agent, one set of MCP servers for both, and each agent on its own sources.](https://shuriken.sh/blog/claude-and-codex-together) - [Your agents run on your machines, not ours: Story 27 Oct 2026 3 min read Shuriken runs coding agents on your own computers and servers. Our cloud links devices and relays sealed messages. Why we chose local, and the trade-off.](https://shuriken.sh/blog/agents-on-your-machines) - [Claude Code vs Codex CLI (2026): Comparison 27 Oct 2026 6 min read Claude Code and Codex CLI side by side from each vendor's docs: plans, limits, MCP, platforms and licence. No made-up benchmarks, and how to run both.](https://shuriken.sh/compare/claude-code-vs-codex) ## Free tools - [Claude limit reset tracker](https://shuriken.sh/tools/limit-resets/claude) - [Codex limit reset tracker](https://shuriken.sh/tools/limit-resets/codex)