即刻App年轻人的同好社区
下载
# 公司 Windows 电脑也能随身手机用 Claude Code，我在回家的高铁上改完了 bug🚈😆
之前看到"陪女朋友逛街带上 Claude Code"的文章，Mac 用户配置一路丝滑。我也想复刻下——然后打开公司的 Windows 电脑，OpenSSH 报错 0x800f0954，Tailscale 官网打不开，PowerShell 不走代理……折腾得比较崎岖，最后还是靠着 Claude 全程接管跑通了。今天把这份 Windows 实践贴分享给大家👀
（提前鸣谢大佬 @Edward.Luo 的教程和启发🙏❤️，Mac 电脑的朋友指路大佬的配置指南 mp.weixin.qq.com）
写实践贴之前我想先把整套方案的原理讲清楚。因为我自己折腾的时候，最大的困惑不是某个命令怎么敲，而是根本不理解"为什么要装这个东西"。只要原理搞清楚了，具体配置完全可以丢给 Claude Code 帮你搞定。有兴趣的评论区留言我会发配置提示词，直接喂给 CC 让它帮你一步步装就行。
有人可能会问为什么不用 Happy Coder——我试过了，手机和电脑之间切换很卡顿，最终还是选了 tmux 方案。
---
先搞懂原理：为什么要装这些东西？
目标很简单：人在外面，手机能操作电脑上正在跑的 Claude Code。
要实现这个目标，得解决三个问题👇
1️⃣第一个问题：关掉窗口，Claude Code 就死了。
平时用 CC，是在终端窗口里跟它聊天。这个窗口就是 CC 的"家"——你关掉窗口，CC 直接被赶走，对话没了，活也停了。但你出门了，总不能一直开着窗口吧？
解决方案是 tmux。它给 CC 造了一个"永久的家"。你关窗口、断网、甚至注销电脑，CC 还在里面继续干活。等你想回来，输入 tmux attach 推开门，CC 还在，对话还在，一切都没变。
2️⃣第二个问题：手机怎么操作电脑的终端？
手机和电脑是两个设备，你需要一种方式让手机"进入"电脑。
解决方案是 SSH。手机装一个叫 Termius 的 App，输入电脑的地址和密码，就能在手机上打开电脑的终端，跟坐在电脑前一模一样。但这有个前提——电脑得装一个 SSH Server，相当于给电脑装了一道门和锁，手机才能敲门进来。
3️⃣第三个问题：出了门，手机找不到电脑了。
在同一个 WiFi 下，手机直接能连电脑。但你一出门换了网络，电脑藏在路由器后面，手机根本找不到它。
解决方案是 Tailscale。它在手机和电脑之间挖了一条"秘密隧道"。不管你在家、在公司、在地铁上，都能通过这条隧道直达电脑。
串起来就是：📱 手机 Termius → 🔗 秘密隧道 Tailscale → 🚪 电脑的门 SSH Server → 🏠 推门进家 tmux attach → 🤖 Claude Code 还在等你
三个工具各解决一个问题，缺一不可。
那 Windows 用户跟 Mac 有什么不同？Mac 用户装 tmux、开 SSH、装 Tailscale，半小时搞定。Windows 多走了一步弯路：Windows 没有 tmux，需要先装一个叫 WSL 的东西——你可以理解为在 Windows 里开了一个 Linux 小房间，tmux 和 SSH Server 都装在这个小房间里。所以 Windows 的完整方案是：WSL + tmux + SSH Server + Tailscale，比 Mac 多了一层 WSL，但原理完全一样。
---
你需要装的东西
电脑上：
- WSL（Windows 里的 Linux 环境）
- tmux（在 WSL 里装）
- SSH Server（在 WSL 里装）
- Tailscale（装在 Windows 上）
手机上：
- Tailscale（跟电脑登同一个账号）
- Termius（SSH 客户端，免费版够用）
---
小 Tips
💡 手机上打字太慢？装个豆包语音输入法，说话写 prompt 效率起飞
💡 养成 tmux 习惯。不管做什么都在 tmux 里跑，这样出门时随时能手机接管，不用专门记得提前开。
💡 想看 build 效果？Web 项目直接手机浏览器访问 `http://100.x.x.x:3000`（Tailscale IP + 端口），实时预览。需要看完整桌面就配合 ToDesk。
💡 配置嫌麻烦？评论区留言发你我整理的提示词，复制粘贴发给 Claude Code，让 CC 自己帮你完成所有配置步骤。
之前看到"陪女朋友逛街带上 Claude Code"的文章，Mac 用户配置一路丝滑。我也想复刻下——然后打开公司的 Windows 电脑，OpenSSH 报错 0x800f0954，Tailscale 官网打不开，PowerShell 不走代理……折腾得比较崎岖，最后还是靠着 Claude 全程接管跑通了。今天把这份 Windows 实践贴分享给大家👀
（提前鸣谢大佬 @Edward.Luo 的教程和启发🙏❤️，Mac 电脑的朋友指路大佬的配置指南 mp.weixin.qq.com）
写实践贴之前我想先把整套方案的原理讲清楚。因为我自己折腾的时候，最大的困惑不是某个命令怎么敲，而是根本不理解"为什么要装这个东西"。只要原理搞清楚了，具体配置完全可以丢给 Claude Code 帮你搞定。有兴趣的评论区留言我会发配置提示词，直接喂给 CC 让它帮你一步步装就行。
有人可能会问为什么不用 Happy Coder——我试过了，手机和电脑之间切换很卡顿，最终还是选了 tmux 方案。
---
先搞懂原理：为什么要装这些东西？
目标很简单：人在外面，手机能操作电脑上正在跑的 Claude Code。
要实现这个目标，得解决三个问题👇
1️⃣第一个问题：关掉窗口，Claude Code 就死了。
平时用 CC，是在终端窗口里跟它聊天。这个窗口就是 CC 的"家"——你关掉窗口，CC 直接被赶走，对话没了，活也停了。但你出门了，总不能一直开着窗口吧？
解决方案是 tmux。它给 CC 造了一个"永久的家"。你关窗口、断网、甚至注销电脑，CC 还在里面继续干活。等你想回来，输入 tmux attach 推开门，CC 还在，对话还在，一切都没变。
2️⃣第二个问题：手机怎么操作电脑的终端？
手机和电脑是两个设备，你需要一种方式让手机"进入"电脑。
解决方案是 SSH。手机装一个叫 Termius 的 App，输入电脑的地址和密码，就能在手机上打开电脑的终端，跟坐在电脑前一模一样。但这有个前提——电脑得装一个 SSH Server，相当于给电脑装了一道门和锁，手机才能敲门进来。
3️⃣第三个问题：出了门，手机找不到电脑了。
在同一个 WiFi 下，手机直接能连电脑。但你一出门换了网络，电脑藏在路由器后面，手机根本找不到它。
解决方案是 Tailscale。它在手机和电脑之间挖了一条"秘密隧道"。不管你在家、在公司、在地铁上，都能通过这条隧道直达电脑。
串起来就是：📱 手机 Termius → 🔗 秘密隧道 Tailscale → 🚪 电脑的门 SSH Server → 🏠 推门进家 tmux attach → 🤖 Claude Code 还在等你
三个工具各解决一个问题，缺一不可。
那 Windows 用户跟 Mac 有什么不同？Mac 用户装 tmux、开 SSH、装 Tailscale，半小时搞定。Windows 多走了一步弯路：Windows 没有 tmux，需要先装一个叫 WSL 的东西——你可以理解为在 Windows 里开了一个 Linux 小房间，tmux 和 SSH Server 都装在这个小房间里。所以 Windows 的完整方案是：WSL + tmux + SSH Server + Tailscale，比 Mac 多了一层 WSL，但原理完全一样。
---
你需要装的东西
电脑上：
- WSL（Windows 里的 Linux 环境）
- tmux（在 WSL 里装）
- SSH Server（在 WSL 里装）
- Tailscale（装在 Windows 上）
手机上：
- Tailscale（跟电脑登同一个账号）
- Termius（SSH 客户端，免费版够用）
---
小 Tips
💡 手机上打字太慢？装个豆包语音输入法，说话写 prompt 效率起飞
💡 养成 tmux 习惯。不管做什么都在 tmux 里跑，这样出门时随时能手机接管，不用专门记得提前开。
💡 想看 build 效果？Web 项目直接手机浏览器访问 `http://100.x.x.x:3000`（Tailscale IP + 端口），实时预览。需要看完整桌面就配合 ToDesk。
💡 配置嫌麻烦？评论区留言发你我整理的提示词，复制粘贴发给 Claude Code，让 CC 自己帮你完成所有配置步骤。
8 25
补充一些简单经验：
1.项目代码逻辑的还不复杂的时候果断总 Claude--dangerously-skip-permisson 给 cc 足够的权限，这样可以去做别的事情回来直接验收，不然每次要手动确认很多东西效率太低（当然前提是 2 做得好的情况下）
2. 项目铁律！先文档再代码，不管是 PRD，UI 稿，技术方案，计划方案等都要先规划沉淀好再开始写代码，过程中用好 claude.md（比如每次犯错后让 cc 将这次经验总结下来写入 claude.md 下次不要再犯同样错误）
3. cc 和 codex 的不同使用场景：
a. 对需求一定用 cc，codex 太理科男了（尤其是用 @刘小排 老师推荐的 CC askmyquestion 的方式来对需求，简直神器！感谢小排老师❤️）
b. 从 0 到 1 搭建项目用 cc
c. 前端还原用 cc
d. 任何 cc 尝试 2 次都解决不了的问题果断转 codex，大概率会给你惊喜
4. App UI 还原的细节问题让 cc 创建文件夹我们用 adb 截图把有 UI 问题的页面直接 pull放在指定文件夹，让 cc 自己去对照 UI 稿修复 UI 细节问题
5. 如果项目设计到 UI 还原可以在 cc 设计 subagent 方案的时候一定指定一个专门做 UI 走查的 subagent
1.项目代码逻辑的还不复杂的时候果断总 Claude--dangerously-skip-permisson 给 cc 足够的权限，这样可以去做别的事情回来直接验收，不然每次要手动确认很多东西效率太低（当然前提是 2 做得好的情况下）
2. 项目铁律！先文档再代码，不管是 PRD，UI 稿，技术方案，计划方案等都要先规划沉淀好再开始写代码，过程中用好 claude.md（比如每次犯错后让 cc 将这次经验总结下来写入 claude.md 下次不要再犯同样错误）
3. cc 和 codex 的不同使用场景：
a. 对需求一定用 cc，codex 太理科男了（尤其是用 @刘小排 老师推荐的 CC askmyquestion 的方式来对需求，简直神器！感谢小排老师❤️）
b. 从 0 到 1 搭建项目用 cc
c. 前端还原用 cc
d. 任何 cc 尝试 2 次都解决不了的问题果断转 codex，大概率会给你惊喜
4. App UI 还原的细节问题让 cc 创建文件夹我们用 adb 截图把有 UI 问题的页面直接 pull放在指定文件夹，让 cc 自己去对照 UI 稿修复 UI 细节问题
5. 如果项目设计到 UI 还原可以在 cc 设计 subagent 方案的时候一定指定一个专门做 UI 走查的 subagent
Rajesh: 从 PRD 到 cc+Pencil MCP 画 UI 稿，再通过 H5+Capacitor技术栈的方式用 cc 还原成 demo apk，全流程跑通！ 这个场景的想象空间在于高保真原型 app 可以通过产品经理一个人在极短时间内完成 apk 的实现和打包，进而投入用户访谈/ idea 验证/老板汇报，这在以往需要产品+设计+研发至少花费 1-2 周的时间才能搞定。 而且我这是手机厂商的内置应用业务，跟系统耦合比较深，如果是纯 c 端 app 产品其实还会更逻辑简单。 目前这个项目已经初步复刻了锁屏杂志 app （经验可以复用到其他业务 app） 的所有基础页面和场景，可以在这个基础把规划中的新功能 idea 快速做成原型（而且除了第一次构建项目流程，搭建环境等比较费时，第二次及以后添加新功能原型效率会翻倍）。 感谢 AI 时代❤️ 实现后的原型可以看录屏～
4 03
从 PRD 到 cc+Pencil MCP 画 UI 稿，再通过 H5+Capacitor技术栈的方式用 cc 还原成 demo apk，全流程跑通！
这个场景的想象空间在于高保真原型 app 可以通过产品经理一个人在极短时间内完成 apk 的实现和打包，进而投入用户访谈/ idea 验证/老板汇报，这在以往需要产品+设计+研发至少花费 1-2 周的时间才能搞定。
而且我这是手机厂商的内置应用业务，跟系统耦合比较深，如果是纯 c 端 app 产品其实还会更逻辑简单。
目前这个项目已经初步复刻了锁屏杂志 app （经验可以复用到其他业务 app） 的所有基础页面和场景，可以在这个基础把规划中的新功能 idea 快速做成原型（而且除了第一次构建项目流程，搭建环境等比较费时，第二次及以后添加新功能原型效率会翻倍）。
感谢 AI 时代❤️
实现后的原型可以看录屏～
这个场景的想象空间在于高保真原型 app 可以通过产品经理一个人在极短时间内完成 apk 的实现和打包，进而投入用户访谈/ idea 验证/老板汇报，这在以往需要产品+设计+研发至少花费 1-2 周的时间才能搞定。
而且我这是手机厂商的内置应用业务，跟系统耦合比较深，如果是纯 c 端 app 产品其实还会更逻辑简单。
目前这个项目已经初步复刻了锁屏杂志 app （经验可以复用到其他业务 app） 的所有基础页面和场景，可以在这个基础把规划中的新功能 idea 快速做成原型（而且除了第一次构建项目流程，搭建环境等比较费时，第二次及以后添加新功能原型效率会翻倍）。
感谢 AI 时代❤️
实现后的原型可以看录屏～
00:39
3 24
今天将昨天 cc+pencil mcp 设计好的 UI 稿用 cc 多 subagent 方式做代码实现，cc 评估目的后推荐了 H5 前端（HTML+CSS+JS）实现原型在用 capacitor 打包 apk 的方式做高保真 demo app，搞得差不多了！UI 还原度几乎 100%。
明天完整搞完后再分享下工作流经验和开源～
明天完整搞完后再分享下工作流经验和开源～
3 00
用上@云舒的AI实践笔记 舒佬的 prd_doc_writer skill （感谢舒佬🙏）跟 Claude code 沟通需求梳理 PRD，再用 Claude code + Pencil mcp 画功能 UI 图，实打实的实际工作场景中产品经理 工作流 AI 变革！
进一步基于 PRD 和 UI 图用 compose 做安卓 demo app，有希望可以交付一个需求-PRD-UI 稿-demo app 的高保真原型 agent🌚
进一步基于 PRD 和 UI 图用 compose 做安卓 demo app，有希望可以交付一个需求-PRD-UI 稿-demo app 的高保真原型 agent🌚
23 817
#用 Claude Code + Deep Research 重构锁屏杂志图片标签树的流水帐 🛠️
分享下最近工作上重构锁屏杂志图片标签树的经历。做海外业务最头疼的就是「文化隔阂」。以前的标签树满是「中国特色」的分类，要把它们变成适应印度、印尼等全球市场的体系，没有AI以前手动搞一个人基本搞不定。
这次试了一把全流程 AI 驱动，全程一个人搞定！
1️⃣首先先考虑好标签体系，一个完整的图片标签树包含两部分：图片画面元素标签（全球通用版本和核心国家本地化版本）和图片画面风格标签。我们已有旧版的画面元素标签但是适用中国市场用户的，没有海外版本，里面有很多中式标签比如地点里有很多中国城市。
2️⃣清洗旧秩序： 没找开发，直接让 Claude Code 写了个 Python 脚本。喂给它旧版标签树，通过 Excel 配置文件批量增删改，批量把把「中式标签」洗了一遍。
3️⃣注入新血肉： 画面元素标签既要 Global，又要有核心国家 Local 内容。直接上 ChatGPT 的 Deep Research，把印度/印尼的官方世界遗产、热门旅游城市，美食，节日文化等开源数据集「扒」下来，自动对齐填入。这比自己去搜 Wikipedia 靠谱多了。
4️⃣画面风格标签：全程由 gemini 设计，内容非常专业。
5️⃣可视化验收： Excel 看着太累，最后让 Claude Code 再手搓一个 HTML 页面。把枯燥的数据变成了一棵可以点击交互的「标签树」，层级结构一目了然。
以前觉得 PM 是写文档的，现在感觉越来越像「架构师」+「数据原本」，只要想清楚逻辑，代码只是中间件。
cdo-store-img-test.s3-ap-southeast-1.amazonaws.com
（‼️这个HTML移动端是适配一般，手机打开展示不全，可以将手机浏览器切换成桌面模式来浏览，或者最好电脑打开‼️）
这是最终图片标签树的 html 可视化展示，分 3 个树：
A.画面元素标签（全球通用版本）
B.画面风格标签
C.画面元素标签（印度本地化版本，包含了本地旅游地点，本地美食，本地节日文化，本地体育活动等的元素标签）
每个树最多有 5 级标签，一共有 1400 多个节点。HTML支持层层展开不同等级的标签内容展示，中英文切换等。
不管国内还是外网，全网应该找不到开源这么全的图片标签树体系内容，分享下欢迎相关图片内容业务的同行讨论交流🤝
分享下最近工作上重构锁屏杂志图片标签树的经历。做海外业务最头疼的就是「文化隔阂」。以前的标签树满是「中国特色」的分类，要把它们变成适应印度、印尼等全球市场的体系，没有AI以前手动搞一个人基本搞不定。
这次试了一把全流程 AI 驱动，全程一个人搞定！
1️⃣首先先考虑好标签体系，一个完整的图片标签树包含两部分：图片画面元素标签（全球通用版本和核心国家本地化版本）和图片画面风格标签。我们已有旧版的画面元素标签但是适用中国市场用户的，没有海外版本，里面有很多中式标签比如地点里有很多中国城市。
2️⃣清洗旧秩序： 没找开发，直接让 Claude Code 写了个 Python 脚本。喂给它旧版标签树，通过 Excel 配置文件批量增删改，批量把把「中式标签」洗了一遍。
3️⃣注入新血肉： 画面元素标签既要 Global，又要有核心国家 Local 内容。直接上 ChatGPT 的 Deep Research，把印度/印尼的官方世界遗产、热门旅游城市，美食，节日文化等开源数据集「扒」下来，自动对齐填入。这比自己去搜 Wikipedia 靠谱多了。
4️⃣画面风格标签：全程由 gemini 设计，内容非常专业。
5️⃣可视化验收： Excel 看着太累，最后让 Claude Code 再手搓一个 HTML 页面。把枯燥的数据变成了一棵可以点击交互的「标签树」，层级结构一目了然。
以前觉得 PM 是写文档的，现在感觉越来越像「架构师」+「数据原本」，只要想清楚逻辑，代码只是中间件。
cdo-store-img-test.s3-ap-southeast-1.amazonaws.com
（‼️这个HTML移动端是适配一般，手机打开展示不全，可以将手机浏览器切换成桌面模式来浏览，或者最好电脑打开‼️）
这是最终图片标签树的 html 可视化展示，分 3 个树：
A.画面元素标签（全球通用版本）
B.画面风格标签
C.画面元素标签（印度本地化版本，包含了本地旅游地点，本地美食，本地节日文化，本地体育活动等的元素标签）
每个树最多有 5 级标签，一共有 1400 多个节点。HTML支持层层展开不同等级的标签内容展示，中英文切换等。
不管国内还是外网，全网应该找不到开源这么全的图片标签树体系内容，分享下欢迎相关图片内容业务的同行讨论交流🤝
2 00