我用 Ima Claw 做了这个网站，它把龙虾的脸抠没了 🫠

作者：Yuki 和龙虾爪爪

我做了一个 AI 创作智能体，叫 Ima Claw——7×24 小时专属服务创作者，支持图片、视频、音乐、社媒全链路创作。然后我决定，用它来给自己做官网。全程 Vibe Coding，不写一行代码。结果？网站是做出来了……但过程，怎么说呢，比坐过山车还刺激 🎢

先说背景

Ima Claw 是 Ima Studio 出品的个人 AI 创作智能体。名字藏了个彩蛋：IMA = I'm A，所以 Ima Studio = "我是一个工作室"，Ima Claw = "我是一只龙虾" 🦞。

它不是一个共享工具，而是一只跑在云端的私人龙虾——你训练它、进化它，它只听你的。通过 WhatsApp、飞书、Telegram、Discord 等聊天工具直接对话，7×24 小时在线。

产品做好了，得有个官网。作为创始人，我决定dogfood自家产品——用 Ima Claw 本身来建站。我的 AI 助手叫"爪爪"，是我的专属 Ima Claw 实例。

文案阶段：丝滑得不像话 ✨

我告诉爪爪品牌含义和双关梗，它秒懂：

I'M A STUDIO. I'M A CLAW. — 创作者的专属 AI 智能体
大标题：我是一只龙虾。我什么都能做。
CTA：领养你的第一只创作智能体龙虾 🦞

卖点、功能卡片、中英双语切换、9大核心能力展示……基本一轮过。我说加什么它就加什么。这部分体验堪称完美。

设计阶段：开始有趣了 🎨

按钮颜色翻车——红色龙虾配红色按钮，整个屏幕一片红，龙虾直接隐身了 🫥。改深色不搭，改回红色加大加粗，来回 4 轮才搞定。AI 的审美嘛……还在念幼儿园吧。

Logo 生成——我让爪爪同时跑三个模型生成扁平龙虾 logo：Nano Banana Pro、Seedream 4.5、Midjourney。Seedream 出了一个超可爱的侧面龙虾，就是它了。

接下来只需要把背景去掉。对吧？应该很简单对吧？🚩（立 flag 了）

抠图阶段：名场面 🎬💀

❌ 第一次：大楼坚挺

爪爪用白色阈值法处理。结果：只把白色圆角方块变透明了。大楼？稳如泰山。它以为背景就是白色的部分。我的大楼怎么还在？？？🏗️

我说：大楼也是背景啊兄弟……你在逗我？？ 😭

❌❌ 第二次：龙虾灵魂出窍

这次用了 AI 识别龙虾主体 + 清理白色残留。大楼终于没了！🎉 但我打开图一看——

龙虾的脸没了。 😱😱😱

因为龙虾的脸是浅蓝白色的，AI 把它当成背景一起抠掉了。屏幕上只剩一个红色龙虾壳，脸的位置是一个透明的洞。就像龙虾做了个面部手术然后医生跑了。

我盯着它看了三秒，然后笑到岔气 🤣🤣🤣

✅ 第三次：脸回来了……大概吧 😅

爪爪痛定思痛，换了"边缘连通区域算法"——只去掉和图片边缘相连的白色像素，保护内部颜色。

脸回来了！🎊 但表情不太一样了。原来是怒萌，现在是——茫然中带着一丝"我经历了什么"。大概是灵魂出窍又被硬塞回来的样子，还没完全回过神 👻

我说：算了，先放上去吧。

于是这只经历了面部重建手术的龙虾，正式登上了我们的产品官网。看到左上角那个 logo 了吗？对，就是它。就是那个表情。

更搞笑的是，放到网页上以后，它被导航栏挤变形了——就是你现在看到左上角那个样子，又扁又歪，像被门夹过 🚪。特别奇怪又特别可爱。但这都是我和爪爪一起折腾出来的啊！于是我说：要不我们就保留它吧，这就是 Vibe Coding 的印记，对不对？爪爪说：是很搞笑的。好，那就保留！谁还没个丑萌吉祥物了 🤷‍♀️

我们决定保留这个 logo 至少三个月，作为创始人和自家 AI 龙虾共同创作的纪念。它不完美，但它真实、有趣，代表了我们和 AI 一起工作的方式——不是完美主义，而是高效迭代、拥抱意外。

2 小时成果

彩蛋：五国语言同屏事件 🌍🤯

做完五种语言切换之后，我满怀期待地打开网站——

中文、英文、西班牙文、日文、阿拉伯文，全！部！同！时！显！示！ 💥

标题变成了："我是一只龙虾，我为创作者而生。Soy una langosta. Nací para los creadores. 私はロブスター。クリエイターのために生まれた。أنا جراد بحر، وُلدت من أجل المبدعين."

导航栏也是："功能Funciones機能المزايا"——四种语言挤在一起，像联合国开会忘了关同声传译，翻译员全部同时开麦了 🎙️🎙️🎙️🎙️

原因？爪爪第一版的方案是把所有语言的文字都塞进 HTML 里，然后用 CSS 控制显示/隐藏。结果 JS 出了个小 bug，所有语言全部亮出来了。

关键是——那之前其实差一点点就要成功了。语言切换基本能用了，就差最后一步调试。结果爪爪一通"优化"，直接给我整成了这样。那一刻我是真的有点崩溃了，心想：完了，它不会改不回去了吧？ 🤦‍♀️

修完之后我说：这个方案不行，HTML 里堆五种语言太疯了。于是全部推倒重来，改成 JS 翻译字典方案——HTML 只保留中文，其他语言用 JavaScript 动态替换。光这一步，重构了 88 个翻译键。

Vibe Coding 不是一帆风顺的。但翻车的过程本身，也挺好笑的。

说点正经的

Vibe Coding 确实在改变创作方式。2 小时从零到完整官网，传统开发至少要 1-2 天。不需要会前端，不需要写代码，描述想法就能交付。

但它不是万能的：

• 审美需要人把关——AI 的设计直觉还差点意思，颜色搭配、排版节奏、"好看但说不上来为什么"的那种感觉，目前还得靠人
• 细节需要反复调教——"一句话搞定"是理想，现实是 5 轮对话。但每一轮只需要几秒，比自己写代码还是快太多
• AI 会犯离谱的错——比如把你吉祥物的脸抠没、把五种语言同时显示、或者改了 A 却弄坏了 B
• 先自测，再交付——这是我们后来加的规矩。让 AI 做完就直接交差？大坑。必须教会它"做完先自己检查一遍"，就像带新人一样
• AI 没有"全局观"——它能把每一个局部做得很好，但不会自己退后一步看整体。人需要当那个"站远了看画"的角色

🔄 后续迭代的新发现

网站上线后我们又做了几轮修改，发现了更多有趣的事：

• 加 emoji 也是技术活——让 AI "随便加点 emoji 让文章更活泼"，结果要么满屏都是、要么加到了奇怪的地方。需要具体告诉它"在喜剧段落加，严肃段落别加"
• 双语同步修改很考验一致性——改了中文的笑点，英文版本也要同步更新语气和梗，AI 需要来回对照才能保持一致
• 占位页面别拖——"先放个 Coming Soon"一放就忘了。后来我们把领养页从占位改成了完整的 4 步安装引导，转化率的故事才真正开始

最佳模式：人负责方向、审美和质量把关，AI 负责执行、迭代和繁重的重复工作。像一个特别勤快但偶尔抽风的搭档——你说它改，它不抱怨，还会说"好的！马上改！"但你得记得检查它改完的结果 😏

这大概就是 2026 年的创作日常了。

而这只龙虾，会继续在左上角陪着我们。🦞

Ima Claw — I'm A Studio. I'm A Claw.
为创作者深度优化的 7×24 专属 AI 智能体。
免费领养你的第一只龙虾 →

I Built This Site with Ima Claw. It Deleted the Claw's Face. 🫠

By Yuki & Claw the Lobster

I built an AI creative agent called Ima Claw — a 24/7, dedicated AI assistant for creators that handles images, videos, music, social media, and more. Then I decided to use it to build its own website. Pure Vibe Coding, zero lines of code. The site got built. But the journey? Let's just say it was more rollercoaster than roadmap 🎢

Context

Ima Claw is a personal AI creative agent by Ima Studio. There's an Easter egg in the name: IMA = I'm A, so Ima Studio = "I'm A Studio", and Ima Claw = "I'm A Claw" 🦞 (i.e., a Claw).

It's not a shared tool — it's a private cloud Claw you train, evolve, and own. It works through WhatsApp, Lark, Telegram, Discord — always on, exclusively yours.

The product was ready. It needed a website. As the founder, I decided to dogfood our own product — build the landing page with Ima Claw itself. My AI assistant is named "Claw Claw" (爪爪), my personal Ima Claw instance.

Copy: Surprisingly Smooth ✨

I explained the brand puns, and it nailed it instantly:

I'M A STUDIO. I'M A CLAW. — Your Dedicated AI Agent
Headline: I'm a Claw. I do everything.
CTA: Adopt your first creative AI Claw 🦞

Feature cards, bilingual toggle, 9 core capabilities, platform badges — mostly one-shot. This part was flawless.

Design: Where Things Got Interesting 🎨

Button color disaster — red Claw + red buttons = the Claw went into stealth mode 🫥. Dark didn't match, back to red but bigger and bolder. Four rounds to get it right. AI taste is still... in kindergarten.

Logo generation — I ran three models simultaneously: Nano Banana Pro, Seedream 4.5, and Midjourney. Seedream produced an adorable side-view flat Claw. Perfect.

Now I just needed to remove the background. Should be simple, right? 🚩 (famous last words)

Background Removal: The Main Event 🎬💀

❌ Attempt 1: The Building Stands

White threshold method. Result: only removed the white rounded rectangle. The building behind the Claw? Standing proud like it pays rent 🏗️.

Me: The building is also background, buddy… are you messing with me?? 😭

❌❌ Attempt 2: The Claw Lost Its Soul

AI subject extraction + white cleanup. Building gone! 🎉 But when I opened the result —

The Claw's face was gone. 😱😱😱

Its face was pale blue-white, so the AI classified it as background and nuked it. What remained was a red Claw shell with a transparent hole where the face should be. Like the Claw went in for plastic surgery and the surgeon left town.

I stared at it for three seconds, then absolutely lost it 🤣🤣🤣

✅ Attempt 3 (kinda 😅)

New approach: "edge-connected region algorithm" — only remove white pixels connected to the image border, protecting interior colors.

The face came back! 🎊 But the expression was... different. Originally fierce-cute, now it looked more like "my soul left my body and was forcibly reinserted" — still processing what just happened 👻

I said: Fine, ship it.

And so this Claw, fresh from facial reconstruction surgery, officially launched on our product website. See that logo in the top left? That's it. That's the expression.

Even funnier — once it was on the actual page, the navbar squished it into this weird, lopsided little shape. Like it got caught in a door 🚪. Bizarre... and somehow adorable. But hey, we made this together! So I said: Let's just keep it. This is the mark of Vibe Coding, right? Claw replied: "It is pretty hilarious." Done. We're keeping it. Every product needs an ugly-cute mascot 🤷‍♀️

We're keeping this logo for at least three months — a monument to what happens when a founder vibe-codes with their own AI. It's not perfect, but it's real, it's funny, and it represents how we work with AI: not perfectionism, but fast iteration and embracing the unexpected.

2-Hour Results

Bonus: The "Five Languages on Screen" Incident 🌍🤯

After implementing five-language support, I opened the website with great anticipation —

Chinese, English, Spanish, Japanese, and Arabic. ALL. AT. ONCE. 💥

The title read: "我是一只龙虾，我为创作者而生。Soy una langosta. Nací para los creadores. 私はロブスター。クリエイターのために生まれた。أنا جراد بحر، وُلدت من أجل المبدعين."

The navbar too: "功能Funciones機能المزايا" — four languages crammed together, like the UN forgot to turn off simultaneous interpretation and every translator unmuted at once 🎙️🎙️🎙️🎙️

The culprit? Claw's first approach was to stuff all translations directly into the HTML, toggling visibility with CSS. A small JS bug later, every language lit up at once.

Here's the thing — it was THIS close to working. The language toggle was basically functional, just one last tweak needed. Then Claw decided to "optimize" it and... produced this masterpiece. I genuinely panicked: Oh no, can it even fix this? Did we just break everything? 🤦‍♀️

After fixing it, I said: This approach is insane — we can't have five languages living in the HTML. So we scrapped it entirely and rebuilt with a JS translation dictionary — HTML stays Chinese-only, other languages swap in dynamically via JavaScript. Just this refactor alone: 88 translation keys.

Vibe Coding isn't always smooth sailing. But the crashes themselves? Pretty hilarious.

Real Talk

Vibe Coding is genuinely changing how things get built. 2 hours from zero to a complete website — traditional development would take 1-2 days minimum. No frontend knowledge required. Just describe what you want.

But it's not magic:

• Taste requires humans — AI design instincts aren't there yet. Color harmony, layout rhythm, that "looks good but can't explain why" feeling — still a human job
• Details need multiple rounds — "one prompt = done" is the dream; reality is 5 iterations. But each round takes seconds, still way faster than coding it yourself
• AI makes absurd mistakes — like deleting your mascot's face, displaying five languages simultaneously, or fixing A while breaking B
• Self-test before shipping — a rule we added later. Letting AI deliver without checking? Huge trap. You have to teach it to "review your own work first," just like onboarding a junior teammate
• AI lacks the "big picture" — it can nail every individual piece, but won't step back to see the whole. Humans need to be the one who "stands back from the painting"

🔄 Lessons from Post-Launch Iterations

After the site went live, we did several more rounds of changes and discovered even more:

• Adding emojis is a skill — telling AI to "throw in some emojis to liven things up" results in either emoji vomit or emojis in weird places. You need to specify: "add them in comedy sections, not serious ones"
• Bilingual sync is a consistency test — updating a joke in Chinese means the English version's tone and humor need to match. AI needs to cross-reference both versions to stay coherent
• Don't let placeholder pages rot — "just put up a Coming Soon" and you forget about it forever. We eventually replaced the adoption page placeholder with a full 4-step install guide. That's when the conversion story actually begins

Best model: Humans own direction, taste, and quality control. AI owns execution, iteration, and the heavy lifting of repetitive work. Like a hyperactive partner who occasionally glitches — you correct it, it doesn't complain, and it says "Got it! Fixing now!" But remember to check the result after it "fixes" things 😏

This is what building things looks like in 2026.

And that Claw? It'll keep watching from the top left. 🦞

Ima Claw — I'm A Studio. I'm A Claw.
A 24/7 dedicated AI agent, purpose-built for creators.
Adopt your first Claw →