Back to topics

This article does not have an English body yet. Showing the Chinese version below.

3条vibe coding 务实建议

上下文管理

大模型看着上下文贼多,能塞下各种文档。但我的实际感受是上下文用到一半就开始胡扯了。

但我好不容易把需求描述明白了,就是你好不容易训练出一个大手子了,但他也快到极限了,再多做下个需求就要胡说八道了,如果开新窗口ai就又变成新兵蛋子。

这下怎么办?有两个方案。一是开启压缩,但压缩会有信息丢失,另一个是fork。

几乎所有agent都有fork功能,开启fork,会从当前上下文开启若干个分支,保留之前聊的上下文的同时又保证每个窗口都有记忆。你培养的老兵又回来了,可以帮你干更多的活了。

tailwind css

所有css都是屎山,不管你有多严谨的code review,你都保证不了css代码的可读性。这东西中文名叫层叠样式表,所谓层叠,就是像拉粑粑一样,通过一层一层的堆叠来实现页面样式的。随着粑粑越叠越高,最明显的问题是压在最底部的样式你不敢改了,改动一处要蹦多少处没人知道。

tailwind css 就是解决这个问题的,它把样式和dom狠狠绑定在一起,ai读着也省劲,不用到处去搜哪里用了这段样式。你维护也省劲,不用怕改了一处影响别处。

我最近接手一个项目,一个css文件堆了2000多行,根本不敢动。ai也只能继续往上堆,真是要了老命了。

没用上tailwind的项目,赶紧上。

grill-me

vibe coding的关键是自己做产品经理,开发者自己一定要把业务和需求吃透。只有搞明白自己想要什么,ai才能准确的实现出什么。

在聊需求的时候,为了避免鸡同鸭讲,一定要把这两个单词刻进骨髓“grill me”。中文就是拷问我。给大家推荐一个github上十万star的项目,是这个老哥自己维护的实际项目中沉淀下来的skill,老哥是谁,技术狠不狠不用我介绍,你光看他发量你就该清楚,这份skill一定要装。

![skill for real engineers](../../../Application Support/typora-user-images/image-20260606144426249.png)

里面有两个非常重要的skill,一个叫grill me,一个叫grill with docs,一个负责在agent动手改代码前拷问开发,另一个负责边拷问边把知识沉淀下来维护一份文档。

只有用过你才知道ai和你对需求理解上的差距,经常有时候一些边界情况我自己都没想明白,ai却先意识到,把问题抛给我。这一切都是为了让这次对话的上下文不是抽象的代码,多一些有用的信息,提高生成代码的可用度和准确性。