Now vibe coding, so learning hammer FE ?https://channel.meo-ai.comhttps://channel.meo-ai.com/posts/690https://channel.meo-ai.com/posts/690Mon, 03 Aug 2026 00:54:30 GMT<span class="post-title-source">《Domenic 的 Agentic 编码工作流：2026 年 7 月实战指南》</span><br /><br />标签：<a href="/search/result?q=%23%E5%89%8D%E7%AB%AF" title="#前端">#前端</a> <a href="/search/result?q=%23AI_Agent" title="#AI_Agent">#AI_Agent</a> <a href="/search/result?q=%23Claude_Code" title="#Claude_Code">#Claude_Code</a> <a href="/search/result?q=%23ChatGPT" title="#ChatGPT">#ChatGPT</a> <a href="/search/result?q=%23Tailscale" title="#Tailscale">#Tailscale</a> <a href="/search/result?q=%23Git_Worktrees" title="#Git_Worktrees">#Git_Worktrees</a> <a href="/search/result?q=%23DevOps" title="#DevOps">#DevOps</a> <a href="/search/result?q=%23%E8%BF%9C%E7%A8%8B%E5%BC%80%E5%8F%91" title="#远程开发">#远程开发</a><br /><br />总结：<br />Domenic 分享了他脱离企业环境后搭建的一套 AI 辅助开发工作流：以一台常驻开机的 Linux VM 为中枢，通过 Tailscale 构建跨设备私有网络，让 ChatGPT/<mark class="highlight">Claude</mark> 桌面应用作为瘦客户端远程操控 Agent。核心亮点包括零审批的"YOLO"安全策略、Git worktrees 实现多 Agent 并行开发、Portless 自动暴露安全预览服务器、VS <mark class="highlight">Code</mark> Remote-SSH 审查代码，以及 chezmoi 同步配置。最终效果惊人——他能在火车上用手机连接 VM，让前沿模型修复生产 bug 并直接合并 PR。<br /><br />文章要点：<br />1. Linux VM + Tailscale 是地基：Agent 训练数据几乎全是 Bash/Unix 工具，Windows 下寸步难行。用 Ubuntu Server 搭一台可抛弃的 VM，配合 Tailscale 的魔法 SSH 和 HTTPS 证书，无论在哪台设备、哪个 Wi-Fi 下都能无缝接入，还能让 Agent 启动的开发服务器拥有安全上下文。<br />2. ChatGPT 桌面应用体验完胜 <mark class="highlight">Claude</mark>：ChatGPT 原生支持远程 SSH 会话，断线重连优雅、worktree 管理清爽（默认放在 <code>~/.codex/worktrees/</code>）；<mark class="highlight">Claude</mark> 桌面应用则在 SSH/Remote Control 混合逻辑、会话同步、worktree 目录污染项目等方面表现糟糕，目前只能退而求其次用 <mark class="highlight">Claude</mark> <mark class="highlight">Code</mark> + tmux。<br />3. Git Worktrees 解锁并行开发：在 VM 上让多个 Agent 同时 hack 同一个仓库而不互相踩脚，ChatGPT 和 <mark class="highlight">Claude</mark> 都支持一键勾选 worktree 模式。Agent 会自动处理 <code>origin/main</code> 同步、依赖安装和 <code>.env</code> 复制，人类完全不用操心。<br />4. Portless 让预览服务器"零摩擦"：不用改 <code>npm run dev</code> 绑定 <code>0.0.0.0</code>，也不用记端口。<code>tportless</code> 包装器自动把 localhost 服务代理到 Tailscale 专属域名（如 <code>https://agents-base.tail234567.ts.net:8443/</code>），多 Agent 并行时端口自动隔离，且外网无法访问。<br />5. "危险模式"下的生存策略：把 <code>~/.codex/config.toml</code> 和 <code>~/.<mark class="highlight">claude</mark>/settings.json</code> 都设为"永不询问权限"，配合 sudo 和 <code>gh</code> CLI 登录，让 Agent 能自主装工具、发 PR、合并代码。风险靠"频繁推送到 GitHub 私有仓库"来对冲——VM 炸了代码也在云端。<br />6. 手机修生产 Bug 已成现实：完整闭环——聚会发现 bug → 火车上打开 ChatGPT App → 远程连接 VM 启动修复 → 收到推送通知里的预览链接验证 → 手机审阅 diff 并合并 PR → 到家前 GitHub Actions 已部署上线。这就是未来。<br /><br />URL：<a href="https://domenic.me/agentic-coding-setup/" target="_blank" rel="noopener" title="https://domenic.me/agentic-coding-setup/">https://domenic.me/agentic-coding-setup/</a><a class="tgme_widget_message_link_preview" href="https://domenic.me/agentic-coding-setup" target="_blank" rel="noopener" title="With the right tools, coding agents can run autonomously, in parallel, and be reachable from anywhere. Here's how I've stitched them together."> <div class="link_preview_site_name accent_color">Domenic Denicola</div> <div class="link_preview_title">My Agentic Coding Setup, July 2026</div> <div class="link_preview_description">With the right tools, coding agents can run autonomously, in parallel, and be reachable from anywhere. Here's how I've stitched them together.</div> </a>https://channel.meo-ai.com/posts/621https://channel.meo-ai.com/posts/621Tue, 05 May 2026 09:57:50 GMT<span class="post-title-source">《OpenWolf：</span><mark class="highlight"><span class="post-title-source">Claude</span></mark><span class="post-title-source"> </span><mark class="highlight"><span class="post-title-source">Code</span></mark><span class="post-title-source"> 的开源"第二大脑"》</span><br /><br />标签：<a href="/search/result?q=%23AI%E8%BE%85%E5%8A%A9%E7%BC%96%E7%A8%8B" title="#AI辅助编程">#AI辅助编程</a> <a href="/search/result?q=%23Claude_Code" title="#Claude_Code">#Claude_Code</a> <a href="/search/result?q=%23Token%E4%BC%98%E5%8C%96" title="#Token优化">#Token优化</a> <a href="/search/result?q=%23%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7" title="#开发工具">#开发工具</a><br /><br />总结：OpenWolf 是一款为 <mark class="highlight">Claude</mark> <mark class="highlight">Code</mark> CLI 设计的开源中间件，通过 6 个无感知的生命周期钩子脚本，为 AI 助手提供项目文件索引、学习记忆和 Token 追踪能力。实测在 20 个项目、132+ 会话中平均减少 65.8% 的 Token 消耗，最高可达 80%，同时拦截 71% 的重复文件读取，让 <mark class="highlight">Claude</mark> <mark class="highlight">Code</mark> 从"盲目工作"变成"有记忆地智能工作"。<br /><br />文章要点：<br />- 解决 <mark class="highlight">Claude</mark> <mark class="highlight">Code</mark> 的"盲目"痛点：<mark class="highlight">Claude</mark> 在读取文件前不知道文件内容，会重复读取同一文件、扫描整个目录找函数，导致 Token 消耗过快 <br />- 6 个钩子脚本实现无感知增强：基于 SessionStart、PreToolUse、PostToolUse、Stop 三个生命周期事件，自动执行文件索引、重复读取拦截、偏好记忆和 Token 估算，无需改变任何工作习惯 <br />- 核心文件系统构建"第二大脑"：<code>anatomy.md</code> 记录项目文件地图与 Token 估算，<code>cerebrum.md</code> 积累用户偏好与"不再重复"清单，<code>buglog.json</code> 归档历史 Bug 修复方案，<code>token-ledger.json</code> 追踪终身 Token 消耗 <br />- 显著的 Token 节省效果：大型项目实测从 250 万 Token 降至 42.5 万（节省约 80%），20 个项目平均节省 65.8%，拦截 71% 的重复读取，累计节省超 200 万 Token <br />- 纯本地运行零额外成本：所有钩子均为纯 Node.js 文件 I/O，无网络请求、无外部 API 调用，仅依赖 Node.js 20+ 和 <mark class="highlight">Claude</mark> <mark class="highlight">Code</mark> CLI <br />- 额外实用功能：内置 Design QC 自动截图供 <mark class="highlight">Claude</mark> 评估 UI，Reframe 功能提供 12 个 UI 框架的迁移知识库，支持实时 Web 仪表盘查看统计数据 <br />- 诚实的局限性说明：<mark class="highlight">Claude</mark> <mark class="highlight">Code</mark> 钩子功能较新偶有可靠性问题，Token 追踪基于字符比例估算（误差约 15%），<a href="http://cerebrum.md/" target="_blank" rel="noopener" title="cerebrum.md">cerebrum.md</a> 依赖 <mark class="highlight">Claude</mark> 遵守指令更新（合规率 85-90%）<br /><br />文章URL：<a href="https://github.com/cytostack/openwolf" target="_blank" rel="noopener" title="https://github.com/cytostack/openwolf">https://github.com/cytostack/openwolf</a><a class="tgme_widget_message_link_preview" href="https://github.com/cytostack/openwolf" target="_blank" rel="noopener" title="Portable project memory across Claude Code, Codex and OpenCode, plus token accounting measured from harness transcripts. Local file I/O, no API calls, no telemetry. - cytostack/openwolf"> <div class="link_preview_site_name accent_color">GitHub</div> <img class="link_preview_image" alt="GitHub - cytostack/openwolf: Portable project memory across Claude Code, Codex and OpenCode, plus token accounting measured from…" src="/static/https://cdn4.telesco.pe/file/TQfVCT1CL9lEW1TIVHdhXlQbTRx2L5kvk0gjADlZi0ar72vHgnICbd681OyZuDdiFS2XjTB338aqVQyG6kLYoN4O-glaq0SYnrssQMLWy5GpXzppEV6zV7Fypyze4bgejT0nSQFj8Wt4xbG1W-e4NoObg0c4S0mIaR43PLGhwqDU1GZXENd3AH6VU-4vt_Crh0SNG5csL521Vz3tNYIr9nwR5NFsH5OO6ikv_vxJV6AGtaiBdxVRblU1kGxXvm2sr78RdE22bOQ8HEtkMiyBsVwCVcm7QeZwBq4UU3-jg1f8SGpt1hEQQ6h0s1RSX-AJ7k1P-lBNRzthuUaZ0QLPhQ.jpg" width="1200" height="630" loading="eager" /> <div class="link_preview_title">GitHub - cytostack/openwolf: Portable project memory across <mark class="highlight">Claude</mark> <mark class="highlight">Code</mark>, Codex and OpenCode, plus token accounting measured from…</div> <div class="link_preview_description">Portable project memory across <mark class="highlight">Claude</mark> <mark class="highlight">Code</mark>, Codex and OpenCode, plus token accounting measured from harness transcripts. Local file I/O, no API calls, no telemetry. - cytostack/openwolf</div> </a>