Bina dan 'Customize' Aplikasi Mini dengan Claude Artifacts | Alpha | PandaiTech

Bina dan 'Customize' Aplikasi Mini dengan Claude Artifacts

Cara menggunakan Claude Artifacts Library untuk mencari template aplikasi, mengubah suai kod melalui chat untuk kegunaan sendiri, dan menerbitkan (publish) aplikasi tersebut untuk dikongsi.

Learning Timeline
Key Insights

Kelebihan 'No-Code' dengan Artifacts

Anda tidak perlu melihat atau menyunting kod React yang dijana di latar belakang. Fokus sepenuhnya pada memberikan arahan (prompt) yang jelas untuk mengubah fungsi aplikasi.

Kegunaan Kolaborasi Pasukan

Aplikasi yang diterbitkan (Published Artifacts) adalah cara terpantas untuk membina tool dalaman syarikat, seperti penjana emel atau kalkulator khusus, tanpa memerlukan bajet pembangunan perisian.
Prompts

Membina Aplikasi Penulisan Emel

Target: Claude
Build a react app that allows users to write better emails.
Step by Step

Cara Mencari dan Menggunakan Claude Artifacts Library

  1. Log masuk ke akaun Claude.ai anda.
  2. Akses halaman 'Artifacts' atau 'Artifacts Library' melalui menu utama Claude.
  3. Skrol melalui senarai template atau aplikasi yang telah dibina oleh komuniti/Claude.
  4. Klik pada salah satu contoh aplikasi (contoh: 'Email Writing Assistant') untuk melihat pratonton dan cara ia berfungsi.
  5. Uji interaksi aplikasi dalam tetingkap preview untuk memastikan ia memenuhi keperluan anda.

Customizing dan Remix Aplikasi Artifacts

  1. Klik butang 'Customize' atau 'Remix' pada aplikasi yang anda ingin ubah suai.
  2. Tunggu sehingga interface chat Claude terbuka secara automatik dengan kod sumber aplikasi tersebut di bahagian belakang.
  3. Taip arahan atau perubahan yang anda inginkan dalam ruangan chat (contoh: tambah pilihan tone baru atau ubah layout).
  4. Claude akan mengemas kini kod React secara real-time berdasarkan prompt anda.
  5. Periksa hasil perubahan pada panel preview di sebelah kanan chat.

Menerbit (Publish) dan Berkongsi Aplikasi

  1. Setelah berpuas hati dengan aplikasi tersebut, klik butang 'Publish' yang terletak di bahagian atas kanan tetingkap Artifact.
  2. Sahkan tetapan privasi jika diminta dan teruskan untuk menjana link awam.
  3. Klik ikon 'Copy Link' atau salin URL yang diberikan.
  4. Buka tab baru dan tampal link tersebut untuk melihat rupa aplikasi sebagai pengguna akhir.
  5. Hantar link tersebut kepada rakan sepasukan atau klien supaya mereka boleh terus menggunakan aplikasi itu tanpa perlu login ke akaun AI anda.

More from Coding & Pembangunan Aplikasi AI

View All