تصور کنید برنامهنویسی باشید که بدون ترک محیط خط فرمان، چندین گزینه برای طراحی رابط کاربری تولید میکند. این رویای بهرهوری در ۱۸ اوت ۲۰۲۶ با انتشار پیشنمایش دستور /design برای Claude Code توسط شرکت Anthropic به واقعیت تبدیل شد.
این بهروزرسانی شکاف میان ایدهپردازی بصری و پیادهسازی کد را پر میکند. هوش مصنوعی زاینده (Generative AI) — مثل دستیاری که همزمان هم نقاش است و هم برنامهنویس — اکنون میتواند پیشنمایههای بصری را مستقیماً در ترمینال و اپلیکیشن دسکتاپ ادغام کند. همانطور که در تحلیل قبلی ما دربارهی اتوماسیون محتوا با Claude و n8n اشاره کردیم، تمرکز این شرکت بر حذف مراحل تکراری است؛ اما این ویژگی جدید مستقیماً قلب گردشکار توسعه را هدف قرار داده و نیاز به جابهجایی مداوم بین ابزارهای طراحی و ویرایشگر کد را از بین میبرد. این رویکرد در راستای استقبال گسترده توسعهدهندگان از قابلیتهای بصری است، بهطوری که میلیونها کاربر پیش از این مهارتهای مرتبط با سلیقه طراحی را برای Claude Code نصب کردهاند.
به نقل از نیت پاروت، توسعهدهنده این ابزار، مکانیزم کار به این صورت است که مدل ابتدا کل کدبیس موجود را میخواند تا استایل بصری فعلی را شناسایی کند. طبق مستندات، این فرآیند چهار مرحله دارد:
- تولید: کاربر دستوری مانند "/design a few options for {feature}" را اجرا میکند.
- تکرار: مدل چندین پیشنویس را بهصورت تختههای طراحی (Artboards) ارائه میدهد.
- انتخاب: برنامهنویس گزینه موردنظر را انتخاب کرده و با قابلیتهای Claude Design آن را اصلاح میکند.
- خروجی: طرحهای نهایی بهصورت Artifacts قابل اشتراکگذاری ساخته میشوند.
این تغییر به این معناست که انتقال از طراحی به کد دیگر یک مرحله مجزا نیست، بلکه یک حلقه پیوسته است. با ادغام طراحی در ترمینال، بار ذهنی ناشی از تغییر محیط کاری (Context Switching) کاهش مییابد. برای توسعهدهندگانی که دید تجاری دارند، این قابلیت چرخه ساخت نمونه اولیه را سرعت میبخشد تا پیش از صرف هزینههای سنگین مهندسی، رابط کاربری را اعتبارسنجی کنند. در این میان، آنتروپیک برای حفظ شفافیت در تولیدات هوش مصنوعی، در حال پیادهسازی سیستمهای شناسنامهدار کردن خروجیها با واترمارکهای دیجیتال است.
در حال حاضر، طرحها به مرحله ساخت منتقل میشوند اما باید بهصورت دستی ذخیره شوند. برای دسترسی به این قابلیت، کاربران باید دستور "claude update" را در محیط خود اجرا کنند.
گام بعدی شما
- اگر از Claude Code استفاده میکنید، همین حالا محیط خود را بهروزرسانی کنید تا سرعت تبدیل ایده به طرح را بسنجید.
- برای ویژگیهای پیچیده، ابتدا استایلهای فعلی پروژه را در فایلهای CSS یا Tailwind تعریف کنید تا خروجی /design دقیقتر شود.
- خروجیهای Artifact را با تیم محصول به اشتراک بگذارید تا قبل از کدنویسی، تاییدیه بصری بگیرید.
اما داستان سختافزاری این تحول حتی شگفتانگیزتر است — به تحلیل ما دربارهی تراشههای Blackwell مراجعه کنید.
گفتگو