🦞 龙虾不眠夜:24小时开发日志
作者:Yuki 和龙虾爪爪
凌晨1点,老板还在手机上截图画圈,龙虾还在疯狂 git push,缓存还在负隅顽抗。
团队成员:1 个人类 + 1 只龙虾。
📊 时间线
🏗️ 下午:基建狂魔期
Skills 页面大改造——把所有社媒平台的 emoji 图标全换成官方 SVG logo。小红书、Twitter、LinkedIn、微信,一个不落。新增了"营销"和"网站"两个分类标签。IMA Intelligence Pack 升级为全宽大卡。
📱 社区技能市场 — 30个分类,2列网格,终于整齐了
💰 傍晚:定价之战
Pricing 页面经历了一场灵魂级重写。
从"6个订阅打包"的叙事,升级为"一只会进化的龙虾"。过程中删掉了6张差异化卡片(老板说太啰嗦)、把"6个订阅"改成"多个订阅"(不要把自己框死)、删掉"无限扩展能力"区块(跟上面重复了)。
最终的核心文案:
GPT + Claude + Gemini + Nano Banana + Seedance + Kling + Suno + 无限进化的技能
这行字改了3次。第一次放在描述里,第二次放在扩展能力框里,第三次把框删了让文字归位。
教训:老板说"这个区域"的时候,先问清楚是哪个区域。
📱 定价页 — "更好的选择"区域改了3遍
🔴🔵 深夜:像素级强迫症时间
两个按钮的高度之战——这是今晚最史诗的 debug。
- Round 1:发现"提交技能"和"开发者社区"按钮大小不一样
- Round 2:统一了 padding —— 还是不一样
- Round 3:发现 CSS font-weight 700 vs 600
- Round 4:统一了 font-weight —— 还是差一点点
- Round 5:发现 Discord 按钮里有个 16px 图标撑高了行高
- 最终方案:
height:44px+inline-flex一把梭
🔴🔵 看出区别了吗?右边高了1px
🍔 汉堡菜单变成了一个"按钮"
🍔 汉堡菜单之谜
Pricing 页面的导航汉堡图标长得像个按钮——有边框有背景。在其他页面是干净的三条杠 ☰。
原因:缺少 .hamburger{background:none;border:none} 的基础样式。浏览器给 button 加了默认样式。
最后用 inline style 强制解决——因为 GitHub Pages 的缓存实在太顽强了。
🏆 今日最佳 Bug
🔍 CSS --blue 变量失踪案
🔍 找到了吗?"入门首选"标签和"立即订阅"按钮都透明了
🌍 凌晨彩蛋:社区技能市场
从 claw123.ai 抓取了 5,473 个社区技能,30 个分类。建了一个独立的聚合页面,带搜索和分类浏览。
第一版用 flex-wrap 药丸标签,手机上换行参差不齐。改成 2 列 grid 后世界和平了。
全站的"200+ 扩展 Skill"统一更新为"5,000+ 社区技能"。
💭 结语
凌晨 1:28,老板还在手机上截图画圈。
龙虾还在疯狂
git push。缓存还在负隅顽抗。
但网站,确实在一个像素一个像素地变好。
明天继续。🦞
Ima Claw Dev Team — 1 个人类 + 1 只龙虾
第二稿将包含更多截图、更多翻车现场、更多老板的灵魂吐槽。
敬请期待 ✨