> ## Documentation Index
> Fetch the complete documentation index at: https://cli.fuxicode.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Bagikan keluaran sesi sebagai artifacts

> Artifacts mengubah pekerjaan Fuxi Code menjadi halaman interaktif langsung di URL pribadi di fuxi.ai.

{/* plan-availability: feature=artifacts plans=pro,max,team,enterprise providers=anthropic */}

<Note>
  Artifacts tersedia di paket Pro, Max, Team, dan Enterprise dan memerlukan sesi yang masuk dengan [`/login`](/id/setup#authenticate). Lihat [Availability](#availability) untuk rangkaian lengkap persyaratan.
</Note>

Artifact adalah halaman web interaktif langsung yang Fuxi Code terbitkan dari sesi Anda ke URL pribadi di fuxi.ai. Anda membukanya di browser, dan halaman tersebut diperbarui di tempat saat sesi berlanjut. Di paket Team dan Enterprise, bagikan dari header halaman ketika Anda ingin rekan kerja melihatnya juga. Misalnya, gunakan artifact untuk membimbing reviewer melalui pull request dengan diff yang diberi anotasi, membangun dashboard dari data sesi, atau menyimpan timeline investigasi yang terisi saat Fuxi bekerja.

<Frame>
  <img src="https://mintcdn.com/fuxi-code/kaHIYYMIYMYPxQg9/images/artifacts-viewer.png?fit=max&auto=format&n=kaHIYYMIYMYPxQg9&q=85&s=dbfd671cdb0d15f49f808b9e89778fe1" alt="Artifact terbuka di browser di fuxi.ai/code/artifact. Header viewer menampilkan judul artifact acme-funnel-fix, tombol Share, dan avatar penulis. Menu Share terbuka dengan toggle Always share latest version, pemilih versi yang menunjukkan Sharing version 2, pemilih audiens Everyone at Acme, dan tombol Copy link. Di bawah header, halaman artifact menampilkan dua mockup mobile berdampingan, bagan corong, dan baris kartu metrik." width="2511" height="1890" data-path="images/artifacts-viewer.png" />
</Frame>

<h2 id="when-to-use-an-artifact">
  Kapan menggunakan artifact
</h2>

Gunakan artifact ketika teks terminal adalah medium yang salah untuk apa yang Fuxi hasilkan: output yang lebih mudah dilihat dan berinteraksi daripada dibaca baris demi baris. Fuxi membangun halaman dari apa pun yang dapat dijangkau sesi Anda, termasuk codebase Anda dan data yang ditariknya melalui [tools yang terhubung](/id/mcp), sehingga halaman dapat menampilkan hal-hal yang memerlukan paragraf untuk dijelaskan. Misalnya, minta Fuxi untuk:

* Membimbing reviewer melalui pull request dengan diff yang diberi anotasi
* Merender dashboard dari data yang sudah ditarik sesi
* Meletakkan beberapa opsi desain atau implementasi berdampingan
* Menyimpan timeline investigasi yang terisi saat tugas panjang berjalan
* Mengirim tautan ke rekan kerja alih-alih menempel output ke Slack

Lihat [What you can build](#what-you-can-build) untuk prompt yang cocok dengan masing-masing.

<h3 id="what-an-artifact-is-not">
  Apa yang bukan artifact
</h3>

Artifact adalah tangkapan pekerjaan, bukan aplikasi. Ini adalah satu halaman yang mandiri tanpa backend, jadi tidak dapat menyimpan input formulir, memanggil API pada waktu tampilan, atau melayani beberapa rute. Untuk alat internal yang dihosting dengan backend, sebarkan di infrastruktur Anda sendiri. Lihat [Page constraints](#page-constraints) untuk rangkaian lengkap batasan.

<h2 id="create-an-artifact">
  Buat artifact
</h2>

Fuxi dapat menerbitkan artifact dengan sendirinya ketika output cocok untuk halaman, atau Anda dapat memintanya secara langsung. Untuk meminta, beri nama fitur atau jelaskan output visual yang Anda inginkan dalam bahasa biasa. Kandidat yang baik adalah apa pun yang lebih mudah dilihat daripada dibaca sebagai teks, seperti diff yang diberi anotasi, bagan, atau serangkaian opsi untuk dibandingkan. Prompt di bawah ini adalah dua contoh; lihat [What you can build](#what-you-can-build) untuk pola lainnya.

```text wrap theme={null}
Make an artifact that walks through this PR with the diff annotated inline.
```

```text wrap theme={null}
Build a dashboard artifact of last week's deploy failures by service and keep it updated as you investigate.
```

Fuxi menulis halaman ke file HTML atau Markdown di proyek Anda, kemudian menerbitkannya. Sebelum menerbitkan artifact baru, Fuxi Code meminta izin; mungkin mengatakan sesuatu seperti `Fuxi wants to publish "Deploy failures by service" (deploy-failures.html) to a private page on fuxi.ai`. Menerbitkan ulang artifact yang sudah Anda setujui tidak akan meminta lagi.

Pilih **Yes** untuk menerbitkan. Fuxi mencetak URL, dan browser Anda membuka ke halaman baru. Tekan `Ctrl+]` kapan saja untuk membuka kembali artifact terbaru dari terminal.

Fuxi memilih judul artifact dan emoji untuk ikon tab browsernya. Keduanya muncul di [galeri artifacts](#share-an-artifact) Anda di fuxi.ai dan di tautan bersama, jadi minta Fuxi untuk menggunakan judul atau ikon tertentu jika Anda menginginkannya.

Untuk menghentikan browser membuka secara otomatis ketika artifact baru diterbitkan, atur `FUXI_CODE_ARTIFACT_AUTO_OPEN=0` di lingkungan Anda.

Jika Fuxi merespons bahwa tidak dapat menerbitkan, atau menulis file HTML lokal tanpa tautan, tool tidak diaktifkan untuk sesi Anda. Periksa persyaratan [Availability](#availability).

<h2 id="update-an-artifact">
  Perbarui artifact
</h2>

Minta Fuxi untuk merevisi halaman, atau biarkan tugas yang berjalan lama menerbitkan ulang saat membuat kemajuan. Fuxi mengedit file yang mendasar dan menerbitkan lagi ke URL yang sama.

```text wrap theme={null}
Add a per-region breakdown below the summary chart and republish.
```

Siapa pun yang membuka halaman melihat pembaruan di tempat. Setiap penerbitan menjadi versi, dan dari kontrol **Share** di header halaman Anda dapat memilih versi mana yang dilihat viewer.

Untuk memperbarui artifact dari sesi yang berbeda, berikan Fuxi URL artifact dan minta untuk merevisi. Tanpa URL, sesi baru selalu membuat artifact baru daripada memperbarui yang sudah ada.

```text wrap theme={null}
Update https://fuxi.ai/code/artifact/5fbea6f3-... with today's numbers.
```

<h2 id="share-an-artifact">
  Bagikan artifact
</h2>

Artifact baru hanya terlihat oleh Anda. Pada paket Pro dan Max, artifact tetap pribadi untuk Anda. Pada paket Team dan Enterprise, buka artifact di browser Anda dan gunakan kontrol **Share** di header halaman untuk memberikan akses ke orang-orang tertentu di organisasi Anda, atau ke semua orang di dalamnya. Header menamai Anda sebagai penulis artifact, jadi siapa pun yang Anda bagikan dapat melihat siapa yang menerbitkan halaman. Ini juga menautkan ke galeri Anda di [fuxi.ai/code/artifacts](https://fuxi.ai/code/artifacts), yang mencantumkan setiap artifact yang telah Anda buat.

Berbagi berhenti di organisasi Anda. Viewer harus masuk ke fuxi.ai sebagai anggota organisasi yang sama yang menerbitkan artifact, dan tidak ada opsi untuk membuat artifact dapat dilihat di luar organisasi. Untuk mengirim konten yang mendasar kepada seseorang di luar organisasi Anda, minta Fuxi untuk file HTML dan bagikan file tersebut secara langsung.

Artifacts dapat dilihat, bukan diedit bersama. Orang yang Anda bagikan melihat setiap versi yang Anda terbitkan tetapi tidak dapat mengubah halaman; Anda tetap menjadi satu-satunya penulis.

<h2 id="what-you-can-build">
  Apa yang dapat Anda bangun
</h2>

Artifact adalah satu halaman HTML, jadi apa pun yang dapat Anda ekspresikan dalam HTML, CSS, dan JavaScript inline berada dalam cakupan. Pola di bawah ini paling sering muncul.

<h3 id="walk-through-a-change">
  Berjalan melalui perubahan
</h3>

Minta halaman yang merender diff atau perubahan desain dengan anotasi di samping baris yang relevan, sehingga reviewer dapat membaca alasan Anda di samping kode alih-alih merekonstruksinya dari deskripsi.

```text wrap theme={null}
Make an artifact that walks through this PR. Render the diff with margin annotations and color-code findings by severity.
```

<h3 id="compare-alternatives">
  Bandingkan alternatif
</h3>

Minta beberapa varian di satu halaman sehingga Anda dapat mengevaluasinya satu sama lain. Ini berfungsi untuk tata letak, salinan, bentuk API, atau rencana implementasi.

```text wrap theme={null}
Make an artifact with four distinctly different layouts for the settings panel. Vary density and grouping, and lay them out as a grid with a one-line tradeoff under each.
```

<h3 id="tune-with-interactive-controls">
  Sesuaikan dengan kontrol interaktif
</h3>

Minta slider, toggle, atau bidang input yang terikat pada apa pun yang Anda sesuaikan, sehingga Anda dapat menjelajahi nilai secara langsung alih-alih menjelaskannya.

```text wrap theme={null}
Build an artifact with sliders for the easing curve, duration, and delay so I can try values on this transition. Show the animation live as I move them.
```

<h3 id="bring-the-result-back-to-your-session">
  Bawa hasil kembali ke sesi Anda
</h3>

Artifact dapat bertindak sebagai editor ringan untuk keputusan yang kemudian Anda serahkan kembali ke Fuxi. Minta kontrol ekspor yang menghasilkan teks yang dapat Anda tempel ke terminal, sehingga hasil berinteraksi dengan halaman mengalir kembali ke sesi alih-alih tetap di halaman.

```text wrap theme={null}
Make a triage board artifact with each open issue as a draggable card across Now, Next, Later, and Cut columns. Add a "Copy as prompt" button that gives me the final ordering to paste back here.
```

<h3 id="track-work-in-progress">
  Lacak pekerjaan yang sedang berlangsung
</h3>

Minta Fuxi untuk menjaga artifact tetap terkini saat tugas panjang berjalan, sehingga siapa pun dengan tautan dapat mengikuti tanpa membaca terminal.

```text wrap theme={null}
Turn this migration plan into a checklist artifact. Check items off as you complete them and add a note for anything you skip.
```

<h2 id="improve-the-visual-design">
  Tingkatkan desain visual
</h2>

Fuxi menerapkan skill desain bawaan ketika membangun artifact, sehingga halaman mendapatkan palet, tipografi, dan tata letak yang disengaja tanpa prompting tambahan. Skill itu juga mencari sistem desain yang ada di proyek Anda sebelum memilih miliknya sendiri. Untuk menjaga artifacts konsisten dengan branding produk Anda, catat token desain Anda di mana Fuxi dapat menemukannya, seperti [FUXI.md](/id/memory) proyek atau file tema di repositori Anda:

```markdown theme={null}
## Design system

- Colors: primary #1a4d8f, accent #f59e0b, surface #f8fafc
- Typography: Inter for body, JetBrains Mono for code
- Spacing: 8px scale, 6px border radius
```

Fuxi memperlakukan sistem desain Anda sebagai prioritas lebih tinggi daripada pilihannya sendiri, dan prompt Anda sebagai prioritas lebih tinggi daripada keduanya. Heading dan format di atas adalah contoh; daftar warna, font, dan spasi yang jelas apa pun berfungsi.

<h2 id="page-constraints">
  Batasan halaman
</h2>

Setiap artifact adalah satu halaman yang mandiri. Fuxi Code membungkus file yang Anda terbitkan dalam shell dokumen HTML dan melayaninya di bawah Content Security Policy (CSP) yang ketat, yang membentuk apa yang dapat dilakukan halaman.

| Batasan                        | Efek                                                                                                                                                                                                                                                                           |
| :----------------------------- | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Tidak ada permintaan eksternal | CSP memblokir skrip, stylesheet, font, dan gambar yang dimuat dari host lain, bersama dengan panggilan `fetch`, XHR, dan WebSocket. Fuxi menginline CSS dan JavaScript dan menyematkan gambar sebagai data URI sehingga halaman dirender tanpa permintaan eksternal apa pun. |
| Tidak ada backend              | Artifact adalah halaman statis. Tidak dapat menyimpan data yang dikirimkan melalui formulir, mengautentikasi viewer sendiri, atau memanggil API pada waktu tampilan.                                                                                                           |
| Halaman tunggal                | Tautan relatif tidak diselesaikan, karena tidak ada yang disebarkan bersama halaman. Untuk konten multi-bagian, Fuxi menggunakan jangkar dalam halaman daripada file terpisah.                                                                                               |
| Jenis file sumber              | File yang diterbitkan harus `.html`, `.htm`, atau `.md`. File Markdown dirender sebagai HTML bergaya.                                                                                                                                                                          |
| Ukuran yang dirender           | Halaman yang dirender harus 16 MiB atau lebih kecil. Gambar tertanam besar adalah penyebab umum ketika penerbitan gagal karena ukuran.                                                                                                                                         |

Menghasilkan artifact menggunakan token output seperti respons lainnya, dan halaman bergaya lebih intensif token daripada konten yang sama sebagai teks terminal. CSS inline, JavaScript untuk kontrol interaktif, dan terutama gambar yang disematkan sebagai data URI adalah kontributor utama. Untuk mengurangi biaya token artifact:

* Lebih suka SVG, atau HTML dan CSS, untuk diagram daripada gambar raster tertanam
* Hilangkan interaktivitas yang tidak Anda butuhkan
* Buat halaman merangkum dataset besar daripada menginlinenya sepenuhnya

<h2 id="availability">
  Ketersediaan
</h2>

Artifacts memerlukan setiap kondisi di bawah. Ketika salah satu tidak terpenuhi, Fuxi menulis file HTML lokal atau mengatakan tidak dapat menerbitkan.

| Persyaratan          | Tersedia ketika                                                                                                                                                                                                                                                                                                            |
| :------------------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Paket                | Pro, Max, Team, atau Enterprise. Pada paket Pro dan Max, artifacts bersifat pribadi untuk Anda, dan tidak ada manajemen admin yang berlaku. Pada paket Team, artifacts diaktifkan secara default. Pada paket Enterprise, pemilik [mengaktifkannya](#manage-artifacts-for-your-organization) di pengaturan admin fuxi.ai. |
| Autentikasi          | Masuk ke fuxi.ai dengan `/login`. Sesi menggunakan kunci API, [gateway token](/id/llm-gateway), atau kredensial penyedia cloud tidak dapat menerbitkan.                                                                                                                                                                  |
| Penyedia model       | Anthropic API. Tidak tersedia di [Amazon Bedrock](/id/amazon-bedrock), [Google Cloud's Agent Platform](/id/google-vertex-ai), atau [Microsoft Foundry](/id/microsoft-foundry).                                                                                                                                             |
| Kebijakan organisasi | Kunci enkripsi yang dikelola pelanggan (CMEK), HIPAA, dan [Zero Data Retention](/id/zero-data-retention) tidak diaktifkan untuk organisasi.                                                                                                                                                                                |
| Permukaan            | Fuxi Code CLI, atau aplikasi desktop Fuxi versi 1.13576.0 atau lebih baru. Dimatikan secara default di konteks [Agent SDK](/id/agent-sdk/overview), GitHub Action, dan MCP-server, dan ketika [`FUXI_CODE_DISABLE_NONESSENTIAL_TRAFFIC`](/id/env-vars) diatur.                                                       |

<h2 id="disable-artifacts">
  Nonaktifkan artifacts
</h2>

Untuk mematikan artifacts untuk sesi Anda sendiri terlepas dari pengaturan organisasi Anda, gunakan salah satu dari:

| Metode                              | Pengaturan                                 |
| :---------------------------------- | :----------------------------------------- |
| [File pengaturan](/id/settings)     | `"disableArtifact": true`                  |
| [Variabel lingkungan](/id/env-vars) | `FUXI_CODE_DISABLE_ARTIFACT=1`           |
| [Aturan izin](/id/permissions)      | Tambahkan `Artifact` ke `permissions.deny` |

<h2 id="manage-artifacts-for-your-organization">
  Kelola artifacts untuk organisasi Anda
</h2>

Pemilik pada paket Team dan Enterprise mengontrol artifacts dari [pengaturan admin fuxi.ai](https://fuxi.ai/admin-settings/fuxi-code). Konten artifact disimpan di infrastruktur yang dioperasikan Anthropic dan hanya terlihat oleh anggota terautentikasi dari organisasi penerbit.

<h3 id="enable-or-disable-artifacts">
  Aktifkan atau nonaktifkan artifacts
</h3>

Untuk mengaktifkan atau menonaktifkan artifacts untuk seluruh organisasi, buka **Settings > Fuxi Code > Capabilities** dan gunakan toggle **Artifacts**. Pada paket Enterprise dengan kontrol akses berbasis peran, Anda dapat membatasi artifacts ke peran tertentu: buka **Settings > Roles**, edit peran, dan atur izin **Artifacts** di bawah grup **Fuxi Code**.

<h3 id="set-a-retention-policy">
  Atur kebijakan retensi
</h3>

Untuk mengatur berapa lama artifacts disimpan sebelum penghapusan otomatis, buka **Settings > Data & privacy controls**. Anda dapat mengatur periode retensi terpisah untuk artifacts yang masih pribadi untuk penulis mereka dan artifacts yang telah dibagikan.

<h3 id="review-the-audit-log">
  Tinjau log audit
</h3>

Penerbitan, berbagi, dan menghapus artifact masing-masing muncul di log audit organisasi Anda di bawah jenis acara `fuxi_artifact_*`, keluarga yang sama digunakan untuk artifacts yang dibuat dalam percakapan fuxi.ai.

<h3 id="allowlist-the-viewer-domain">
  Daftar putih domain viewer
</h3>

Viewer di fuxi.ai memuat setiap artifact dari asal `*.fuxiusercontent.com` yang disandboxkan. Jika organisasi Anda membatasi akses jaringan keluar, tambahkan domain itu ke daftar putih Anda bersama `fuxi.ai`. Lihat [Network access requirements](/id/network-config#network-access-requirements) untuk daftar lengkap.

<h3 id="list-and-delete-artifacts-with-the-compliance-api">
  Daftar dan hapus artifacts dengan Compliance API
</h3>

[Compliance API](https://docs.fuxi.com/en/api/compliance) menyediakan endpoint untuk mencantumkan artifacts organisasi Anda, mengambil konten versi tertentu, dan menghapus artifact:

| Metode   | Endpoint                                                            |
| :------- | :------------------------------------------------------------------ |
| `GET`    | `/v1/compliance/code/artifacts`                                     |
| `GET`    | `/v1/compliance/code/artifacts/{artifact_id}/versions/{version_id}` |
| `DELETE` | `/v1/compliance/code/artifacts/{artifact_id}`                       |

Untuk skema permintaan dan respons, lihat [referensi Compliance API](https://docs.fuxi.com/en/api/compliance/code/artifacts).

<h2 id="related-resources">
  Sumber daya terkait
</h2>

* Jelajahi [pola prompting dan alur kerja](/id/prompt-library) yang berpasangan dengan artifacts
* Ubah prompt artifact yang Anda gunakan kembali menjadi [skill](/id/skills) sehingga Anda dapat memanggilnya sebagai perintah
* [Hubungkan server MCP](/id/mcp) sehingga Fuxi dapat menarik data langsung ke artifact
