导语： 这两天翻 Hacker News 的 Show HN 区，我淘到了一件国内还没人写教程的宝贝：一个浏览器工具条，设计师在网页上“圈个圈、写句话”，你仓库里的 Claude Code 就自动把 UI 改了。它叫 devbar，MIT 开源、免费、可自托管。配套还有三件值得顺走的新货：一个对标 Claude Code 的开源终端 Agent Aurict、一个 2 美元/小时的 H100 租赁站、一个把 YouTube 上 AI 生成视频一键隐藏的 Safari 插件。这四样合起来，恰好是“派活 → 干活 → 算力 → 内容治理”的完整链路，而且全部免费或白菜价。这篇文章给你拆清楚每个工具是什么、怎么装、和国内方案差在哪。
官网：devbar.sh（作者 Tim Mikeladze，Show HN 上线 18 小时，MIT 协议，官方明确写着 free forever、可自托管）
它解决什么问题？ 做过前端的人都知道最烦的流程：设计或产品发来一句“hero 区域有点挤，能不能调一下”，你来回追问五轮才搞清楚她说的是哪个按钮。截图不是上下文，人看不懂的东西 Agent 更看不懂。devbar 的思路是：在网页里注入一个工具条，任何人指哪、圈哪、写备注，它自动抓取这个元素的完整“技术指纹”——
src/ui/Button.tsx:6 这种文件行号然后这份报告一键路由到 claude、codex、opencode 命令行（报告会推送到你项目目录里正在跑的 Agent CLI，截图以真实文件形式写盘，Agent 可以直接读），或者走 GitHub Issue、webhook、Slack、Jira、Linear。
怎么用？三步：
<script> 标签，或装 React 组件，零构建步骤，任何 HTML 页面都能用；devbar 命令（本地起服务，探测 127.0.0.1:3100/3101），再让 Agent 会话执行 devbar mcp 挂上 stdio MCP 服务器；list_reports 读任务队列、inspect_element 现场查元素、screenshot_page 截图、wait_for_reload 等热更新、highlight_element 在你浏览器里闪个框告诉你“我改这了”。注意安全设计做得相当克制：只绑 loopback、默认 permission: "plan"、自动派单默认关闭、每个 origin 单独授权——网页不可能凭空在你仓库里跑代码，除非你手动打开"Agent live"开关。
和国内方案的差距： 蓝湖、墨刀、腾讯 CoDesign 这类工具做的是“设计标注给人看”，链条到交付就断了；devbar 是第一条把“网页标注”直接接到 coding agent 的开源链路。国内同类（面向 Agent 的 UI 标注回传工具）截至发稿我还没搜到对应物。
适用人群：前端 + 设计协作的小团队、接外包改页面频繁的独立开发者、想让 QA 反馈直接变成 Agent 任务的工程团队。
flowchart LR
A[设计/QA 在网页上圈选元素<br>+ 写备注] --> B[devbar 工具条抓取指纹<br>选择器/样式/React树/源码行号]
B --> C[devbar 本地服务 :3100<br>任务队列]
C -->|PUSH 推送| D[claude / codex / opencode<br>在仓库里干活]
C -->|PULL 拉取| E[已有 Agent 会话<br>via devbar mcp]
D --> F[改代码 → HMR 热更新]
E --> F
F --> G[screenshot_page 截图验证<br>highlight_element 高亮反馈]
G --> H[resolve_report 关单]
仓库：github.com/aurict/aurict（AGPL-3.0，npm 包 @aurict/cli，官网 aurict.com）
Show HN 上线 5 小时，还很小众，但 README 的完成度吓人。定位是"terminal-native AI coding assistant"——和 Claude Code、Aider 同一赛道，差异化在三点：
/design 命令开向导直接生成 UI；aurict /config set anthropic sk-ant-... 就能跑。几个值得偷师的功能点：/undo 回滚最近 N 步 Agent 操作（含文件改动）、/fork 复制会话分支、/watch 监听文件变动自动跑 prompt、/btw 写旁注不污染对话、/skill-scores 给每个 skill 打效果分。它还在 127.0.0.1:7777 暴露了一套带 Bearer 认证的本地 HTTP API，可以从脚本和 CI 里驱动它。
和国内对比：通义灵码、腾讯 CodeBuddy 走 IDE 插件路线且绑定自家模型；终端原生的开源 Agent 国内基本空白。如果你被 Claude Code 的订阅费劝退，Aurict + DeepSeek/OpenRouter 国产模型 Key 是一条可行的平替路径。
安装：curl -fsSL https://aurict.com/install.sh | bash（macOS/Linux，自校验 SHA-256，不需要 Node）。
Show HN 一天 53 分，标题即卖点：H100 每小时 $2.04、H200 每小时 $3（官网 compute.cheap）。折合人民币约 15 元/小时跑一张 H100 80G——对要短时批量跑推理、微调验证、跑 eval 的个人开发者，这个价格档值得放进收藏夹。新站稳定性未经长期验证，建议按小时租、别大额充值，跑 benchmark 前先小任务试水。国内平台以 4090 等消费级卡为主，H100/H200 档位选择少且时价明显更高（具体以各平台现价为准），跨境团队可以直接对比。
两天 182 分、81 条评论，是本周 Show HN 最火帖之一：一个 Safari 扩展，把 YouTube 官方标注为“AI 生成”的视频直接从推荐流里藏掉（作者页面 masteranza.github.io，扩展免费）。为什么值得国内用户关注？它本身暂时用不上——B 站抖音还没有 AI 标注体系——但它是个强信号：海外用户已经开始为“过滤 AI slop”付费安装工具了。“帮人类过滤 AI 内容”会像当年的广告拦截器一样成为一个品类，做浏览器插件出海的可以盯这个方向。
| 维度 | 你以为的 | 实际情况 |
|---|---|---|
| UI 改需求 | 截图 + 微信群来回追问 | devbar 圈选即出源码级 spec，Agent 直接改 |
| 终端 Agent | 只有 Claude Code 一家独大 | Aurict 全开源 BYOK，218+ skills，可接国产模型 |
| H100 价格 | 一小时几百块是企业专属 | $2.04/小时，个人按小时租毫无门槛 |
| AI 内容泛滥 | 只能忍 | 海外已出现“过滤 AI”品类，182 分验证需求 |
git clone 一个自己的前端项目，按 devbar 官网贴 script 标签 + 跑 devbar 和 devbar mcp 两条命令，让 Claude Code 接管一次 UI 微调，体验“圈选→改码”闭环；本文由「51学通信」技术团队出品。51学通信由通信行业18年老兵爱卫生（微信ID: gprshome201101）维护。 聚焦5G/6G核心网、3GPP标准、AI工具实战。知识星球「51学通信」提供深度技术答疑和行业洞察。
[!tip] 51学通信知识星球 星主：爱卫生（微信：gprshome201101）——公众号「51学通信」创办者，19 年通信行业运维与讲师经验，著有《GPRS网络信令实例详解》《EPC原理与实践》《5G核心网原理与实践》三本纸质书（各大电商平台有售）。 星球定位：深耕 5G 核心网、IMS、NFV/AI、云原生等 ICT 领域，主打运维岗位与信令分析。 当前规模：5200 篇主题 / 990 个回答，198 元/年。 加入福利：加入星球后请加爱卫生微信，拉您进知识星球年度陪伴与答疑群——不限量回复您的各种问题，另有群内分享。 AI 加持：51学通信知识星球已作为 skill 接入 WorkBuddy，使用 deepseek-4-flash 在海量星球帖子中精准找贴、找视频、找 FAQ 和案例，做总结、找文档和 PPT 等场景全覆盖。