最近看到 Gemini Storybook 上线了
然后看到网站很多的故事书分享
想着做一个网站将分享的故事书汇总下
然后分门别类的处理下
基于这个想法 开启了和 Claude Code
结对编程之旅 总体使用下来 太惊艳了
一个最大的感受是
之前是 Talk is Cheap, Show me the code
后面可能就是 Code is cheap, Show me the talk. 然后使用过程中有几个小的心得体会吧
1. 现在 AI 设计的前端组建有时候同质化比较严重 很多时候倾向于蓝紫色 渐变方式 这个问题 有时候我就强行 让它考虑更具有创新的方式 不要有思维范式
2. 和 Claude Code 讨论产品的界面和交互设计 这块我会让它使用 palywright mcp 查看当前网页状况 然后提供几个方案 使用 ASSIC 绘制出来
3. 最最最重要的还是 context 每次只让它聚焦开发一个小功能点 然后实现过程结果等内容更新到文档中 为后面 task 提供上下文
最后 欢迎大家体验 最近一周开发的小网站
欢迎批评指正哈
https://geministorybook.gallery
然后看到网站很多的故事书分享
想着做一个网站将分享的故事书汇总下
然后分门别类的处理下
基于这个想法 开启了和 Claude Code
结对编程之旅 总体使用下来 太惊艳了
一个最大的感受是
之前是 Talk is Cheap, Show me the code
后面可能就是 Code is cheap, Show me the talk. 然后使用过程中有几个小的心得体会吧
1. 现在 AI 设计的前端组建有时候同质化比较严重 很多时候倾向于蓝紫色 渐变方式 这个问题 有时候我就强行 让它考虑更具有创新的方式 不要有思维范式
2. 和 Claude Code 讨论产品的界面和交互设计 这块我会让它使用 palywright mcp 查看当前网页状况 然后提供几个方案 使用 ASSIC 绘制出来
3. 最最最重要的还是 context 每次只让它聚焦开发一个小功能点 然后实现过程结果等内容更新到文档中 为后面 task 提供上下文
最后 欢迎大家体验 最近一周开发的小网站
欢迎批评指正哈
https://geministorybook.gallery
14 条回复 • 2025-08-16 18:40:51 +08:00
 |
1
baovin 11 天前
想请教下这样一个工作流，需要大量写 skeleton ，architect.md 文档吗？
还有就是国内怎么订阅 claude code 比较好？ 拼车的那种 max 套餐怕泄露隐私 转发镜像站的那种，有比较担心用差模型比如 sonnet-3.5 感谢~ |
 |
2
SupDigitalOcean OP @baovin 目前还是拼车的方式 担心泄漏泄露隐私的哈 可以 Claude code 中配置下 禁止它读取某些文件 其它的方式 我也没什么好办法😂
|
 |
3
smillpp 11 天前  1
界面我都是自己找好对标，设计好结构和配色，再让 ai 写，还有一个问题，ai 写的文案，质量不也行，得自己打磨
|
 |
4
livc 11 天前 via iPhone
@SupDigitalOcean 哪里能上车呀
|
 |
5
165924 11 天前
claude 写前端总是用蓝紫色渐变，让他写了好几个项目都是，不知道是什么奇怪的设定
|
 |
7
chesha1 11 天前
|
 |
8
dream7758522 11 天前 via Android 1
故事像翻书一样看。配个图片更好了
|
 |
9
admirez 11 天前 via iPhone
搭车问一下 win11 claude code 命令行能用 ，vscode 的 claude code 一直都是说 403 是什么情况
|
|
10
SupDigitalOcean OP @admirez 目前都是使用的是 Linux 和 Mac windows 还没有使用过
|
|
11
SupDigitalOcean OP @dream7758522 感谢建议 目前 MVP 阶段想的是 还是先搜集更多的故事书 目前故事书觉得还是有些少 然后再打磨下数据搜集处理的自动化 pipeline
|
|
12
SupDigitalOcean OP @livc 我买的 ctok 的 为了避免打广告的嫌疑 就不细说了 谷歌搜索应该能搜到
|
|
13
SupDigitalOcean OP @165924 估计训练语料库中很多这种的数据吧
|
 |
14
viazure 11 天前
@165924 #5 因为 Tailwind CSS 创始人将 Tailwind UI 中的每个按钮都设为了“bg-indigo-500”
 。见 <https://x.com/adamwathan/status/1953510802159219096> |
Select Language