layrr

About layrr

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.

agent ai ai-agent browser-coding-agent claude claude-code click-to-edit coding-agent design design-to-code

Quick Facts

Stars	255
Forks	31
Language	TypeScript
Category	Agent Tool
License	MIT
Quality Score	74.1694057484804/100
Open Issues	1
Last Updated	2026-05-10
Created	2025-10-28
Platforms	browser, claude-code, cli, node
Est. Tokens	~3418k

Compatible Skills

These tools work well together with layrr for enhanced workflows:

layrr — semantic(1.00)+rare_topics+same_lang+similar_pop+shared_platform (70%)
typeui — semantic(0.35)+complementary+rare_topics+same_lang+similar_pop+shared_platform (67%)
styleseed — semantic(0.33)+complementary+same_lang+similar_pop+shared_platform (62%)
bridge — semantic(0.20)+complementary+same_lang+similar_pop+shared_platform (57%)
melta-ui — semantic(0.19)+complementary+same_lang+similar_pop+shared_platform (57%)

More Agent Tool Tools

Explore other popular agent tool tools:

superpowers ⭐ 249.2k
AutoGPT ⭐ 185.4k
ollama ⭐ 175.7k
skills ⭐ 159.6k
langflow ⭐ 151.3k
langchain ⭐ 141.3k
gstack ⭐ 120.4k
browser-use ⭐ 103.4k
autoresearch ⭐ 90.3k
deer-flow ⭐ 76.4k

View all Agent Tool tools →

Popular TypeScript Agent Tools

openclaw ⭐ 382.1k · Codex Skill
n8n ⭐ 195.6k · MCP Server
dify ⭐ 148.1k · MCP Server
gstack ⭐ 120.4k · Agent Tool
gemini-cli ⭐ 105.8k · MCP Server

Frequently Asked Questions

What is layrr?

layrr is A browser coding agent interface for selecting elements and sending instructions directly to Claude Code.. It is categorized as a Agent Tool with 255 GitHub stars.

What programming language is layrr written in?

layrr is primarily written in TypeScript. It covers topics such as agent, ai, ai-agent.

How do I install or use layrr?

You can find installation instructions and usage details in the layrr GitHub repository at github.com/narnia-sh/layrr. The project has 255 stars and 31 forks, indicating an active community.

What license does layrr use?

layrr is released under the MIT license, making it free to use and modify according to the license terms.

View on GitHub → Browse Agent Tool tools