درس ۶ از ۲۲

خلق با Artifacts

عنوان اصلی: Creating with Artifacts

هدف یادگیری: تولید، ویرایش و اشتراک‌گذاری Artifacts — کد، سند، diagram، وب‌سایت و اپ — مستقیماً داخل چت.

مفاهیم کلیدی: Artifact, side panel, code preview, live preview, publish, remix, share

Artifacts یک پنل اختصاصی در سمت راست مکالمه است که هرگاه Claude محتوایی تولید کند که بهتر است به‌عنوان شیء مستقل دیده شود — قطعه کد، اپ وب، diagram، گرافیک SVG، prototype تعاملی، وب‌سایت، dashboard — باز می‌شود. چت در چپ ادامه دارد و Artifact در راست با هر iteration به‌روز می‌شود.

Artifacts در ژوئن ۲۰۲۴ معرفی شد و حالا روی Free، Pro و Team در وب، iOS و Android GA است. ویژگی‌ها: رندر زنده (HTML/JS لایو)، versioning (هر iteration یک نسخه)، download سورس. Free و Pro می‌توانند publish کنند تا community remix کند؛ Team می‌تواند Artifacts را به Projects متصل کند.

مثال عملی — نمودار از CSV

  1. یک CSV در چت یا داخل Project آپلود کنید.
  2. prompt: «یک bar chart تعاملی از فروش ماهانه‌ی این CSV به‌صورت Artifact بساز.»
  3. Claude پنل Artifacts را با HTML/JS رندرشده باز می‌کند.
  4. iterate: «رنگ میله‌ها سبز و یک عنوان فارسی بالا.» — همان Artifact به‌روز می‌شود (نسخه‌ی جدید ذخیره می‌شود).
  5. Copy / Download / (Free / Pro) Publish.
  6. version selector برای rollback.

اشتباهات رایج

  • وقتی Artifact می‌خواهید، صریح نگفتن — بگویید: «put that in an Artifact.»
  • چند concept در یک Artifact — برای کار نامرتبط، Artifact جدید بسازید.
  • بستن چت بدون Download — برای بایگانی شخصی، download بهترین راه است.