做一只数字仓鼠,咦,到处都是
我的最新Vibe Coding最佳实践方案
1. 用cursor的terminal打开claude code
2. 告诉Claude code我要干嘛,让他生成技术实现方案
3. 把方案给cursor review,并调整生成最终方案
4. 将最终方案丢给claude code实现
5. 让cursor review生成的代码
1. 用cursor的terminal打开claude code
2. 告诉Claude code我要干嘛,让他生成技术实现方案
3. 把方案给cursor review,并调整生成最终方案
4. 将最终方案丢给claude code实现
5. 让cursor review生成的代码
我最近用 AI 写页面样式发现让 AI 写出好看大方样式最简单的方法,避免让它添加千篇一律的蓝紫色渐变,那种标题是蓝紫色的样式一看就是 AI 生成的,无一例外。
1 使用 shadcn/ui 作为组件库,写到一个页面架构的 rule 中。
2 在 tweakcn.com tweakcn 找你喜欢样式,这里推荐使用简约的颜色系统,我现在很喜欢的是 Claude tweakcn.com/editor/theme?t… 它直接使用了 Claude 的样式系统,非常简约大方的配色,作为应用的配色,tweakcn 中的 theme 非常多,足够你找到喜欢的。
3 如果觉得页面太单调,可以要求 AI 使用这个颜色系统中 Chart & Visualization Colors 中的颜色来生成特别的点缀,比如一些标题的渐变,一些 badges 等等,它们是用来展示图表的,颜色比较跳跃,很适合去做一些特殊的展示。
这种方式生成的页面,虽然不会特别惊艳,但是也不会有突兀的配色,对于一个普通产品来说已经足够简洁大方,也不用有设计师去微调,非常适合工程师去去完成。
1 使用 shadcn/ui 作为组件库,写到一个页面架构的 rule 中。
2 在 tweakcn.com tweakcn 找你喜欢样式,这里推荐使用简约的颜色系统,我现在很喜欢的是 Claude tweakcn.com/editor/theme?t… 它直接使用了 Claude 的样式系统,非常简约大方的配色,作为应用的配色,tweakcn 中的 theme 非常多,足够你找到喜欢的。
3 如果觉得页面太单调,可以要求 AI 使用这个颜色系统中 Chart & Visualization Colors 中的颜色来生成特别的点缀,比如一些标题的渐变,一些 badges 等等,它们是用来展示图表的,颜色比较跳跃,很适合去做一些特殊的展示。
这种方式生成的页面,虽然不会特别惊艳,但是也不会有突兀的配色,对于一个普通产品来说已经足够简洁大方,也不用有设计师去微调,非常适合工程师去去完成。
我单方面宣布目前最好看的套壳 app 是 chorus.sh 也可以用自己的 API,相当于免费了。