layrr: A browser coding agent interface for selecting elements and sending instructions directly to Claude Code

by thetronjohnson · Agent Tool · ★ 245

Last updated: · Indexed by AgentSkillsHub · Auto-synced every 8h

How to install layrr

npm install -g layrr

Taken from the project's README on GitHub. Check the security audit before running it.

Security audit verdict: SAFE · quality 74/100

None of the 42 rules matched — no credential harvesting, no data exfiltration, no curl-pipe-shell installer. Scanned against 42 published rules built on the SlowMist agent-security taxonomy, refreshed every 8 hours. Full audit →

The quality score combines nine heuristic checks of the repo and its README: completeness, clarity, specificity, examples, structure, agent readiness, step-by-step content, instruction quality and security notes. It rates how well the project explains itself to an agent, not the code.

agentaiai-agentbrowser-coding-agentclaudeclaude-codeclick-to-editcoding-agentdesigndesign-to-code

Quick Facts

Stars245
Forks30
LanguageTypeScript
CategoryAgent Tool
LicenseMIT
Quality Score74/100
Open Issues1
Last Updated2026-04-01
Created2025-10-28
Platformsbrowser, claude-code, cli, node
Est. Tokens~3416k

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.

Compatible Skills

These tools work well together with layrr for enhanced workflows:

  • figma-console-mcp — semantic(0.27)+complementary+rare_topics+same_lang+similar_pop+shared_platform (64%)
  • figma-flutter-mcp — semantic(0.27)+complementary+rare_topics+same_lang+similar_pop+shared_platform (63%)
  • pi-mcp-adapter — semantic(0.26)+complementary+rare_topics+same_lang+similar_pop+shared_platform (59%)
  • design-studio — semantic(0.36)+complementary+rare_topics+similar_pop+shared_platform (57%)
  • verify — semantic(0.19)+complementary+same_lang+similar_pop+shared_platform (57%)

layrr alternative? Top 6 similar tools

Looking for a layrr alternative? If you're comparing layrr with other agent tool tools, these 6 projects are the closest alternatives on Agent Skills Hub — ranked by topic overlap, star count, and community traction.

  • layrr by narnia-sh · ⭐ 267

    A browser coding agent interface for selecting elements and sending instructions directly to Claude Code.

  • golembot by 0xranx · ⭐ 322

    Any Agent × Any Provider × Anywhere. Connect Cursor, Claude Code, OpenCode, or Codex to Slack, Telegram, Disco

  • palot by ItsWendell · ⭐ 192

    Just another desktop client for OpenCode 2. Manage projects, sessions, parallel agents, requests, and changes

  • Overture by SixHq · ⭐ 641

    Overture is an open-source, locally running web interface delivered as an MCP (Model Context Protocol) server

  • smart-ralph by tzachbon · ⭐ 544

    Spec-driven development with smart compaction. Claude Code plugin combining Ralph Wiggum loop with structured

  • claudex by Mng-dev-ai · ⭐ 224

    Your own Claude Code UI, sandbox, in-browser VS Code, terminal, multi-provider support (Anthropic, OpenAI, Git

More Agent Tool Tools

Explore other popular agent tool tools:

View all Agent Tool tools →

Popular TypeScript Agent Tools

How this security grade is produced

Grades come from a rule-based scan built on the SlowMist agent-security taxonomy: 42 published rules, covering credential harvesting, data exfiltration, curl | sh installers and more. It is a first-layer scan, not a manual audit — we say so rather than overstate it.

The scale of the problem is documented independently: Liu et al. (2026), in a study of 31,132 agent skills, report that 26.1% contain security vulnerabilities. Our own full-catalog census is published as a citable open dataset.

Sources & who's responsible:

View on GitHub → Browse Agent Tool tools