Media
2 items
Description
Point at any UI element on localhost. Get a precise payload for your coding agent. Setu is a developer tool for designers who use AI coding agents like Claude Code. Instead of taking screenshots or writing long descriptions of what you want changed, you point directly at the element on your screen and get a precise, ready-to-paste prompt in one click. How it works Click the Setu icon on any localhost tab or local HTML file to open the panel. Hit Pick Element, click any UI element on the page, describe what you want changed, and click Generate Prompt. Copy the result and paste it straight into your AI coding agent. The prompt includes everything the agent needs: element type, current text, parent structure, page route, viewport position, ARIA attributes, and even the React component name when available. Key features - Pick any element on your localhost app or local .html file with a single click - Natural language mode: describe the change in plain English - Structured mode: choose from text, color, font, visibility, spacing - Stack multiple changes into one composite prompt for parallel agent runs - Prompt history saved across sessions - Built-in help guide for new users - Light and dark theme - Keyboard shortcuts for everything Who it is for Setu is built for designers and product builders who work closely with AI coding agents on localhost projects. If you have ever typed “the blue button in the top right of the hero section” into an AI chat, Setu replaces that with a precise, structured description the agent can actually use. Privacy Setu only runs on localhost, 127.0.0.1, and local files opened in Chrome. It never accesses production or public websites. Anonymous usage analytics are collected to improve the product. No personal data is stored or shared.