Anthropic Menambah Perintah /design ke dalam Claude Code untuk Mockup UI Terminal

Anthropic telah memperluaskan Claude Code dengan perintah /design baharu yang membolehkan pembangun mencipta, melakukan iterasi, dan melihat mockup UI tanpa meninggalkan terminal.

Prototip UI Secara Terus dalam Terminal

Daripada beralih antara Figma dan shell, anda kini boleh menaip sesuatu seperti /design a few options for a login screen. Claude akan membalas dengan beberapa "artboard" interaktif yang memaparkan mockup berketepatan tinggi. Anda boleh membandingkan susun atur, memilih kegemaran anda, dan memperhalusi rupa dengan mengajukan soalan susulan—semuanya sebelum menulis sebaris pun kod pengeluaran.

Mockup Berasaskan Konteks daripada Pangkalan Kod Anda

Pembangun Nate Parrott menyatakan bahawa Claude sebenarnya membaca repositori semasa. Ia menarik palet warna, perpustakaan komponen, dan konvensyen susun atur, kemudian menyesuaikan setiap reka bentuk agar sepadan dengan gaya sedia ada projek tersebut. Hasilnya muncul sebagai "Artifacts," satu paparan khusus di dalam Claude yang menunjukkan imej tanpa perlu membuka penyunting grafik berasingan. Pada peringkat ini, mockup hanya wujud dalam ruang kerja Claude; anda mesti menyimpannya secara eksplisit ke dalam sistem fail sebelum menukarkannya kepada kod.

Mengapa Ia Penting untuk Pembangunan Berbantuan AI

Perintah ini menggabungkan dua peringkat kitaran hayat pembangunan perisian—reka bentuk dan pengekodan—menjadi satu. Pasukan yang mengutamakan kepantasan boleh menjana pelbagai pilihan susun atur dengan satu arahan, sekali gus mempercepatkan fasa penemuan awal. Oleh kerana Claude menggunakan pangkalan kod secara langsung, mockup kekal mengikut jenama dan serasi dengan sistem komponen, mengurangkan kerja pembersihan manual yang biasanya menyusul selepas penjanaan imej generik.

Anthropic menyifatkan ini sebagai langkah ke arah "jurutera perisian AI" yang mengendalikan logik dan estetika. Jika terminal boleh berfungsi sebagai ruang kerja pelbagai mod, garis pemisah antara menulis kod dan membentuk pengalaman pengguna akan menjadi sangat nipis.

Had Semasa

Ciri ini masih dalam fasa pratonton. Mockup yang dijana tidak menjadi fail sumber secara automatik; anda mesti mengeksport dan menyepadukannya sendiri. Langkah tambahan itu boleh menjejaskan penjimatan masa, terutamanya pada projek yang lebih besar dengan berpuluh-puluh komponen.

Cara Mencubanya

Jalankan claude update untuk mengambil binaan pratonton terkini dan mengaktifkan perintah /design.

Ringkasan Utama

  • Prototip Bersepadu: /design menjana pelbagai artboard UI secara terus daripada arahan terminal.
  • Ketekalan Kontekstual: Claude mengimbas pangkalan kod semasa untuk memastikan mockup selaras dengan sistem reka bentuk sedia ada.
  • Aliran Kerja yang Dipermudah: Dengan menggabungkan kuasa arahan Claude Design dengan pelaksanaan Claude Code, pembangun boleh beralih daripada konsep kepada prototaip visual tanpa perlu menukar alatan.

Perintah /design baharu daripada Anthropic membolehkan pembangun mencipta dan melakukan iterasi mockup UI terus dari terminal, mengurangkan proses berulang antara alatan reka bentuk dan penyunting kod—satu kekangan yang masih dihadapi oleh banyak pasukan yang bergerak pantas.

Menjana Draf Visual daripada Arahan CLI

Anda menaip perintah seperti /design a few options for a login screen dan Claude mengembalikan set artboard interaktif. Setiap artboard menunjukkan mockup berketepatan tinggi yang boleh anda periksa, banding, dan perhalusi dengan mengajukan soalan susulan.

Claude membaca fail dalam projek semasa, mengekstrak palet warna, perpustakaan komponen, dan konvensyen susun atur, kemudian menyesuaikan reka bentuk agar sepadan. Hasilnya muncul sebagai "Artifacts," satu paparan yang menunjukkan imej tanpa perlu membuka penyunting grafik berasingan. Pada tahap ini, mockup hanya wujud dalam ruang kerja Claude; anda mesti menyimpannya secara eksplisit ke dalam sistem fail sebelum menukarkannya kepada kod.

Mengapa Pembangun Mengutamakan Alatan Reka Bentuk dalam Terminal

Kebanyakan pembembang menghabiskan sebahagian besar hari mereka bertukar-tukar antara terminal kod dan aplikasi reka bentuk UI. Membawa prototaip visual ke dalam tetingkap yang sama di mana kod ditulis menggabungkan dua peringkat kitaran hayat pembangunan perisian menjadi satu.

Bagi pasukan yang mementingkan kepantasan, menjana beberapa pilihan susun atur dengan satu arahan boleh mempercepatkan fasa penemuan awal. Pembacaan Claude terhadap pangkalan kod sedia ada memastikan mockup kekal mengikut jenama dan serasi dengan sistem komponen projek, mengurangkan kerja pembersihan manual yang biasanya menyusul selepas langkah penjanaan imej generik.

Anthropic menyifatkan penambahan ini sebagai langkah ke arah "jurutera perisian AI" yang boleh mengendalikan logik dan estetika. Jika terminal kini boleh berfungsi sebagai ruang kerja pelbagai mod, garis pemisah antara menulis kod dan membentuk pengalaman pengguna menjadi semakin nipis.

Had dan Keperluan untuk Alatan Reka Bentuk Tradisional

Ciri ini masih dalam fasa pratonton, dan beberapa kekangan praktikal masih wujud. Pertama, mockup yang dijana tidak secara automatik menjadi fail sumber; pembangun mesti mengeksport dan menyepadukannya secara manual. Langkah tambahan itu boleh menjejaskan penjimatan masa bagi projek yang lebih besar di mana berpuluh-puluh komponen perlu diselaraskan.

Perkara yang Perlu Diperhatikan Apabila Ciri Ini Semakin Matang

Kemas kini Anthropic menyatakan bahawa arahan tersebut boleh diaktifkan dengan hanya claude update.

Rumusan: Menyematkan prom reka bentuk di dalam terminal Claude Code memberikan jalan pintas kepada pembangun daripada konsep kepada prototaip visual, tetapi aliran kerja tersebut masih bergantung pada penyerahan manual dan kekurangan kedalaman alatan UI khusus. Evolusinya akan menentukan sama ada arahan tersebut kekal sebagai kemudahan niche atau menjadi bahagian teras dalam stack pembangunan dipacu AI.