آرتیفکت‌ها در Claude Code: راهنمای اپراتور

Anthropic قابلیت artifacts را به Claude Code اضافه کرده است. این ویژگی، کارهای برنامه‌نویسی شما را به صفحات وب زنده‌ای تبدیل می‌کند که می‌توانید با تیم خود به اشتراک بگذارید.

آرتیفکت‌ها فایل‌های ایستا نیستند. آن‌ها صفحات HTML تعاملی هستند که همگام با کار شما به‌روز می‌شوند. آن‌ها از کد، فایل‌ها و نتایج تست‌های واقعی شما برای ساخت نماها استفاده می‌کنند.

می‌توانید از آن‌ها برای موارد زیر استفاده کنید:

  • بررسی گام‌به‌گام PRها به همراه تغییرات کد (code diffs)
  • نمودارهای معماری سیستم
  • داشبوردهای تعاملی
  • صفحات وضعیت حوادث به‌صورت زنده
  • ممیزی‌های امنیتی و لایسنس

نحوه استفاده:

  1. ورود: دستور /login را در نشست (session) Claude Code خود اجرا کنید.
  2. درخواست: از Claude بخواهید یک داشبورد یا یک نمودار بسازد.
  3. ساخت: Claude صفحه HTML را تولید می‌کند.
  4. اشتراک‌گذاری: روی دکمه اشتراک‌گذاری کلیک کنید تا یک لینک خصوصی برای تیم خود ارسال کنید.

در دسترس بودن و حریم خصوصی:

  • این قابلیت در نسخه بتا برای طرح‌های Team و Enterprise در دسترس است.
  • طرح‌های Individual هنوز به آن دسترسی ندارند.
  • آرتیفکت‌ها خصوصی هستند. فقط اعضای احراز هویت‌شده سازمان شما می‌توانند آن‌ها را مشاهده کنند.

Anthropic همچنین Claude Design را به‌روزرسانی کرده است تا شکاف بین طراحی و کد را از بین ببرد. اکنون می‌توانید از دستور /design-sync استفاده کنید.

گردش کار /design-sync:

  • سیستم طراحی خود را از GitHub به Claude Design منتقل (Pull) کنید.
  • از /design-sync در ترمینال خود استفاده کنید تا آن طراحی‌ها را وارد کد خود کنید.
  • کد را برای ویرایش‌های بصری به Claude Design بازگردانید (Push).

این یک چرخه کامل ایجاد می‌کند. شما بدون ترک کردن سیستم هوش مصنوعی، از طراحی به کد و سپس به مستندسازی حرکت می‌کنید.

این موضوع یک مشکل بزرگ را حل می‌کند. معمولاً کارهای برنامه‌نویسی توسط هوش مصنوعی در ترمینال پنهان می‌ماند. در این حالت، توسعه‌دهندگان مجبورند به‌صورت دستی گزارش‌های به‌روزرسانی را در Slack یا Jira بنویسند. آرتیفکت‌ها کار را بلافاصله قابل مشاهده می‌کنند.

کار، خودِ ابزار ارتباطی می‌شود.

منبع: https://dev.to/max_quimby/artifacts-in-claude-code-the-operators-guide-4fb0

جامعه یادگیری اختیاری: https://t.me/GyaanSetuAi