عامل‌های کدنویسی هوش مصنوعی (AI Coding Agents) اکنون توانایی قابل‌توجهی دارند و ساخت یک وب‌سایت از صفر دیگر چالش گذشته نیست. در همین راستا، یک آزمایش عملی انجام شده است تا بررسی شود وقتی یک عامل هوش مصنوعی وب‌سایتی را بسازد و عامل دیگری آن را به‌طور کامل بازطراحی کند، چه نتیجه‌ای حاصل می‌شود.
چرا ساخت اولیه به Google Antigravity سپرده شد؟
در این آزمایش، ابتدا از Gemini در محیط Google Antigravity خواسته شد یک وب‌سایت بسازد و سپس کل پروژه برای بازطراحی در اختیار Claude Code قرار گرفت. هدف این بود که از توانایی هر دو ابزار بهره گرفته شود؛ زیرا ساخت کامل یک وب‌سایت از صفر به برنامه‌ریزی، نوشتن دستورهای متنی (Prompt)، آزمون و اصلاحات متعدد نیاز دارد و می‌تواند مصرف توکن (Token Usage) و محدودیت‌های Claude Code را تحت فشار قرار دهد.
از سوی دیگر، Google Antigravity برای انجام توسعه اولیه توانمند است و می‌توان از آن برای پی‌ریزی پروژه استفاده کرد و Claude Code را برای بازطراحی خلاقانه کنار گذاشت. پرسش دیگر این بود که آیا یک عامل هوش مصنوعی تازه، بدون وابستگی به تصمیم‌های طراحی اولیه، می‌تواند کاستی‌ها را شناسایی کند و نتیجه بهتری ارائه دهد.
ساخت پایه یک وب‌سایت عطر با Google Antigravity
برای این آزمایش، یک برند خیالی عطر در حوزه B2C به نام Aurevi طراحی شد؛ یک وب‌سایت خرید عطر با حال‌وهوای لوکس اما در دسترس. درخواست اولیه تنها یک صفحه فرود ساده نبود و شامل صفحه اصلی جذاب، فهرست کامل محصولات با گزینه‌های فیلتر و مرتب‌سازی (Filters and Sorting)، صفحه‌های اختصاصی محصول، کوییز تعاملی یابنده رایحه (Fragrance-Finder Quiz)، سبد خرید و تجربه چک‌اوت شبیه‌سازی‌شده (Simulated Checkout) می‌شد.
Google Antigravity که در این آزمایش از Gemini 3.8 بهره می‌برد، عملکرد چشمگیری داشت. انتخاب تایپوگرافی، آیکون‌ها، فاصله‌گذاری و گرادیان‌های ظریف آن تحسین‌برانگیز بود و بخش Shop by Mood با پس‌زمینه‌های گرادیانی مختلف بسیار خوب دیده می‌شد. با این حال، نتیجه کامل نبود؛ تصاویر محصولات قانع‌کننده نبودند و برخی جزئیات کوچک مطابق تصور اولیه پیاده‌سازی نشده بودند. هیچ بخشی به‌طور بنیادی خراب نبود، اما وب‌سایت هنوز به لایه نهایی اصلاح و پرداخت نیاز داشت.
در مجموع، Antigravity حدود ۹۰ درصد مسیر را طی کرده بود و یک وب‌سایت کارآمد و از نظر بصری جذاب ساخته بود. به جای صرف زمان بیشتر برای تنظیم جزئیات باقی‌مانده در Antigravity، کل پروژه در اختیار Claude Code قرار گرفت تا مشخص شود آیا می‌تواند آن ۱۰ درصد نهایی را انجام دهد.
بازطراحی کامل با Claude Code
Claude Code با نسخه Opus 5.5 و با یک دستور متنی (Prompt) دقیق وارد پروژه Aurevi شد. در این مرحله، آزادی خلاقانه کامل به Claude Code داده شد تا مانند یک توسعه‌دهنده فرانت‌اند و طراح رابط و تجربه کاربری (UI/UX) باتجربه عمل کند. تمرکز درخواست بر بهبود عکاسی عطر، اصلاح سلسله‌مراتب بصری، پرداخت انیمیشن‌ها، رفع فاصله‌گذاری‌های ناهماهنگ و لوکس‌تر کردن تجربه خرید بود.
همچنین از Claude Code خواسته شد عملکردهای موجود، از جمله کوییز رایحه، فهرست محصولات، مجموعه‌های کشف و مسیر چک‌اوت را حفظ کند. مهم‌تر از همه، قرار بود پیش از اعمال تغییرات، کدبیس (Codebase) موجود را تحلیل کند و پس از تغییرات همه‌چیز را به‌طور کامل آزمون کند. هدف یک بازطراحی معنادار بود، نه چند تغییر ظاهری کوچک.
جزئیات کوچک، تفاوتی بزرگ
Claude Code در این آزمایش فراتر از انتظار عمل کرد. این ابزار به جای چند تغییر ظاهری، هویت بصری Aurevi را دوباره تصور کرد و در عین حال پایه ساخته‌شده توسط Google Antigravity را حفظ کرد. رنگ‌های اشباع‌شده بنفش، فیروزه‌ای و صورتی با تن‌های گرم کاغذی، سایه‌های غنی مرکبی و جزئیات ظریف برنجی جایگزین شدند.
ترکیب فونت Instrument Serif برای تیترها و Jost برای متن اصلی، شخصیتی پیچیده و حرفه‌ای به وب‌سایت داد. صفحه اصلی بازطراحی چشمگیری را تجربه کرد؛ بخش قهرمان (Hero Section) اکنون پس‌زمینه خود را با تصویر عطر شاخص هماهنگ می‌کند و تجربه‌ای بصری یکپارچه می‌سازد. این بخش همچنین با انیمیشن‌های ظریف میان چهار رایحه جابه‌جا می‌شود.
Claude Code تنها به ظاهر بسنده نکرد و کارت‌های محصول، منوهای ناوبری، جست‌وجو و سبد خرید را نیز بازطراحی کرد. صفحه‌های محصول به گالری تصاویر، خط زمانی رایحه، سنجه‌های ماندگاری و دکمه چسبان افزودن به سبد خرید در موبایل مجهز شدند. کوییز رایحه نیز تعاملی‌تر شد و تصاویر مبتنی بر حال‌وهوا و پیشنهادهای شخصی‌سازی‌شده را ارائه داد. Claude Code همچنین چند مشکل واکنش‌گرایی (Responsiveness) و دسترس‌پذیری (Accessibility) را برطرف کرد.
نتیجه‌گیری؛ Gemini شروع کرد، Claude پایان داد
این آزمایش نشان می‌دهد که لزوماً نیازی نیست برای یک پروژه کامل به یک عامل کدنویسی هوش مصنوعی تکیه کرد. Gemini در Antigravity کار سنگین ساخت Aurevi از صفر را انجام داد و Claude Code فرصتی برای پرداخت و ارتقای پایه موجود فراهم کرد. نکته مهم این است که در این روش تنها حدود ۳۵ درصد از مصرف جلسه (Session Usage) استفاده شد؛ مزیتی قابل‌توجه برای کاربرانی که با محدودیت مصرف روبه‌رو هستند.
Google Antigravity یک محیط توسعه یکپارچه (IDE) مبتنی بر هوش مصنوعی است که با VS Code و Cursor رقابت می‌کند. بر اساس این تجربه، می‌توان از Antigravity برای توسعه اولیه و از Claude Code برای لمس‌های نهایی و بازطراحی حرفه‌ای بهره گرفت.