Transcript
00:00:00Claude Code payah untuk membuat carousel, dan itu kesalahan Anda.
00:00:03Saat ini, media sosial dibanjiri
00:00:05oleh carousel berkualitas rendah buatan Claude Code
00:00:08yang tidak mendapatkan interaksi sama sekali.
00:00:10Dan itu karena semuanya terlihat persis sama,
00:00:12dan semuanya hanya dibuat dengan HTML murni.
00:00:15Dan ini adalah masalah besar jika Anda seseorang
00:00:17yang mencoba memanfaatkan AI dalam pemasaran media sosial Anda,
00:00:20karena carousel adalah salah satu bentuk konten media sosial
00:00:23dengan konversi tertinggi saat ini.
00:00:25Jadi dalam video ini, saya akan membantu Anda
00:00:27dengan menunjukkan cara keluar dari tren ini
00:00:29menggunakan pendekatan hibrida yang mengambil yang terbaik dari Claude Code
00:00:32dan aset HTML-nya, lalu menggabungkannya dengan model gambar luar
00:00:36seperti GPT Images 2 dan Nano Banana Pro
00:00:39untuk membuat carousel yang benar-benar berfungsi.
00:00:42Jadi saat kita berbicara tentang carousel yang menghasilkan konversi,
00:00:45saya berbicara tentang sesuatu seperti ini.
00:00:46Ini adalah postingan yang saya buat sekitar lima minggu lalu,
00:00:49ratusan ribu penayangan.
00:00:50Kami mendapatkan sekitar 18.000 suka pada postingan ini,
00:00:52dan ini adalah contoh sempurna dari pendekatan hibrida
00:00:55yang akan saya ajarkan kepada Anda.
00:00:56Pertama-tama, saat kita berbicara tentang carousel,
00:00:59kita perlu memikirkan gambar sampul.
00:01:01Ini adalah hal pertama yang akan dilihat orang,
00:01:03dan ini harus menjadi yang paling menarik secara visual.
00:01:05Apa yang Anda lihat di sini dibuat dengan GPT Images 2,
00:01:08dan dengan gambar sampul inilah
00:01:10kita akan mengandalkan alat pihak luar,
00:01:12baik itu GPT Images 2
00:01:14atau sesuatu seperti Nano Banana Pro.
00:01:16Saat kita kemudian menelusuri sisa carousel,
00:01:19ketika kita melihat seperti slide isi atau slide nilai,
00:01:22di sinilah sesuatu seperti aset HTML
00:01:25yang dibuat oleh Cloud Code sendiri sudah cukup baik.
00:01:28Anda sudah memikat mereka dengan slide sampul.
00:01:30Kita sudah mendapatkan mereka di sini.
00:01:31Sekarang kita perlu memberi mereka nilai nyata,
00:01:34dan tidak ada penekanan yang terlalu besar
00:01:35pada sisi visualnya agar tampak memukau.
00:01:38Kita hanya perlu memberikan nilai,
00:01:40dan kita harus bisa melakukan ini
00:01:41dengan cara yang dapat diulang,
00:01:42yang bisa kita lakukan berulang kali
00:01:44dengan cara yang sistematis
00:01:45dalam waktu yang relatif cepat.
00:01:47Itu juga murah,
00:01:49karena ingat,
00:01:50tidak gratis untuk membuat gambar-gambar ini
00:01:52dengan sesuatu seperti GPT Images 2
00:01:54atau Nano Banana Pro.
00:01:55Saya tidak bisa melakukan itu untuk setiap gambar.
00:01:59Maksud saya, saya bisa,
00:02:00tapi itu akan memakan waktu selamanya, kan?
00:02:01Kita perlu menyeimbangkan kecepatan dengan kualitas,
00:02:04dan saya telah menemukan setelah melakukan ini
00:02:06berulang kali sendiri,
00:02:07bahwa ini adalah cara terbaik
00:02:09untuk mendekati carousel di AI dan media sosial,
00:02:12dan kita berbicara tentang media sosial
00:02:13yang dibanjiri carousel berkualitas rendah ini.
00:02:15Anda tahu apa yang saya bicarakan,
00:02:16terutama jika Anda berada di ceruk AI di sini.
00:02:18Empat dari enam yang Anda lihat di sini
00:02:19sangat jelas dibuat dengan Claude Code.
00:02:21Saya bahkan tidak perlu menunjukkannya kepada Anda, kan?
00:02:23Mereka memiliki bidang slide deck HTML,
00:02:26dan mereka terlihat sangat, sangat mirip,
00:02:27dan Anda hanya akan melihat lebih banyak lagi ini.
00:02:29Jadi, jika Anda ingin karya Anda berkonversi,
00:02:31Anda harus mencari sesuatu yang menonjol.
00:02:34Dan jadi, seperti yang baru saja saya singgung,
00:02:36ini adalah proses dua bagian.
00:02:37Pertama adalah gambar sampul.
00:02:39Di situlah kita menggunakan pembuatan gambar AI.
00:02:41Untuk hari ini, saya akan menunjukkan kepada Anda
00:02:43cara melakukannya menggunakan Higgsfield CLI.
00:02:46Saya suka Higgsfield CLI
00:02:47karena itu memberi saya cara untuk mengakses
00:02:49alat generator gambar AI apa pun,
00:02:52baik itu Nano Banana,
00:02:55GPD Images 2,
00:02:55atau apa pun yang keluar minggu depan yang sedang populer,
00:02:57dan melakukannya melalui terminal.
00:02:59Dan bagian kedua adalah slide isi
00:03:00via Claude Code menggunakan aset HTML.
00:03:04Tapi pertama, sebelum kita mulai membangun apa pun,
00:03:06kita perlu menemukan inspirasi.
00:03:07Kita perlu benar-benar melakukan riset,
00:03:08melihat apa yang berhasil terkait format carousel,
00:03:11di luar ceruk Anda terutama,
00:03:13sehingga kita memiliki sesuatu untuk dijadikan dasar.
00:03:15Jika Anda mencoba melakukan semua ini dari nol,
00:03:17saya berjanji, Anda akan kesulitan,
00:03:18dan itu akan memakan banyak waktu Anda.
00:03:20Mengapa kita mulai dari nol?
00:03:21Lihat saja apa yang berhasil,
00:03:23dan jangan menyalinnya, tapi ambil inspirasi.
00:03:25Dan di mana Anda menemukannya?
00:03:27Yah, Anda menemukannya di media sosial.
00:03:29Dan hal termudah untuk dilakukan
00:03:30hanya pergi ke Instagram,
00:03:31pergi ke TikTok,
00:03:32cari carousel,
00:03:33itu yang saya masukkan di atas sini,
00:03:34dan mulai menggulir
00:03:35dan melihat apa yang menarik perhatian Anda.
00:03:39Apa yang menarik secara visual bagi Anda?
00:03:41Menurut Anda apa yang terlihat keren?
00:03:43Itulah yang akan kita lakukan.
00:03:44Dan jika saya melihat sesuatu yang saya sukai,
00:03:45saya akan melakukan dua hal.
00:03:48Satu, saya hanya akan mengkliknya
00:03:50dan mengambil tangkapan layar gambar sampulnya,
00:03:54dan kemudian saya akan melakukan hal yang sama pada isinya.
00:03:57Saya akan melihat slide isinya,
00:03:59lihat apakah itu sesuatu yang saya sukai,
00:04:00dan saya juga akan mengambil tangkapan layarnya.
00:04:02Dan jika ini pertama kalinya Anda melakukan ini,
00:04:04sejujurnya, Anda harus melakukan ini
00:04:05selama setidaknya 20 hingga 30 menit.
00:04:07Dan Anda perlu mulai membangun pustaka
00:04:10inspirasi visual.
00:04:13Saya sendiri memiliki seluruh folder
00:04:15yang didedikasikan untuk inspirasi carousel,
00:04:16dan itu bukan hanya tentang AI.
00:04:18Sejujurnya, Anda harus melihat hal-hal
00:04:19di luar ceruk Anda
00:04:21yang bisa Anda bawa ke ceruk Anda.
00:04:22Karena jika saya hanya melakukan hal yang sama
00:04:24seperti orang lain di ruang AI,
00:04:26atau Anda melakukan semua hal
00:04:26yang dilakukan orang lain di ruang Anda,
00:04:28itu tidak akan menonjol.
00:04:30Jadi selalu bagus untuk melihat
00:04:31apa yang dilakukan orang lain
00:04:32di domain yang sama sekali berbeda.
00:04:34Jadi langkah nol, inspirasi.
00:04:36Saya ingin Anda mulai membangun pustaka itu.
00:04:38Dan untuk video hari ini,
00:04:39saya ingin Anda fokus pada satu hal spesifik
00:04:41yang ingin Anda gunakan
00:04:43atau jadikan templat
00:04:44untuk carousel yang akan kita buat hari ini.
00:04:46Langkah selanjutnya, langkah satu,
00:04:47adalah menginstal Higgs Field CLI.
00:04:48Sekali lagi, ini memberi Anda akses
00:04:49ke semua generator gambar
00:04:51dan video berbeda yang ada di luar sana.
00:04:53Jadi Anda hanya perlu menuju ke Higgs Field.ai,
00:04:56pergi ke tab MCP dan CLI,
00:04:58klik di sini ke CLI.
00:04:59Ada MCP juga,
00:05:00tapi saya lebih suka CLI.
00:05:02Dan kemudian Anda hanya perlu menginstalnya
00:05:03dengan menggunakan perintah ini.
00:05:04Anda kemudian akan menjalankan
00:05:05Higgs Field Auth Login
00:05:07untuk benar-benar masuk ke akun Anda.
00:05:09Dan kemudian Anda juga bisa menambahkan keterampilan ini.
00:05:12Jadi sekarang mari kita bicara tentang membuat carousel ini.
00:05:15Nah, pertama-tama,
00:05:15Anda ingin membuat folder untuk carousel Anda.
00:05:18Saya menamai milik saya Chase AI Carousels.
00:05:19Tidak masalah apa yang Anda sebut milik Anda.
00:05:21Alasannya adalah untuk jangka panjang,
00:05:24Anda ingin mulai membangun pustaka
00:05:25carousel Anda sendiri yang kinerjanya bagus.
00:05:28Kita baru saja melakukan semuanya, kan?
00:05:29Di mana kita mencari melalui
00:05:30semua ini untuk inspirasi.
00:05:32Yah, bayangkan setelah Anda membuat
00:05:3430, 40, 50, 60 carousel,
00:05:36dan Anda tahu Anda memiliki sekitar 10 atau 15 templat
00:05:39yang selalu berhasil.
00:05:41Nah, bisa membuat carousel
00:05:43nantinya menjadi jauh lebih mudah
00:05:44karena Anda bisa langsung meminta Claude Code,
00:05:46hei, buat carousel versi 10.
00:05:49Kita sekarang akan melakukannya pada topik ini.
00:05:51Blah, blah, blah, blah, blah.
00:05:51Jadi, Anda akan mulai membangun
00:05:53fondasi itu hari ini di sini.
00:05:54Tapi hari ini, karena kita tidak punya apa-apa,
00:05:56kita perlu mulai dengan beberapa inspirasi.
00:05:57Jadi, apa yang akan kita lakukan
00:05:59adalah kita akan mengambil tangkapan layar
00:06:00dari halaman judul yang kita sukai
00:06:03yang ingin kita lakukan sendiri.
00:06:04Nah, saya menemukan slide judul ini untuk inspirasi.
00:06:06Jadi ini yang akan saya gunakan.
00:06:08Dan topik yang akan saya bicarakan
00:06:10untuk carousel saya adalah lima teratas
00:06:12plugin Cloud Code untuk bulan Juni.
00:06:15Jadi, dengan tangkapan layar dari gambar itu
00:06:16yang dimasukkan ke Cloud Code,
00:06:18saya sekarang akan meminta
00:06:19sesuatu seperti,
00:06:21hei, ini gambar
00:06:22yang ingin saya gunakan sebagai inspirasi.
00:06:24Gunakan CLI Higgs field.
00:06:26Gunakan model gambar ini.
00:06:28Kita akan gunakan GPT images juga.
00:06:29Lalu saya akan membahas
00:06:30bagaimana saya ingin hasilnya berbeda
00:06:32dari gambar aslinya.
00:06:34Jadi, saya ingin Anda menggunakan CLI Higgs field ini
00:06:36untuk membuat gambar sampul
00:06:38untuk carousel baru saya
00:06:40yang topiknya tentang
00:06:41lima plugin Cloud Code teratas untuk bulan Juni.
00:06:45Itu judul yang saya inginkan di halaman tersebut.
00:06:46Lima plugin Cloud Code teratas untuk bulan Juni.
00:06:48Saya ingin menggunakan tangkapan layar
00:06:51yang baru saja saya berikan sebagai gambar referensi.
00:06:53Jadi saya ingin hasilnya
00:06:54persis sama dengan gambar itu,
00:06:57tetapi ganti wanita
00:07:02yang menjadi patung di tengah,
00:07:03ubah menjadi pria.
00:07:05Jadi kita buat sedikit perubahan,
00:07:06tapi pertahankan estetika lainnya.
00:07:08Hal lain yang ingin saya ubah
00:07:09adalah saya tidak ingin benda-benda itu
00:07:10menjadi ikon Photoshop.
00:07:12Ganti saja dengan ikon GitHub
00:07:14atau ikon Anthropic saja.
00:07:17Saya ingin Anda menggunakan GPT images juga.
00:07:20Saya ingin menggunakan aspek rasio
00:07:22yang sedekat mungkin dengan empat banding lima.
00:07:24Saya ingin kualitasnya tinggi.
00:07:27Saya ingin ini 2K.
00:07:28Dan saya ingin Anda membuat empat gambar.
00:07:29Dan setelah selesai,
00:07:32tampilkan untuk saya.
00:07:33Sekarang ia akan segera mulai
00:07:35membangunnya untuk saya.
00:07:36Jadi saya beri tahu gambar referensinya.
00:07:37Saya beri tahu bagaimana saya ingin perubahannya.
00:07:39Karena ingat, jika kita lihat,
00:07:41saya pada dasarnya mengatakan ubah patungnya
00:07:42menjadi pria,
00:07:45ganti ikon Photoshop
00:07:46menjadi ikon GitHub,
00:07:48lalu ubah teksnya.
00:07:49Selain itu, saya beri tahu model gambar mana
00:07:51yang harus digunakan, GPT images dua,
00:07:52lalu saya beri instruksi
00:07:54terkait kualitasnya.
00:07:56Nah, jika Anda tidak tahu
00:07:59input seperti apa yang perlu Anda berikan
00:08:00untuk model gambar tertentu,
00:08:01misalkan Anda menggunakan Nano Banana Pro
00:08:02alih-alih GPT images dua,
00:08:04Cloud Code tahu.
00:08:05Ia punya keterampilannya.
00:08:07Ia punya CLI-nya.
00:08:07Jadi ia bisa memberi tahu Anda yang terbaik.
00:08:08Yang terpenting adalah membuat prompt tersebut benar
00:08:11terkait apa yang ingin Anda ubah.
00:08:14Nah, hal lain yang perlu diingat adalah,
00:08:16terutama di awal,
00:08:19saat baru memulai,
00:08:20Anda mungkin harus melakukannya beberapa kali.
00:08:21Ia akan memberikan gambar kembali.
00:08:23Kita mungkin harus mengeditnya.
00:08:24Jadi ada proses kreatif yang berulang.
00:08:25Sangat jarang sekali berhasil dalam sekali coba.
00:08:28Itulah mengapa kita melakukannya murni untuk halaman judul.
00:08:30Bayangkan harus melalui proses ini
00:08:33untuk setiap slide,
00:08:34setiap gambar di carousel Anda,
00:08:36yang bisa mencapai 10 gambar.
00:08:38Itu memakan waktu terlalu lama.
00:08:39Itulah mengapa kita melakukannya hanya untuk judul,
00:08:41dan sisanya kita lakukan jauh lebih cepat dengan HTML.
00:08:42Nah, ini gambar-gambar yang dihasilkannya.
00:08:46Pertama, teksnya hilang.
00:08:48Tapi menurut saya, secara keseluruhan, tidak buruk
00:08:52dalam hal suasana yang kita inginkan.
00:08:56Saya suka bagaimana hasil patungnya.
00:08:58Saya suka bagaimana hasil ikonnya.
00:09:00Kita bisa sedikit mengkritik ikon Anthropic-nya.
00:09:01Mungkin krimnya terlihat sedikit berbeda.
00:09:05Tapi hasilnya mendekati apa yang kita inginkan.
00:09:07Jika kita bisa membayangkan teksnya diletakkan di sana,
00:09:09saya akan senang dengan ini.
00:09:11Kita bahkan punya bayangan dan hal-hal semacam itu.
00:09:13Dan jika kita bandingkan dengan yang asli,
00:09:14dan saya akan keluar layar sebentar,
00:09:16cukup dekat, bukan?
00:09:18Anda bisa lihat dari mana inspirasinya berasal.
00:09:20Ada sedikit lebih banyak elemen
00:09:23pada aslinya, kan?
00:09:24Mereka akan punya ikon lain di kiri atas,
00:09:26tapi saya menyukainya.
00:09:27Saya pikir jika kita sekarang hanya menambahkan teks di sini,
00:09:28saya akan sangat senang.
00:09:30Sejujurnya, tidak begitu yakin
00:09:31kenapa teksnya hilang,
00:09:32tapi langkah ke depannya cukup mudah, bukan?
00:09:34Dan Anda sebenarnya punya dua pilihan di sini.
00:09:36Yang pertama adalah kita mengambil sampul ini
00:09:38karena saya suka yang satu ini dari empat yang dihasilkan.
00:09:40Kita masukkan kembali ke Cloud Code
00:09:43dan kita katakan, hei, pertahankan semuanya tetap sama.
00:09:45Yang perlu Anda lakukan hanyalah menambahkan teks ke atas.
00:09:47Pilihan lainnya adalah Anda bisa membawanya
00:09:51ke sesuatu seperti Canva
00:09:52jika Anda ingin sedikit lebih praktis.
00:09:53Pilihannya ada di tangan Anda.
00:09:55Tapi untuk video hari ini,
00:09:57kita akan beri gambar ini dan katakan,
00:09:57hei, tambahkan teks untuk lima keterampilan teratas
00:09:59atau lima plugin teratas untuk Cloud Code di bulan Juni
00:10:02dan sorot bagian tertentu
00:10:05sehingga memiliki semacam efek gradien pelangi
00:10:07yang kita lihat di sepanjang mata patung.
00:10:08Jadi saya suka gambar yang kita hasilkan,
00:10:11tapi saya ingin menambahkan teks
00:10:13dan saya ingin meniru teks
00:10:15dari gambar asli yang kita gunakan sebagai referensi.
00:10:16Jadi ingat untuk judulnya,
00:10:20teks yang saya inginkan adalah
00:10:21lima plugin Cloud Code teratas untuk bulan Juni.
00:10:23Dan sebagian dari teks itu
00:10:27seharusnya memiliki semacam gradien pelangi,
00:10:29hal yang sama yang ada di sepanjang
00:10:33mata patung kita.
00:10:35Jadi lakukan itu
00:10:38dan buat empat versi dari itu juga.
00:10:40Dan itulah cara proses bolak-balik itu berjalan
00:10:41saat Anda melakukan ini.
00:10:44Anda tidak perlu membuatnya rumit.
00:10:45Katakan saja apa yang Anda inginkan.
00:10:46Minta banyak gambar.
00:10:47Ia bisa melakukan empat sekaligus.
00:10:48Sebenarnya, saya yakin ia bisa melakukan hingga 16 sekaligus,
00:10:50tapi menurut saya empat adalah jalan tengah yang baik.
00:10:52Kita lihat apa hasilnya.
00:10:55Nah, inilah yang kita dapatkan saat kita menyuruhnya menambahkan teks.
00:10:56Jadi, seperti yang saya katakan, kita punya empat pilihan.
00:10:58Saya rasa saya paling suka yang ini.
00:11:02Jika punya lebih banyak waktu, saya mungkin akan mengeditnya sedikit lagi,
00:11:05mungkin menambahkan semacam bayangan pada teksnya sendiri
00:11:09agar lebih menonjol.
00:11:12Tapi Anda bisa mencoba terus-menerus
00:11:14untuk mendapatkan sesuatu yang Anda sukai.
00:11:18Tapi saya pikir ini sudah cukup untuk saat ini.
00:11:20Jika saya melihat ini saat sedang menelusuri Instagram atau TikTok saya atau apa pun,
00:11:23dan saya melihat ini sebagai gambar sampul, saya akan berhenti.
00:11:25Jadi setelah gambar sampul terkunci, sekarang kita bisa lanjut ke slide isi.
00:11:29Dan ingat, saat kita berbicara tentang slide isi,
00:11:31ini hanyalah segalanya setelah slide judul.
00:11:35Dan beberapa hal yang perlu kita ingat adalah
00:11:37kita tidak punya banyak ruang untuk beroperasi di sini.
00:11:40Jadi seperti slide tunggal ini, kan?
00:11:42Kita punya satu gambar, kita punya judul,
00:11:45dan kita punya satu atau dua baris teks untuk dikerjakan.
00:11:48Anda ingin memperlakukan ini hampir seperti slide presentasi PowerPoint biasa.
00:11:51Kita tidak ingin mengisinya dengan teks.
00:11:53Gambar itu bagus.
00:11:54Kita semua suka gambar.
00:11:55Buatlah judul, lalu Anda mendapatkan,
00:11:58Anda mendapatkan beberapa kalimat.
00:12:00Jadi, Anda tahu, efisiensi tindakan sangat besar di sini.
00:12:03Tapi yang perlu Anda pikirkan adalah, oke, akan seperti apa gambarnya?
00:12:07Apa latar belakang umumnya?
00:12:08Dan akan seperti apa teksnya?
00:12:10Nah, hal hebat di sini adalah ini hampir sepenuhnya dilakukan dengan HTML.
00:12:14Jadi Cloud Code menghasilkan semua ini sendiri.
00:12:17Dengan satu pengecualian, yaitu tangkapan layar ini.
00:12:20Jadi saya memberi Cloud Code tangkapan layar yang Anda lihat untuk banyak hal ini.
00:12:24Yah, untuk beberapa hal ini.
00:12:25Jadi ini adalah tangkapan layar yang saya berikan, dan saya suruh untuk memasukkannya ke sana.
00:12:28Ini adalah tangkapan layar yang saya berikan.
00:12:30Tapi ia juga bisa membuatnya sendiri.
00:12:31Jadi benda yang menunjukkan terminal, Cloud Code membuat semua itu.
00:12:35Saya tidak melakukan apa-apa.
00:12:36Jadi di bagian ini, yang perlu kita lakukan adalah mencari tahu seperti apa tampilan slide ini.
00:12:42Dan kemudian, persis seperti yang kita lakukan dengan slide sampul, lakukan proses berulang.
00:12:46Tapi kita bisa jauh lebih praktis.
00:12:48Karena apa yang akan saya tunjukkan adalah kita akan meminta Cloud Code membuat slide HTML ini untuk kita.
00:12:52Tapi kita akan membukanya di browser kita.
00:12:54Dan kita sebenarnya bisa melakukan penyesuaian.
00:12:55Seperti kita bisa masuk ke sana, mengubah teks, memindahkan barang, menyuruhnya melakukan edit.
00:13:00Jadi kita mendapatkan kendali lebih banyak daripada slide judul.
00:13:03Tapi persis seperti slide judul, di sinilah kita juga bisa menggunakan inspirasi.
00:13:07Jadi katakanlah saya ingin menyalin apa yang telah saya lakukan di sini dan salah satu milik saya sudah.
00:13:11Atau Anda ingin menyalin salah satu milik saya.
00:13:12Jadi apa yang akan kita lakukan?
00:13:13Kita akan mengambil tangkapan layar.
00:13:15Kita akan menempelnya di sini.
00:13:16Dan sekarang saya akan memberinya prompt, seperti, hei, sekarang mari kita mengerjakan judulnya.
00:13:20Sekarang mari kita lihat slide isi.
00:13:21Slide judul sudah selesai.
00:13:23Ini adalah apa yang saya lihat.
00:13:24Saya ingin melakukan HTML murni.
00:13:26Bisakah kita membukanya di browser?
00:13:27Sekarang saya hanya memberikan prompt ini secara mentah.
00:13:30Semua prompt yang saya berikan ke Claude Code sekarang juga bisa menjadi keahlian karena kita bisa mengodifikasikan semua ini.
00:13:36Sekarang saya punya keahlian pribadi untuk semua hal ini serta contoh dari karusel saya sendiri.
00:13:42Anda bisa mendapatkan semua itu di komunitas saya.
00:13:44Saya akan menaruh tautan ke sana di komentar yang disematkan.
00:13:47Tetapi jika Anda melakukannya sendiri, seperti inilah seharusnya kedengarannya.
00:13:50Sekarang mari beralih untuk mengerjakan slide isi.
00:13:53Jadi, kita sudah mengunci slide judulnya.
00:13:54Saya suka apa yang kita lakukan di sana.
00:13:55Dan sekarang dengan slide isi, itu akan menjadi HTML.
00:13:57Gambar yang Anda lihat ini adalah apa yang ingin saya gunakan sebagai inspirasi.
00:14:00Saya ingin menggunakannya sebagai templat untuk cara kita membuat slide isi.
00:14:04Saya suka gaya teksnya.
00:14:05Saya suka latar belakangnya.
00:14:06Saya suka semuanya.
00:14:07Jadi, saya ingin membuat slide isi.
00:14:10Saya ingin itu berupa HTML.
00:14:11Saya ingin Anda bisa membuka HTML ini di browser.
00:14:14Dan saya ingin bisa melakukan perubahan.
00:14:15Jadi saya ingin bisa memindahkan banyak hal, mengubah ukuran font, mengubah teks yang sebenarnya di sana,
00:14:19dan bisa melakukannya melalui browser.
00:14:21Saya harus menyalin JSON-nya.
00:14:23Saat saya melakukan perubahan itu, terjadilah.
00:14:24Tetapi saya ingin itu semudah mungkin.
00:14:27Dan untuk lima slide isi, saya ingin semuanya berkaitan dengan lima plugin untuk bulan Juni.
00:14:33Jadi sebagai contoh, lima plugin yang bisa kita buat.
00:14:35Mari lakukan untuk salah satunya.
00:14:36Mari lakukan Caveman.
00:14:38Yang berikutnya, kita akan lakukan plugin Codex.
00:14:41Yang ketiga, mari lakukan Impeccable.
00:14:43Lalu temukan plugin keempat dan kelima sendiri.
00:14:47Lalu tampilkan begitu Anda selesai melakukannya.
00:14:49Jadi, ia langsung membuat slide-nya, memberi tahu kita lima plugin yang dibuatnya,
00:14:53dan kemudian juga membuat fitur putaran penyesuaian (tweak loop) ini.
00:14:55Jadi kita membukanya di sini di dalam browser.
00:14:58Anda bisa melihatnya.
00:14:59Jadi ingat, apa yang kita berikan padanya?
00:15:01Kita memberikannya tangkapan layar dari karusel yang saya buat di sini.
00:15:05Jadi, relatif mirip, Anda bisa melihat ia mencoba meniru logo Anthropic di belakang sini.
00:15:10Saya bisa dengan mudah memberikan gambar asli logo Anthropic ke Claude Code
00:15:14dan memintanya untuk mendasarkannya pada itu.
00:15:16Tetapi kita memiliki semacam pill (tombol) di sini, plugin nomor satu, mode caveman.
00:15:21Dan juga, saya tidak memberitahunya apa itu caveman.
00:15:25Ingat, ia melakukan riset sendiri, melihat ke GitHub,
00:15:28membuat semua salinan (copy) untuk kita.
00:15:30Saya tidak memberikannya salinan apa pun.
00:15:31Dan ia langsung melakukan ini untuk hampir semuanya.
00:15:34Dan Anda bisa melihat di sini, Anda tahu, hal kecil seperti terminal yang ia buat,
00:15:38relatif sederhana karena, sekali lagi, ia hanya bekerja dari aset HTML-nya sendiri.
00:15:41Saya tidak memberikannya tangkapan layar apa pun.
00:15:43Tetapi kekuatan sebenarnya dari ini ada di sini pada penyesuaian (tweaks).
00:15:45Jadi ide ini muncul dari Claude Design, yang juga memiliki mode penyesuaiannya sendiri.
00:15:50Jadi saya pikir, hei, mengapa kita tidak mulai menerapkan sesuatu seperti ini,
00:15:53yang cukup mudah dilakukan saat kita membuat karusel.
00:15:56Jadi saya bisa mengubah, Anda tahu, ukuran judul, ukuran isi, Anda tahu, opasitas di latar belakang.
00:16:03Dan kemudian saya benar-benar bisa, Anda tahu, mengubah banyak hal dengan cepat, kan?
00:16:10Ini adalah kekuatan melakukan segalanya melalui HTML alih-alih harus melakukan semuanya melalui generator gambar AI.
00:16:15Dan apa pun di sini, saya bisa menyesuaikannya, kan?
00:16:17Kartunya, kita bisa menyesuaikannya untuk memiringkan semuanya.
00:16:20Sekarang, jika saya mengubah sesuatu, saat ia membuat fitur penyesuaian ini untuk Anda, sekali lagi, saya memiliki keahlian tepat untuk itu di komunitas sekolah.
00:16:29Tetapi jika Anda melakukan ini sendiri, mungkin akan dikatakan, hei, seperti saat Anda membuat perubahan ini, Anda perlu mengekspor penyesuaian Anda.
00:16:34Jadi ada ekspor penyesuaian di bagian bawah, yang hanya dalam bentuk JSON.
00:16:38Jadi kapan pun kita membuat perubahan, dan saya bisa melakukan ini pada beberapa slide sekaligus, saya hanya mengekspor penyesuaiannya, kembali ke sini,
00:16:44lalu menempelkannya langsung ke Claude Code.
00:16:47Dan kemudian ia akan memperbaruinya sendiri.
00:16:49Jadi sangat mudah untuk mengubah banyak hal.
00:16:51Dan seperti dari sini, apa yang akan kita lakukan?
00:16:54Yah, kita hanya akan memeriksa slide-nya.
00:16:55Kita akan melihat apakah itu sesuai dengan visi kita.
00:16:57Anda tahu, apakah ini terlalu bertele-tele, tidak bertele-tele?
00:17:00Apakah ini membahas hal-hal yang benar?
00:17:01Dan kemudian saya pikir di mana Anda benar-benar bisa menambahkan ini adalah dengan menambahkan tangkapan layar ke hal-hal tersebut.
00:17:07Jadi sebagai contoh, apa yang kita miliki di sini?
00:17:10Mode caveman.
00:17:11Jadi saya bisa pergi ke GitHub caveman.
00:17:13Dan ini bisa sesederhana saya mengambil tangkapan layar gambar ini, pergi ke Claude Code,
00:17:19menempelkan gambar itu di sana dan berkata, hei, bisakah kita menambahkan gambar ini ke slide caveman?
00:17:26Ini adalah gambar caveman alih-alih apa pun yang Anda buat.
00:17:30Dan kemudian kita hanya akan mengulangi proses itu berulang-ulang.
00:17:33Dan Anda bisa melihat ia menambahkan gambar caveman di sini.
00:17:36Dan itu cukup besar.
00:17:37Jadi saya bisa, Anda tahu, memindahkannya sampai saya mendapatkan sesuatu yang saya sukai.
00:17:43Dan selanjutnya, Anda juga bisa memberi tahu Claude Code untuk pergi ke internet dan menemukan gambar yang sesuai untuk semua hal ini juga.
00:17:49Ini bukan hanya HTML atau tangkapan layar, Anda bisa menjadi cukup kreatif di sini.
00:17:53Dan pada titik ini, kita hanya akan mengulangi proses ini berulang-ulang sampai kita mendapatkan sesuatu yang kita sukai.
00:17:58Sekali lagi, dalam hal kreativitas, banyak darinya akan datang dari inspirasi yang Anda temukan.
00:18:02Milik saya adalah yang ini.
00:18:03Tetapi sama seperti yang saya bicarakan sebelumnya, di mana kita benar-benar mencari karusel di Instagram, kita melakukannya untuk gambar sampul.
00:18:09Anda bisa melihat semua slide isi mereka juga.
00:18:11Dan itu saja dalam hal cara melakukannya.
00:18:14Sekarang, agar terlihat bagus, Anda tahu, hal-hal kreatif tergantung pada apa yang Anda bicarakan.
00:18:18Tetapi seperti, itu bagian Claude Code-nya.
00:18:20Itu sisi pembangunannya.
00:18:21Dan itu sangat sederhana.
00:18:23Dan sekali lagi, seperti yang saya bicarakan sebelumnya, Anda hanya akan melakukan ini untuk semua karusel Anda.
00:18:27Dan semuanya akan memiliki templat yang berbeda.
00:18:28Dan jadi ketika tiba saatnya untuk, Anda tahu, membuat karusel nomor 20, ketika Anda telah melakukan ini berulang-ulang,
00:18:35Anda bahkan tidak perlu melalui semua masalah yang telah kita lalui pada titik ini seperti,
00:18:38baiklah, temukan inspirasi, lakukan penyesuaian ini.
00:18:39Seperti, itu sudah agak terbangun sebelumnya.
00:18:41Anda hanya perlu mengubah salinannya.
00:18:43Dan jadi melalui proses tiga langkah ini yaitu menemukan inspirasi, membuat gambar sampul dengan model gambar AI luar,
00:18:49dan kemudian ketiga, membuat slide isi dengan HTML, kita mendapatkan proses yang berkelanjutan dan berulang
00:18:57yang memberi kita yang terbaik dari kedua dunia.
00:18:58Kita mendapatkan semua kreativitas keren dan semua citra keren dengan model gambar AI,
00:19:03namun HTML adalah tulang punggungnya, tetapi cukup mudah untuk dieksekusi sehingga kita bisa melakukan ini dalam skala besar berulang-ulang
00:19:08dan tidak perlu duduk di depan komputer selama berjam-jam setiap hari.
00:19:11Jadi dengan semua itu, di situlah saya akan meninggalkan Anda hari ini.
00:19:14Saya harap ini memberikan pencerahan tentang cara membuat karusel yang sedikit lebih baik, menurut saya, daripada apa yang Anda lihat di luar sana.
00:19:20Jangan terjebak dalam, oh, semua yang Anda butuhkan adalah satu keahlian ini di dalam Jebakan Claude Code.
00:19:25Kita bisa melakukan lebih banyak.
00:19:26Dan sekali lagi, itu tidak terlalu banyak pekerjaan.
00:19:29Anda hanya perlu membangun fondasi.
00:19:31Jadi seperti biasa, beri tahu saya pendapat Anda.
00:19:34Pastikan untuk memeriksa Chase AI Plus jika Anda ingin mendapatkan akses ke Masterclass Claude Code saya,
00:19:38serta semua keahlian dan contoh karusel saya.
00:19:41Itu ada di dalam komentar yang disematkan.
00:19:43Selain itu, sampai jumpa.
Community Posts
No posts yet. Be the first to write about this video!
Write about this video