{"repo":"narnia-sh/layrr","free":true,"listed":false,"github":"https://github.com/narnia-sh/layrr","clone":"git clone https://github.com/narnia-sh/layrr.git","description":"A browser coding agent interface for selecting elements and sending instructions directly to Claude Code.","language":"TypeScript","stars":263,"topics":["agent","ai","ai-agent","claude","claude-code","coding-agent","design","design-to-code","design-to-code-conversion","browser-coding-agent"],"license":"MIT","category":"ai-agents","readme_excerpt":"layrr Point, click, and edit any web app with AI Layrr lets you click an element in your running web app, describe the change in plain English, and send the exact source location to Claude Code, Codex CLI, or Gemini via Pi. --- The problem You can see the issue in the browser: the button is too wide, the copy is wrong, the spacing is off, or the component needs a quick behavior change. The slow part is finding the right file, line, and context before your coding agent can make a useful edit. Layrr sits between your browser and local dev server. It injects a small overlay, maps clicked elements back to source, and gives your coding agent the instruction plus the selected code location. Install Install Layrr globally: Usage Start your app first: Then run Layrr against the dev server port: Layrr opens a proxied version of your app at http://localhost:4567 . In the browser: 1. Click one or more elements. 2. Describe the change you want. 3. Let the selected coding agent edit the source. 4. Preview or revert Layrr edits from the overlay history. For a local checkout: Options Option Description --- --- -p, --port Local dev server port. Required. --proxy-port Layrr proxy port. Defaults to 4567 . --agent AI agent to use: claude , codex , or gemini . --gemini-model Save and use a Gemini model, for example gemini-2.5-flash . --configure-gemini Reconfigure the Gemini model and API key. --no-open Do not open the browser automatically. -h, --help Show help. Agents Layrr supports: - claude ","default_branch":null,"files":null,"tree":[],"storefront":"/r/narnia-sh","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/narnia-sh/layrr/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}