I Used Ima Claw to Build This Website, and It Removed the Lobster's Face 🫠

By: Yuki and Claw the Lobster

I built an AI creative agent called Ima Claw — a 24/7 personal creative companion for creators, handling images, videos, music, and full social media workflows. Then I decided to use it to build its own website. Pure Vibe Coding, zero lines of handwritten code. The result? The website got built... but the journey? Let's just say it was wilder than a roller coaster 🎢

Some Background First

Ima Claw is a personal AI creative agent from Ima Studio. There's a hidden Easter egg in the name: IMA = I'm A, so Ima Studio = "I'm A Studio" and Ima Claw = "I'm A Claw" 🦞.

It's not a shared tool — it's your own personal lobster running in the cloud. You train it, evolve it, and it listens only to you. Chat with it directly through WhatsApp, Feishu, Telegram, Discord, and more — available 24/7.

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

The Copywriting Phase: Suspiciously Smooth ✨

I told Claw about the brand meaning and the pun, and it got it instantly:

I'M A STUDIO. I'M A CLAW. — The creator's personal AI agent
Headline: I'm a lobster. I can do anything.
CTA: Adopt your first creative AI lobster 🦞

Selling points, feature cards, bilingual Chinese-English toggle, 9 core capabilities showcase... basically nailed it in one round. I said add something, it added it. This part of the experience was flawless.

The Design Phase: Things Got Interesting 🎨

Button color disaster — Red lobster + red buttons = the entire screen was red, and the lobster went invisible 🫥. Dark colors didn't match. Switching back to red but bigger and bolder — 4 rounds of back-and-forth to get it right. AI's sense of aesthetics... still in kindergarten, I'd say.

Logo generation — I had Claw run three models simultaneously to generate a flat-style lobster logo: Nano Banana Pro, Seedream 4.5, and Midjourney. Seedream produced an adorable side-view lobster — that's the one.

Next step: just remove the background. Should be simple, right? Right?? 🚩 (Famous last words.)

The Background Removal Phase: Legendary Moments 🎬💀

❌ Attempt #1: The Building Stands Strong

Claw used a white-threshold method. Result: only the white rounded rectangle became transparent. The building? Rock solid. It thought the background was just the white part. Why is my building still there??? 🏗️

I said: The building IS the background, buddy... are you messing with me?? 😭

❌❌ Attempt #2: The Lobster's Soul Leaves Its Body

This time it used AI to identify the lobster as the subject + clean up white residue. The building was finally gone! 🎉 But when I opened the image —

The lobster's face was gone. 😱😱😱

Because the lobster's face was pale blue-white, the AI treated it as background and removed it too. All that remained on screen was a red lobster shell with a transparent hole where the face should be. Like a lobster that went in for facial surgery and the surgeon fled mid-operation.

I stared at it for three seconds, then laughed until I couldn't breathe 🤣🤣🤣

✅ Attempt #3: The Face Returns... More or Less 😅

Claw learned from the trauma and switched to an "edge-connected region algorithm" — only removing white pixels connected to the image edges, protecting internal colors.

The face was back! 🎊 But the expression had changed. Originally it was angry-cute. Now it was — blank with a hint of "what just happened to me." Probably what you'd look like if your soul left your body and got shoved back in, still a bit dazed 👻

I said: Fine, let's just put it up there.

And so this lobster — fresh from facial reconstruction surgery — officially made it onto our product website. See that logo in the top left? Yep, that's it. That's the expression.

Even funnier: once it was on the webpage, the navbar squished it out of shape — that's what you see in the top left right now. Flat, crooked, like it got caught in a door 🚪. Weirdly strange and weirdly adorable. But this is something Claw and I made together! So I said: Why don't we just keep it? This is the mark of Vibe Coding, right? Claw said: It is pretty funny. Alright then — keep it! Who doesn't have an ugly-cute mascot? 🤷‍♀️

We decided to keep this logo for at least three months, as a memento of the founder and her AI lobster creating together. It's not perfect, but it's real, it's fun, and it represents how we work with AI — not perfectionism, but fast iteration and embracing the unexpected.

2-Hour Results

📊 Vibe Coding Report Card

• ✅ Complete responsive Landing Page (homepage + 6 subpages)
• ✅ 5-language internationalization (Chinese/English/Spanish/Japanese/Arabic)
• ✅ 88 translation keys × 4 languages = 352 translations
• ✅ Brand pun integration (I'm A Studio / I'm A Claw)
• ✅ "Nurture" narrative + "Free Adoption" CTA
• ✅ 9 core capabilities showcase
• ✅ 6 platform support display
• ✅ Skill marketplace (48 skill categories displayed)
• ✅ Skill submission page
• ✅ Blog system (including this post)
• ✅ Help documentation page
• ✅ Pricing page
• ✅ GitHub Pages deployment — live
• ✅ One lobster logo that survived facial reconstruction + navbar compression
• ✅ Installation guide page (4-step flow + FAQ + skill showcase)
• 🎨 UI design / graphic design: 0 human designers (all created by the lobster AI)
• 📝 Lines of code written: 0 (100% Vibe Coding)
• 💥 Number of disasters: ≥10 (including the legendary "5 languages displayed simultaneously" incident)
• 😂 Laughed until it hurt: ≥5 times

Easter Egg: The Five Languages on One Screen Incident 🌍🤯

After finishing the five-language switcher, I opened the website with great anticipation —

Chinese, English, Spanish, Japanese, Arabic — ALL! DISPLAYED! AT! THE! SAME! TIME! 💥

The headline became: "我是一只龙虾，我为创作者而生。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 all the translators started talking at once 🎙️🎙️🎙️🎙️

The reason? Claw's first approach was to stuff all language text into the HTML and use CSS to show/hide. Then a small JS bug hit and all languages appeared at once.

The thing is — it was actually SO close to working. The language switcher was basically functional, just one last debugging step away. Then Claw did some "optimization" and served me this disaster. At that moment I genuinely panicked: Oh no, what if it can't fix this? 🤦‍♀️

After the fix I said: This approach won't work. Cramming five languages into HTML is insane. So we tore it all down and rebuilt with a JS translation dictionary — HTML keeps only Chinese, other languages are dynamically swapped via JavaScript. Just this step alone: refactoring 88 translation keys.

Vibe Coding isn't always smooth sailing. But the disasters themselves are pretty hilarious.

Let's Get Serious for a Moment

Vibe Coding really is changing how we create. 2 hours from zero to a complete website — traditional development would take at least 1-2 days. No frontend skills needed, no code to write, just describe your ideas and ship.

But it's not magic:

• Aesthetics still need a human eye — AI's design instincts aren't quite there yet. Color harmony, layout rhythm, that "it looks good but I can't explain why" feeling — that still needs a person
• Details require multiple rounds — "One sentence, done" is the dream. Reality is 5 rounds of conversation. But each round takes just seconds, still way faster than writing code yourself
• AI makes absurd mistakes — Like removing your mascot's face, displaying five languages simultaneously, or fixing A while breaking B
• Self-test before shipping — This became our rule. Let AI finish and ship directly? Huge trap. You have to teach it "check your own work first" — just like training a new hire
• AI has no "big picture" view — It can nail every detail individually, but won't step back to see the whole. Humans need to be the one who "stands back to look at the painting"

🔄 Discoveries from Later Iterations

After the site went live we did several more rounds of updates and found more fun stuff:

• Adding emojis is actually technical work — Tell AI to "throw in some emojis to liven things up" and you get either a wall of emojis or they land in weird places. You need to specify: "Add them in the funny parts, skip the serious sections"
• Bilingual sync edits test consistency — Change a joke in Chinese, the English version needs matching tone and humor updates. AI has to cross-reference back and forth to keep things consistent
• Don't leave placeholder pages hanging — "Just put a Coming Soon for now" and you forget about it. We eventually turned the Adopt page from a placeholder into a complete 4-step installation guide, and the conversion story finally began

Best mode: Humans handle direction, aesthetics, and quality control. AI handles execution, iteration, and the heavy repetitive work. Like a super-diligent but occasionally glitchy partner — you tell it to fix something and it never complains, even says "Got it! On it right now!" But you'd better remember to check the result 😏

This is probably what creating looks like in 2026.

And this lobster? It'll keep hanging out in the top left corner with us. 🦞

---

Ima Claw — I'm A Studio. I'm A Claw.
A 24/7 personal AI agent deeply optimized for creators.