𝗔𝗿𝘁𝗶𝗳𝗮𝗰𝘁𝘀 𝗶𝗻 𝗖𝗹𝗮𝘂𝗱𝗲 𝗖𝗼𝗱𝗲: 𝗣𝗲𝗱𝘂𝗮𝗻 𝗢𝗽𝗲𝗿𝗮𝘁𝗼𝗿
Anthropic telah menambahkan artifacts ke Claude Code. Fitur ini mengubah hasil kerja coding Anda menjadi halaman web langsung yang dapat Anda bagikan dengan tim Anda.
Artifacts bukanlah file statis. Ini adalah halaman HTML interaktif. Mereka diperbarui saat Anda bekerja. Mereka menggunakan kode, file, dan hasil pengujian aktual Anda untuk membangun tampilan.
Anda dapat menggunakannya untuk:
- Walkthrough PR dengan diff kode
- Diagram arsitektur sistem
- Dashboard interaktif
- Halaman status insiden langsung
- Audit keamanan dan lisensi
Cara menggunakannya:
- Masuk: Jalankan
/logindi sesi Claude Code Anda. - Tanya: Beritahu Claude untuk membuat dashboard atau diagram.
- Bangun: Claude menghasilkan halaman HTML.
- Bagikan: Klik tombol bagikan untuk mengirim tautan pribadi ke tim Anda.
Ketersediaan dan Privasi:
- Ini dalam tahap Beta untuk paket Team dan Enterprise.
- Paket Individual belum memiliki akses.
- Artifacts bersifat pribadi. Hanya anggota organisasi Anda yang terautentikasi yang dapat melihatnya.
Anthropic juga memperbarui Claude Design untuk memperkecil celah antara desain dan kode. Anda sekarang dapat menggunakan perintah /design-sync.
Alur kerja /design-sync:
- Tarik (pull) sistem desain Anda dari GitHub ke Claude Design.
- Gunakan
/design-syncdi terminal Anda untuk memasukkan desain tersebut ke dalam kode Anda. - Dorong (push) kode kembali ke Claude Design untuk pengeditan visual.
Ini menciptakan siklus yang lengkap. Anda berpindah dari desain ke kode ke dokumentasi tanpa meninggalkan sistem AI.
Ini menyelesaikan masalah besar. Biasanya, hasil kerja coding AI tetap tersembunyi di terminal. Pengembang kemudian harus menulis pembaruan secara manual di Slack atau Jira. Artifacts membuat hasil kerja tersebut langsung terlihat.
Hasil kerja menjadi sarana komunikasi.
Sumber: https://dev.to/max_quimby/artifacts-in-claude-code-the-operators-guide-4fb0
Komunitas pembelajaran opsional: https://t.me/GyaanSetuAi