کلود کد و ChatGPT Codex را برای ساخت وب‌سایتم امتحان کردم؛ فقط یکی طراحی را درست انجام داد
آیا بالاخره می‌خواهید ساخت وب‌سایت نمونه‌کار شخصی خود را شروع کنید؟ نمی‌دانید کدام ابزار کدنویسی هوش مصنوعی را باید برای این کار انتخاب کنید؟ من هم چند روز پیش در همین موقعیت بودم، بنابراین Claude Code و Codex CLI را آزمایش کردم تا ببینم کدام‌یک عملکرد بهتری دارد. نتیجه این بود که هیچ‌کدام بی‌نقص نبودند، اما یکی از آن‌ها صفحه فرود نمونه‌کار بسیار بهتری ساخت.
می‌خواستم با کدنویسی مبتنی بر ایده، صفحه فرود نمونه‌کار ایده‌آلی بسازم
یک هدف مشترک، اما دو ابزار هوش مصنوعی کاملاً متفاوت
این روزها همه اطراف من درباره اهمیت داشتن یک صفحه فرود برای نمونه‌کار صحبت می‌کنند. ظاهراً چنین صفحه‌ای می‌تواند حضور آنلاین شما را تقویت کند و باعث شود بیشتر در معرض دید استخدام‌کنندگان قرار بگیرید. ایده این است که به جای اینکه خودتان دنبال فرصت‌های شغلی بگردید و رزومه‌تان را برای بخش‌های منابع انسانی ارسال کنید، وب‌سایتی داشته باشید که کارهایتان را نمایش دهد تا کارفرمایان احتمالی بتوانند شما را پیدا کنند.
این ایده جذاب به نظر می‌رسد، اما مشکل اینجاست که من نه طراح گرافیک هستم و نه توسعه‌دهنده وب؛ من نویسنده‌ام. البته ممکن است درباره ظاهر و عملکرد وب‌سایتم نظر داشته باشم، اما نمی‌توانم خودم آن را طراحی یا کدنویسی کنم. خوشبختانه در عصر هوش مصنوعی زندگی می‌کنیم و وقتی ایده‌ای دارید اما مهارت اجرای آن را ندارید، می‌توانید از یک ابزار هوش مصنوعی مقرون‌به‌صرفه بخواهید آن را برایتان پیاده‌سازی کند.
بنابراین از Claude Code و ChatGPT Codex خواستم با استفاده از رزومه من به‌عنوان مرجع، یک صفحه فرود نمونه‌کار شخصی بسازند. به هر دو ابزار دقیقاً یک دستور مشابه دادم: ابتدا درباره من اطلاعات جمع‌آوری کنند تا تصویر واضح‌تری از هویتم داشته باشند، سه تا پنج سؤال تکمیلی بپرسند، تصمیم‌های طراحی و فنی متناسب با پروفایل من بگیرند و سپس بهترین وب‌سایتی را که می‌توانند بسازند.
متن کامل دستوری که استفاده کردم در پایان مقاله آمده است.
عملکرد Claude Code چگونه بود
بخش زیادی را درست انجام داد، اما کامل نبود
برای Claude Code، مدل Sonnet 5.5 را با سطح تلاش xHigh انتخاب کردم و دستور را وارد کردم. ابزار تأیید کرد که کار را فهمیده است و پرسید آیا مورد دیگری برای اضافه کردن دارم یا نه. رزومه‌ام را در اختیارش گذاشتم و اجازه دادم در اینترنت جست‌وجو کند. سپس با چند سؤال چندگزینه‌ای بازگشت که در رابط خط فرمان تعاملی نمایش داده می‌شد و تجربه جالبی بود.
بعد از پاسخ دادن به سؤال‌ها، Claude تحقیقات آنلاین خود را انجام داد، اطلاعات را کنار هم گذاشت و ساخت وب‌سایت را آغاز کرد. کل این فرایند حدود ۳۰ دقیقه طول کشید و نزدیک به ۲۴۵ هزار توکن مصرف کرد؛ بسیار بیشتر از چیزی که انتظار داشتم.
Claude یک طراحی با سبک تحریریه‌ای انتخاب کرد که شامل پس‌زمینه سرمه‌ای جوهری، جزئیات زرد و نمایش برجسته نام من بود. از همان نگاه اول مشخص بود که این وب‌سایت متعلق به من است. از نظر طراحی، نتیجه مدرن، مینیمال و حرفه‌ای به نظر می‌رسید. همچنین امکان تغییر بین حالت روشن و تاریک را برای بازدیدکنندگان قرار داده بود که نکته مثبتی از نظر دسترس‌پذیری بود.
در مجموع طراحی را بسیار پسندیدم. اصلی‌ترین انتقادم به متن‌های تولیدشده بود. بد نبودند، اما عالی هم نبودند و بخش زیادی از آن‌ها کلی و عمومی به نظر می‌رسید. همچنین به یاد دارم که از Claude خواسته بودم جزئیات شخصی بیشتری اضافه کند تا نمونه‌کارم فقط درباره کار نباشد. مشخصاً خواسته بودم درباره سرگرمی من در زمینه راه‌اندازی هوم‌لب صحبت کند. انتظار داشتم پروژه‌های هوم‌لب من را برجسته کند، اما بخشی که ساخت بیشتر روی مشخصات فنی هوم‌لب تمرکز داشت. به نظرم این اطلاعات برای کارفرمایان و مشتریان احتمالی تا حد زیادی تکراری و کم‌اهمیت بود.
عملکرد ChatGPT Codex چگونه بود
در جاهایی که Claude ضعیف بود خوب عمل کرد و برعکس
مانند Claude، همان دستور، رزومه و اجازه جست‌وجوی اینترنتی برای یافتن اطلاعات بیشتر درباره خودم را در اختیار Codex گذاشتم. از GPT-5.6 Terra با سطح تلاش xHigh استفاده کردم. Codex نسبت به Claude تحقیقات گسترده‌تری انجام داد و برای شناخت بهتر من از منابع بیشتری استفاده کرد. همچنین سؤال‌های دقیق‌تر و مرتبط‌تری پرسید که این موضوع را بسیار پسندیدم.
با وجود این تحقیقات بیشتر، کل فرایند تنها حدود ۹۰ هزار توکن مصرف کرد؛ تقریباً یک‌سوم میزان مصرف Claude. Codex همچنین سریع‌تر بود و کمی بیشتر از ۲۰ دقیقه زمان برد تا فرایند را کامل کند و صفحه فرود نهایی را تحویل دهد.
جالب این بود که Codex نیز مانند Claude انتخاب‌های طراحی مشابهی داشت؛ از جمله رنگ‌ها، تایپوگرافی و حالت‌های روشن و تاریک. تفاوت اصلی در چیدمان بود که به نظر من محافظه‌کارانه‌تر بود. حس یک وب‌سایت شرکتی عمومی را داشت و آن جلوه بصری قدرتمندی را که فکر می‌کنم یک نمونه‌کار شخصی برای متمایز شدن نیاز دارد، نداشت.
با این حال، متن‌های تولیدشده بسیار بهتر بودند و شخصیت بیشتری داشتند.
و برنده کدام ابزار است؟
ابزاری که بهتر نقاط ضعف شما را جبران کند
Claude طراحی بهتری ارائه داد اما متن‌های ضعیف‌تری داشت، در حالی که Codex طراحی عمومی‌تری ساخت اما متن‌های بهتری تولید کرد. از نظر فنی، هیچ‌کدام در اولین تلاش همه چیز را درست انجام ندادند و هر دو به دستورهای اصلاحی بعدی نیاز داشتند. اما برای من Claude برنده است و دلیلش ساده است: من نویسنده هستم و ویرایش متن بسیار ساده‌تر از اصلاح طراحی است.
می‌توان یک وب‌سایت را دارای سه بخش اصلی دانست: متن، طراحی بصری و کدی که همه چیز را کنار هم قرار می‌دهد.
من نویسنده حرفه‌ای هستم، بنابراین به هوش مصنوعی نیاز ندارم که به جای من بنویسد. حتی متنی که در مورد Codex آن را خوب می‌دانم، چیزی است که احتمالاً خودم جایگزینش می‌کنم، چون می‌خواهم نوشته‌های خودم در وب‌سایت نمونه‌کارم دیده شود و نماینده شخصیتم باشد.
چیزی که به کمک نیاز دارم، طراحی و کدنویسی است. توضیح دادن به یک مدل زبانی بزرگ، چه Claude باشد چه ChatGPT، درباره اینکه چرا یک طراحی یا قطعه کد مناسب نیست و چگونه باید بهتر شود، وقتی اصطلاحات فنی را نمی‌دانید یا نمی‌توانید خواسته خود را دقیق بیان کنید، دشوار است.
چون Claude طراحی بهتری به من داد، از نظر من برنده است
البته می‌توانم ببینم که Codex برای فردی با مهارت‌های متفاوت انتخاب بهتری باشد. اگر طراح یا توسعه‌دهنده‌ای هستید که با طراحی بصری و کدنویسی راحت هستید اما در نوشتن مشکل دارید، Codex می‌تواند گزینه مناسب‌تری باشد. شما می‌توانید طراحی را خودتان اصلاح کنید و اجازه دهید Codex بخش نوشتاری دشوارتر را مدیریت کند.
فایل‌های Skill.md، سرورهای MCP و دستورهای هدفمند می‌توانند این تفاوت را کاهش دهند
تفاوت‌هایی که مشاهده کردم بیشتر به نحوه آموزش هر مدل و رفتار پیش‌فرض آن‌ها مربوط می‌شود. با این حال، می‌توان در بسیاری از موارد این رفتار پیش‌فرض را با استفاده از فایل‌های SKILL.md، سرورهای MCP و دستورهای دقیق تغییر داد؛ دستورهایی که به مدل می‌گویند برای یک کار یا فرایند مشخص چگونه عمل کند.
البته این گزینه‌ها بیشتر برای افرادی مفید هستند که از قبل کمی دانش طراحی و توسعه دارند. هدف من از این آزمایش این بود که نشان دهم وقتی کسی هیچ دانشی درباره این دو حوزه ندارد و بدون پیش‌زمینه وارد کار می‌شود، چه اتفاقی می‌افتد و Claude و Codex چگونه با رفتارهای پیش‌فرض خود کار را انجام می‌دهند.
و همان‌طور که قول داده بودم، این هم دستوری است که استفاده کردم:
# Build My Personal Landing Page