commit 41be1d24d320d7479ce2c3076a6806e858bef619
Author: xiaoYuan928 qxy898928@gmail.com
Date: Wed Feb 25 11:00:04 2026 +0800
auto sync todo: 2026-02-25 11:00
diff --git "a/content/todo/\350\267\237\347\213\254\347\253\213\345\274\200\345\217\221\345\244\251\350\212\261\346\235\277Levelsio\345\255\246\345\210\260\344\272\206\344\270\200\346\213\233\357\274\201.md" "b/content/todo/\350\267\237\347\213\254\347\253\213\345\274\200\345\217\221\345\244\251\350\212\261\346\235\277Levelsio\345\255\246\345\210\260\344\272\206\344\270\200\346\213\233\357\274\201.md"
new file mode 100644
index 0000000..dca28e0
--- /dev/null
+++ "b/content/todo/\350\267\237\347\213\254\347\253\213\345\274\200\345\217\221\345\244\251\350\212\261\346\235\277Levelsio\345\255\246\345\210\260\344\272\206\344\270\200\346\213\233\357\274\201.md"
@@ -0,0 +1,75 @@
+最近刷到几个 Claude Code 的使用技巧,都不复杂,但确实能提升日常开发效率。整理了三个我觉得实用的,分享给大家。
+
+## 跨项目搬运功能:Levelsio 的"描述中转"法
+
+Pieter Levels(levelsio),这个人是独立开发圈的天花板。一个人,没团队,月收入25万美金以上。
+
+同时维护着好几个网站,经常需要把一个站的功能复制到另一个站。他的做法是不复制代码,复制功能描述。
+
+在站 A 的 Claude Code 会话里,让它详细描述某个已有功能的实现逻辑、交互细节、数据结构。
+
+Claude Code 会输出一份结构化的自然语言描述。然后把这段描述复制粘贴到站 B 的 Claude Code 会话里,让它照着重建。
+
+
+
+这个方法比直接复制代码要灵活。两个项目的技术栈不一定相同, React、Vue、Tailwind、自定义 CSS,直接搬代码大概率跑不起来。但功能描述是技术栈无关的,现在AI大模型能力这么强,拿到描述会根据目标项目的上下文自动适配实现方式。
+
+这个思路可以学习一下,代码是实现层面的,换个环境就不通用了;但功能描述是需求层面的,天然可以跨项目复用。
+
+往大了说,这其实就是现在 AI 编程的趋势。你越来越不需要关心代码怎么写的,你只需要关心功能是什么、交互是什么、数据怎么流转。
+
+代码变成了 AI 的事,网站功能和需求才是人的事。
+
+## 用 ASCII 线框图代替文字描述 UI
+
+用 Claude Code 写前端的时候,你说"左边放一个搜索框,右边放一个表格,下面加个分页",AI 大概率理解的和你想的不一样。来回改几轮,时间就浪费了。
+
+和前端页面设计相关的,之前写过好几篇文章,有不同的方案可以做到,比如谷歌的 stitch 网站,专门做页面设计的,很高级,比如还有frontend-design 这个 skill 我现在用的比较多。
+
+还有一种高效的方式是画 ASCII 线框图。这种方式就比较适合你自己对页面有想法,对布局有自己的构思,用纯文本字符画出界面的大致布局,直接粘贴给 AI。
+
+AI 对这种结构化的视觉表达比文字描述理解得更准确。
+
+现在有几个专门做这件事的在线工具。Mockdown(mockdown.design)是一个免费的 ASCII 线框图编辑器,内置了 20 多个组件,按钮、输入框、表格、卡片、导航栏都有,拖拽放置,双击编辑文字,一键复制成 Markdown。
+
+我试了一下,水平不够,还是更适合有设计基础的人用这种方式。
+
+
+
+
+
+如果不想用工具,也可以直接让 Claude Code 帮你画。告诉它"先画一个 ASCII 线框图给我确认布局",它会输出一份文本线框图,你确认没问题再让它生成代码。这样省去了来回描述布局的沟通成本。
+
+## 防止 Claude Code 长会话丢失上下文
+
+用 Claude Code 做复杂重构的时候,经常会遇到一个问题:会话进行到一半,上下文被压缩(compaction),之前讨论过的决策、约定好的模式、正在进行的修改,突然就被忘了。轻则需要重新解释一遍,重则 AI 会跑偏。
+
+DEV 社区有个开发者分享了他的应对方案,核心思路是在项目根目录维护一个 SESSION.md 文件,作为"上下文保险"。
+
+SESSION.md 的内容很简单,记录四样东西:
+
+当前目标(一句话说清楚这次会话要干什么)、已做的关键决策和原因、明确拒绝的方案和原因、当前进度(改了哪些文件,进行到哪一步)。
+
+
+
+
+
+每隔 20 到 30 分钟更新一次这个文件,花不了两分钟。这样即使 compaction 发生了,Claude Code 重新加载的时候会读到这个文件,核心上下文不会丢。
+
+还有一个关键操作:当你感觉上下文快满了的时候,不要等系统自动压缩,主动执行 /compact 命令,并且带上自定义提示词。比如:
+
++/compact "请在摘要中包含:所有被拒绝的方案及原因、所有关键决策及理由、当前正在修改的文件列表、所有进行中任务的确切状态"
+
+
+默认的自动压缩只会保留"在做什么",不会保留"为什么这么做"和"什么方案被否决了"。自定义提示词可以让压缩后的摘要质量好很多。
+
+压缩完成后,问一下"我们目前在做什么,之前做了哪些决策?"确认 AI 的理解是对的,再往下走。这就叫磨刀不误砍柴工。
+
+补充一点:Claude Code 从 2025 年底开始已经内置了 Session Memory 功能,会在后台自动保存会话中的关键信息,下次开新会话时自动加载。到最近的版本(2026 年 2 月的 v2.1.30+),你会在终端里看到"Recalled memories"和"Wrote memories"的提示。
+
+所以官方其实在解决这个问题了,但目前自动记忆保存的内容偏通用,对于复杂重构中那些细粒度的决策和被否决的方案,SESSION.md 手动记录仍然更靠谱。两个方案不冲突,可以一起用。
+
+## 写在最后
+
+这三个技巧有一个共同点:都是在解决 AI 编程工具"理解不到位"的问题。功能搬运用自然语言做中间层,线框图用结构化文本替代模糊描述,SESSION.md 用持久化文件对抗上下文丢失。方法都不复杂,但知道和不知道的效率差距挺大的。
\ No newline at end of file
💡 AI 工具的爆发,让普通人也能快速做出产品。
但如何做?如何变现?如何真正走向海外市场?
👇 想了解更多 AI 编程 & 出海实战信息,扫码添加好友了解更多
🔗 更多教程请访问 ipengtao.com
文章评论