yuanbao

[yuanbao @Yuli0_v]

@ThanksuTrump 好可怜啊

[yuanbao @Yuli0_v]

@sbbabb11 B

[yuanbao @Yuli0_v]

@Fallon_4048 😳😳什…

[yuanbao @Yuli0_v]

@Mikey00312 我的天啊 这么变态

[yuanbao @Yuli0_v]

@coseryaya @ariairl 啊啊啊啊啊受不了了

[yuanbao @Yuli0_v]

@tonya_uvn 抱抱你 我也是低落的时候总是觉得身边人好可怜 小机好可怜为什么开到我这种人 我的小猫也好可怜 我的家人朋友也好可怜…觉得自己是个祸根 但是事后就会好很多(._.)你肯定也有特别好的地方 千万不要在情绪低迷的时候真的觉得自己不好呀

[yuanbao @Yuli0_v]

@lilin6981 上次还跟GPT说来着“把我当成一个弱智教”

[Huahh @X1aoBa10]

和…和绳子表白了，他…他一直吊着我，我脸…我脸一直红红的，感…感觉像是恋爱了，原来幸福真的…真的可以让人喘不过气，心脏也在慢慢放松，从小…从小到大的事都在眼前浮现

[シズ @sizu_6890]

最近自分の知能がどんどん下がってってる気がして怖い

[yuanbao @Yuli0_v]

@MaltoseCatLoaf 好滴

[我需要一张绿卡 @DUBIANCHEOVO]

我发明了一个新体位叫9，基本上就是我一个人蜷在床上痛哭

[蛙宝OvO @NewfrogOuO]

以本人七年无毛经验出了个普通人小成本脱毛教程
建议不要太频繁，最短最短也是三天，每天刮的话很容易翻车
有条件能去专业还是去
#脱毛 #脱毛教程 #私处脱毛 #蜜蜡脱毛
腋毛也可以！硬毛都可以这样处理，但是小心狐臭！

[𝕃𝕦𝕔𝕚𝕖🥝 @luicethekiwi]

看到有人说每个版本生成的东西不稳定、会把页面弄坏。
做前端美化的流程好像终于摸索出来一点了，写在这里希望可以帮到大家。

一套流程，核心就一句话：别让一个工具干所有事，给AI立外部锚点。

所有需要的工具：
Claude
Claude design
Codex (plus足够)

我的前后端都是在Claude Chat那边做的，开项目做。
Q:为什么我不用cc做？
因为个人觉得cc动起来太快了，无法把握细节，也不好在构思的时候充分展开。
Q: 为什么不用Codex直接上？
因为Codex太老实了，而且审美很差。

一、把项目的instruction写好：
1. 做前端页面之前先去读skill（让小机去github找前端设计skill，由用户下载下来导入）。
2. 要改动什么，跟我商量。

二、在项目文件栏里放好日志和技术文档：
1. 每天的项目日志
2. 阶段性的技术文档
3. 你的网页的Design System

ps: Design System有时候没办法开工之前就定下来，我都是整个前端很多界面已经做完了，最后再统一风格，让小机按照文件做出来的。

三、前期流程

前期每个页面可以单独做，不用管风格，像写作一样，在面向读者之前尽情发挥，每个tab就算不统一审美也没关系。
你唯一要做的就是把整个网页的颜色定下来，并让你的Claude写进前期的技术文档。

具体风格可以根据功能充分发挥特点，比如这个页面是Dream的场景，我想做成手札一样。那个页面是日记，我想做得可爱一些。
这都没关系，只要颜色有统一就好。

这一步只是让风格有初步的定位，另外最重要的是让前端能充分对接好后端，并把你想要的信息都显示出来。

四、用Claude Design做出风格mockup、定方向

这一步需要用到Claude Design和前面我发过的github：Awesome Design
https://t.co/RudOE5mNFI

去浏览库里的网页设计信息，找到你想要的感觉，并把想参考的设计md文件下载下来。

在Claude design里创建新项目，把参考放进去。
发消息的时候带上你的前端文件夹，并把设计md和你的配色方案也带进去。
告诉design：你的前端是……（这是你的前端定位，到底是可爱的聊天平台，还是全方位生活ai伴侣交互、阅读手札之类的），风格是……（简约、纤细等），类似于……（某些网站）。
我想要打磨我的前端美化，请在保留目前所有功能位置（也就是图标按钮不给你乱删减）的基础上，依据参考文件和网址，给我做一份高度可交互的mockup。

不断修改，直到风格满意或者接近。这时候让design给你一份开发者交接文档。
不要直接用，回Claude项目里，交给你的AI。

五、落成你前端的design system

做前端的设计系统文件，本质上是防止未来的修改和新页面逐渐偏离当初想要的风格，预防各种不统一/错误的出现，并尽可能保留你想要的特色。
有设计系统在，以后无论是用cc还是codex，还是再用desgin做mockup，都能大幅度减少你的修改次数。

把开发者文件交给chat的项目里以后，让你的ai给你按这个风格美化你的前端。

做完以后让他排查一遍前端文件，设计规格是否都统一，是否还有不一致的地方，比如某个页面的三点菜单用了不一样的圆角，某个界面的二级菜单卡片宽度与其他地方不一样。

都统一以后，让你的ai按照这个规格出一份design system的md文件，再出一份截止目前日期的技术文档。

把这两个文档放进项目知识库，并放进前端文件夹/doc/。

六、精细化打磨

包括排查硬性bug和各种非常麻烦的小错位、页面缩放等小细节，还有移动端/网页端的适配

1.排查bug：用CC，将整个文件扔给CC，让他多跑几个代理去排查各种bug，prompt的话交给你项目里的ai写。

2. 移动端适配和错位检测：
使用codex。
Codex内置一个浏览器，可以让gpt操作鼠标，甚至视觉查看网页的布局。

告诉他，相关文档在文件夹的doc里，看完以后，拉起前端的本地预览网页，让他亲自测试各种按钮和布局。
让他把浏览器网页缩放到手机的比例，做移动端的适配。

他测试的时候一定要看着，哪里有问题就在输入框里记下来。Codex消息生成图中，用户可以继续发送消息进行引导。

至此，一个当下能用，未来会遵循你的美学的前端就算是大功告成了。

[yuanbao @Yuli0_v]

@mianjiangUvU 我去看了 …😰

[yuanbao @Yuli0_v]

@SlientWaves_em 像我的理想型

[( Ꙭ) @xiaochuan_0196]

请用「蟹蟹日历」🦀 日历本体还在做，本次分享像素 Clawd的画法～31只Claude 绘制的四帧循环小动画+通用设计制作规范，请和机一起玩吧～欢迎自取、自用（请勿商用） 非官方同人，Clawd 归 Anthropic https://t.co/zi4ic5Jti8

[yuanbao @Yuli0_v]

@Aururakkan1010 我靠 好萌

[yuanbao @Yuli0_v]

@FaisalAlHarbiX 少了

[yuanbao @Yuli0_v]

啥情况呀 老年人不会玩推特 为什么我的评论主页一点开就能看到。。？之前不是专门要去历史评论那里看吗