Setu

Tracking since May 4, 2026.

Changelog

• May 20, 2026
  description

  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 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 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
  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 and 127.0.0.1. It never accesses production or public websites. Anonymous usage analytics are collected to improve the product. No personal data is stored or shared.

  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.

• May 20, 2026
  host_permissions

  http://localhost/*, http://127.0.0.1/*, https://localhost/*, https://127.0.0.1/*

  http://localhost/*, http://127.0.0.1/*, https://localhost/*, https://127.0.0.1/*, file:///*

Permissions & access

Permissions

activeTabscriptingclipboardWritestoragetabs

Host access

http://localhost/*, http://127.0.0.1/*, https://localhost/*, https://127.0.0.1/*, file:///*

Screenshots