Bagaimana cara mendapatkan UI tingkat atas keluaran kode Claude? 👇 Ini adalah proses 3 langkah saya untuk mengubah kode Claude menjadi mode desain
1/ Proses ekstraksi gaya Banyak orang hanya menempelkan tiruan tangkapan layar ke kode Claude dan berharap itu menghasilkan hasil hi-fi yang baik Sebagian besar waktu, Anda mendapatkan sesuatu yang 60~70%, banyak detail desain yang hilang selama terjemahan Tapi bukan tidak mungkin untuk mendapatkan desain on-brand yang sempurna dengan piksel keluaran claude; Anda hanya perlu: 1. Berikan konteks hi-fi 2. Selaraskan melalui implementasi referensi 3. Ekstrak
2/ Studi kasus langkah demi langkah Ini adalah cara saya mengekstrak gaya hi-fi dari situs web @motherduck, dan mendaftar untuk generasi UI baru Hasil akhirnya fenomenal Tapi yang paling penting...
3/ untuk memandu lebih banyak desain sesuai merek Dengan , Anda bisa mendapatkan output kode claude tidak hanya situs web, tetapi juga slide deck, video, animasi, dll.
@SuperDesignDev juga membangun ekstensi chrome ini yang memungkinkan Anda mengekstrak dengan mudah + Anda dapat menggetarkan desain di situs web mana pun Kami masih awal - balas dengan '@SuperDesignDev' untuk akses ke kemampuan agen alfa yang sedang kami masak!
95,45K