UI Permainan AI: Jangan Edit Prefab YAML—Guna Canvas untuk Eksport Unity / Godot / Cocos

Minta Cursor untuk “susun HUD ini dalam Unity,” dan ia sering membaca teks .prefab serta mengedit beribu-ribu baris YAML—lambat, kos Token tinggi, dan berisiko untuk rujukan GUID dan .meta.

Corak yang lebih selamat: AI tidak pernah mengedit fail Prefab secara langsung; ia berfungsi pada lapisan tengah; pengeksport tetap membina Prefab.

Pos ini merangkumi keperluan biasa: UI yang disusun AI, Cursor mengedit Prefab, eksport UI Prefab Unity / Godot / Cocos, dan Figma / PSD ke dalam enjin tanpa membina Canvas secara manual. Di bawah: pemisahan lapisan tengah, kemudian laluan canvas permainan VberAI Studio (AI Studio, ≠ Google AI Studio)—reka bentuk atau UI skrin penuh AI → pemisahan canvas → eksport Prefab deterministik → Engine MCP untuk logik.

---

Mengapa AI tidak patut menyusun Prefab secara langsung

Isu	Apa yang anda lihat
Jumlah teks	Prefab satu skrin selalunya 10,000+ baris—mahal untuk baca/tulis
Masa	Satu pusingan jana/edit boleh mengambil 10–20 minit, sukar untuk lelaran
Risiko aset	Suntingan YAML pada rujukan dan fileID boleh memutuskan GUID dan pautan
Semakan	Diff kebanyakannya medan bersiri—risiko gabungan tinggi
Lelaran	Setiap perubahan UI bermakna menjana semula keseluruhan Prefab—kos penyelenggaraan tinggi

AI sesuai untuk susun atur, pilihan kawalan, dan pengisian medan; bukan peranan editor Prefab.

---

Pemisahan yang betul: lapisan tengah + eksport deterministik

Dua peringkat:

AI: fahami reka bentuk → perwakilan tengah (bukan teks Prefab)
Alat tetap: baca lapisan tengah → instanskan kawalan → tetapkan RectTransform → simpan Prefab

Lapisan tengah boleh menjadi format projek tersuai atau hierarki canvas VberAI Studio. Keperluan:

• Struktur yang jelas dan padat—boleh diedit oleh AI atau manusia
• Pembinaan Prefab tanpa LLM—input sama, output sama
• Semakan pra-eksport: sempadan, medan wajib, nama ikatan

Skrip permainan datang selepas import Prefab melalui MCP; struktur UI kekal berasingan daripada logik permainan.

---

Canvas AI Studio: pratonton, pemotongan, eksport berbilang enjin

Format tengah tersuai biasanya memerlukan imbasan pustaka kawalan, dokumen spesifikasi, alat Editor, dan saluran pemotongan/reskin.
VberAI Studio memprodukkan lapisan tengah dan pengeksport:

Keupayaan	Peranan
Canvas permainan	Pratonton UI skrin penuh; laraskan jarak dan hierarki sebelum eksport
Pemisahan di tempat	Pisahkan butang dan panel pada kedudukan asal—tiada hanyutan global dalam enjin (panduan pemisahan)
Pelbagai input	PSD / Figma, seni janaan AI, PNG skrin penuh
Eksport berbilang enjin	Unity UGUI, Godot Control, Cocos UI aliran sama
Reskin / lokasi	Reskin, terjemah, kemudian eksport semula pokok penuh
Prefab deterministik	Eksport tiada LLM; YAML tidak diedit oleh AI

Berbanding spesifikasi UI teks semata-mata, canvas juga merangkumi pengesahan visual, pemotongan, 9-slice, skin acara—semuanya membengkakkan spesifikasi tersuai dengan cepat.

---

Aliran disyorkan: Figma / PSD → Prefab → MCP

Langkah	Tugas	Pemilik
1	Lapisan dan nama reka bentuk (atau AI Studio menjana UI skrin penuh)	Reka bentuk / penerbit
2	Import VberAI Studio; semak hierarki dan kawasan hentaman pada canvas	Reka bentuk + semakan kejuruteraan
3	Pemisahan di tempat → pilih Unity / Godot / Cocos → eksport Prefab	AI Studio (deterministik)
4	Prefab dalam projek; pusingan susun atur mengikut senarai semak import enjin + MCP	Kejuruteraan
5	Cursor + Engine MCP ikat Btn_*, kesihatan, popup (contoh HUD)	Kejuruteraan
6	Sebelum hantar: senarai semak UI pra-pelancaran	Kejuruteraan + QA

Peraturan penyampaian: senarai semak serahan reka bentuk. Laluan alat lebih luas: gabungan alat AI pembangunan permainan.

Stak disyorkan: VberAI Studio + enjin sasaran MCP + Cursor atau Claude Code. Panduan: video UI 3 minit.

---

Pilih laluan mengikut apa yang anda ada

Anda ada	Laluan disyorkan
PSD / Figma berlapis	Import → pisah → eksport (Figma ke Unity)
PNG konsep skrin penuh	Canvas → pemisahan di tempat → eksport (potongan di tempat)
Tiada aset, perlukan demo	AI Studio jana UI → pisah → eksport → MCP ikat logik

Output sentiasa Prefab / hierarki UI yang boleh dipasang dalam enjin—bukan AI menulis semula teks Prefab pada cakera lagi.

---

Soalan Lazim

Bolehkah AI menjana Prefab Unity secara langsung?
LLM boleh mengeluarkan Prefab YAML, tetapi ia tidak disyorkan: teks besar, jalanan perlahan, risiko GUID, semakan lemah. Lebih selamat: AI pada lapisan tengah (canvas atau spesifikasi tersuai), pengeksport tetap untuk Prefab.

Bagaimana penyusunan UI Cursor berbeza daripada canvas AI Studio?
Cursor + MCP cemerlang selepas import—skrip, nod, pengesahan Play. Ia tidak ideal untuk membina struktur Prefab UI skrin penuh dengan selamat. AI Studio mengendalikan UI ke dalam enjin; bersama: eksport canvas → MCP untuk logik.

Bagaimana Figma / PSD sampai ke Unity UI tanpa membina Canvas secara manual?
Import fail berlapis ke AI Studio → pemisahan di tempat → eksport Prefab Unity UGUI. Aliran sama untuk Godot dan Cocos. Lihat Figma ke Unity dan PSD ke UGUI.

Bagaimana ini berbeza daripada Google AI Studio?
Google menyasarkan Web umum dan prototaip; eksport Prefab permainan adalah kerja yang berbeza. Lihat Google AI Studio vs VberAI.

Kami menggunakan rangka kerja UI tersuai—adakah canvas masih berguna?
Eksport ialah pokok UI enjin standard. Balut dalam templat anda selepas import jika perlu—masih lebih selamat daripada AI mengedit YAML.

Adakah reskin acara memerlukan pembinaan semula dari awal?
Tidak. Reskin pada canvas, eksport semula Prefab; logik berubah sedikit jika nama ikatan kekal stabil.