Hasilkan Kod Gambar SVG Interaktif dengan Claude Opus 4.7
Tekan play pada video. Ia akan terus lompat ke bahagian yang menjawab tajuk di
atas — tak perlu tonton video penuh.
Cara pantas hasilkan vector graphic (SVG) interaktif yang boleh react dengan pergerakan cursor (seperti mata ikut pergerakan mouse) hanya dengan menggunakan prompt ringkas.
Petanda Keupayaan Model AI
Keupayaan Claude menjana SVG yang kompleks menunjukkan betapa 'detail-oriented' dan bermotivasinya model tersebut dalam mengendalikan tugasan teknikal yang memerlukan ketelitian visual.
Kelebihan Ciri Artifacts
Anda tidak perlu memindahkan kod ke editor luar untuk melihat hasilnya. Ciri Artifacts di Claude membolehkan kod interaktif (SVG + JS) dipaparkan dan diuji secara 'real-time' terus dalam chat.
More from Coding & Pembangunan Aplikasi AI
View All
Jana idea eksperimen A/B Testing website dengan Claude Skill
Claude
Jalankan Command Claude Code secara Headless dengan Local Context
Claude
n8n
Bina AI Agents automatik dengan Claude Code
Claude
Segerakkan konteks kerja dengan workflow Multi-AI
Claude
Google Gemini
Urus memori dan konteks projek dengan ciri Claude Memory
Claude
4 Cara Edit dan Ubah Suai Design dalam Claude Design
Claude