layrr

在浏览器里点选元素,直接指挥 Claude Code 改代码

layrr 是一个浏览器编码代理界面,让用户直接在网页上选择元素并向 Claude Code 发送指令,实现点击编辑和设计到代码的转换。它解决了传统编码代理需要频繁切换上下文、手动定位代码的问题,通过可视化交互简化了 AI 辅助编码流程。核心能力包括:浏览器内元素选择、指令直达 Claude Code、设计稿到代码的快速实现。适合前端开发者快速迭代 UI,或设计师直接生成可运行代码。

开源 unknown 智能体
访问官网 ↗ GitHub ↗ 文档 ↗
GitHub 星标 ★ 266
维护状态 低维护
是否开源 是
定价模式 unknown

项目数据

分类智能体
开发团队narnia-sh
所属国家
官网地址https://layrr.dev
定价模式unknown
价格说明定价信息待确认
访问状态
是否开源是
开源协议MIT
主要语言TypeScript
技术栈/模型agent,ai,ai-agent,browser-coding-agent,claude,claude-code,click-to-edit,coding-agent,design,design-to-code,design-to-code-conversion,framer-alternative,javas,typescript,website-design
GitHub 星标★ 266
30天Star增速
HF 下载量
上线时间2025-10-28 00:00:00
最近更新2026-09-13 00:00:00
维护状态低维护
中文支持
访问方式
移动端支持
综合评分
收录时间2026-08-09
浏览次数3

使用教程

核心亮点

  • 通过点击网页元素直接定位代码,减少上下文切换,提升修改效率
  • 集成 Claude Code,利用其强大代码理解能力,实现设计到代码的快速落地
  • 界面直观,降低 AI 编码工具的使用门槛,适合非深度技术用户

不足之处

  • 依赖 Claude Code,需额外配置 API 或环境,增加使用成本
  • 早期项目,功能可能不稳定,文档和社区支持待观察

适用场景

  • 前端开发者快速调整网页 UI 细节
  • 设计师将设计稿转化为实际代码
  • 使用 Claude Code 进行交互式编码教学

替代项目

OpenAI Codex、Cursor、GitHub Copilot Workspace

项目介绍

layrr 是智能体领域的开源项目,由 narnia-sh 开发,2025 年首次发布。

它收录于智能体分类,该分类目前共有 2,517 个项目,GitHub 星标数为 266。

项目已超过三个月没有代码更新,维护节奏明显放缓,最近一次代码更新于 2026-09-13。从国内网络环境看,可直接访问。

它主要面向的使用场景是:前端开发者快速调整网页UI细节。同类可对比的替代方案包括 OpenAI Codex、Cursor、GitHub Copilot Workspace。

上一篇:Abu-Cowork

下一篇:qKnow

同类项目推荐

xinchao-dynamic-mind 开源

给 AI 装上疲惫和欲望,让交互更真实

独立、可自托管的 AI 动态心智状态引擎:驱动力、念头池、疲惫、睡眠与意图。

★ 199 2026-08-09
deepseek-harness 开源

把 AI 能力拆成乐高积木,拼出你的专属智能体。

DeepSeek Harness: Everything is a Plugin.

★ 233327 2026-08-15
AutoGPT 开源

开箱即用的 AI 员工,交代任务就自己干完

AutoGPT is the vision of accessible AI for everyone, to use and to build on. Our mis···

★ 187492 2026-08-09
EvoAgentX 开源

让 AI 智能体自己迭代变强,越用越聪明

EvoAgentX: Building a Self-Evolving Ecosystem of AI Agents

★ 3351 2026-09-12