Pelanggan yang terhormat, Replit baru saja meluncurkan Agen 4, dan saya mendapat akses awal selama akhir pekan. Dalam tutorial ini, saya akan menunjukkan kepada Anda cara merencanakan, merancang, dan membuat aplikasi pelacakan kebiasaan secara langsung menggunakan kanvas tak terbatas dan agen paralel baru dari Agen 4. Saya juga akan menunjukkan cara membuat presentasi dan animasi dari kode, semuanya hanya dalam 10 menit. Tonton sekarang di YouTube atau baca panduan tertulis di bawah. Stempel Waktu: (00:00) Tiga fitur baru di Replit Agent 4 (00:34) Langkah 1: Rancang aplikasi pelacak kebiasaan dengan kanvas tak terbatas (03:39) Langkah 2: Bangun lebih cepat dengan agen paralel (05:52) Langkah 3: Publikasikan aplikasi tumpukan penuh dalam satu klik (07:11) Langkah 4: Buat dek slide dan animasi dari kode (08:58) Jujur saja: di mana Replit cocok dengan pasar pengkodean AI Apa yang akan kami bangun Saya selalu menginginkan sebuah aplikasi di mana saya dapat memeriksa kebiasaan di kalender dan melacak pencapaian agar tetap termotivasi. Jadi mari kita membangunnya sekarang. & #128293;1. Rancang aplikasi pelacakan kebiasaan dengan kanvas Mari kita mulai dengan mencoba kanvas tak terbatas Replit yang baru dengan perintah ini: Buat aplikasi pelacak kebiasaan seluler (maks 3 kebiasaan). Dua tab: Kalender (default) dan Kebiasaan (buat/edit). Tab Kalender: Tampilan bulanan. Tunjukkan kemajuan di setiap cincin tanggal yang terisi saat kebiasaan selesai. Ketuk tanggal untuk membuka lembar terbawah dengan kartu peralihan untuk setiap kebiasaan. Tab Kebiasaan: Membuat dan mengedit kebiasaan. Bidang nama, penetapan warna. Bersih dan minim. Mari kita mulai dengan menjelajahi 4 varian desain untuk tab kalender di atas kanvas: Glassmorphic — gelap, kartu kaca buram, cahaya lembut, kesan premiumRPG Quest — seni piksel, bilah XP, coretan api, gamifiedBotanical — metafora taman hidup, coretan menumbuhkan tanaman, tenang dan bersahaja. Anda mengejutkan saya. Perhatikan bagaimana saya meminta Replit untuk membuat empat desain berbeda. Di balik layar, ada empat agen terpisah untuk melakukan pekerjaan tersebut. Berikut adalah tiga desain pertama yang dihasilkannya: Desain glassmorphic, RPG, dan botani untuk aplikasi pelacakan kebiasaan saya Karena saya adalah seorang gamer, saya akan memilih desain pencarian RPG. Sekarang mari kita edit desain secara visual menggunakan kanvas. Anda dapat: Menghasilkan layar tambahan. Tekan tombol + untuk desain RPG dan minta untuk: “Buat layar pencarian.” Lakukan pengeditan yang tepat. Klik ikon inspeksi dan ubah teks atau warna secara manual. Sekarang kita memiliki kalender dan tampilan pencarian yang kita sukai, mari kita Replit untuk membuatnya.2. Membangun lebih cepat dengan agen paralel Daripada membangun dengan satu agen dalam satu waktu, mari kita buat dua agen bekerja secara paralel. Di Replit, kini Anda dapat membuat thread terpisah untuk bekerja pada bagian aplikasi yang berbeda. Berikut petunjuk yang saya berikan kepada setiap agen: Tampilan kalender: Buat tampilan bulanan, geser untuk menggulir antar bulan, hari ini disorot. Sel tanggal menunjukkan lingkaran kemajuan yang terisi saat kebiasaan selesai (1/3, 2/3, 3/3). Ketuk tanggal untuk melihat baki bawah tempat saya dapat mengaktifkan/menonaktifkan 3 kebiasaan. Tampilan kebiasaan: Membuat dan mengedit hingga 3 kebiasaan dengan nama dan warna. Setiap kebiasaan menampilkan jumlah pukulannya saat ini. Mengedit kebiasaan akan menyetel ulang kebiasaan tersebut ke nol. Setelah memulai dua rangkaian pesan, kini Anda dapat duduk santai dan menyaksikan agen bekerja. Ada tampilan papan bergaya Trello yang keren di mana Anda dapat melihat tugas berpindah melalui tiga tahap: Draf, Aktif, dan Siap. Draf adalah rencana yang menunggu persetujuan, aktif berarti agen sedang membangun, dan siap berarti pekerjaan selesai dan siap untuk ditinjau: Menurut saya, inilah tujuan agen pengkodean AI. Daripada memasangkan pemrograman dengan satu agen, Anda mengelola tim agen. Anda memberi mereka instruksi, menjauh, dan kembali untuk meninjau pekerjaan. Setelah agen selesai, Anda dapat meninjau masing-masing agen dan mengklik “Terapkan perubahan pada versi utama” untuk menggabungkannya. Anda masih mengontrol apa yang dikirimkan. Jika ada yang tidak beres, Anda dapat meminta pengeditan sebelum menggabungkannya. Setelah aplikasi dibuat, Anda dapat menerapkannya dalam satu klik dengan menekan Publikasikan. Salah satu keuntungan Replit adalah terintegrasi secara vertikal, dengan pemindaian frontend, backend, database, dan keamanan yang semuanya ada di dalamnya.3. Buat dek slide dan animasi dengan kode Dek slide yang dibuat Replit untuk tutorial iniSekarang, mari kita bersenang-senang lagi. Akhir-akhir ini saya menyadari bahwa: Kode adalah dasar dari semua pekerjaan pengetahuan. Dengan kode, Anda tidak hanya dapat menghasilkan aplikasi, tetapi juga slide deck, animasi, dokumen, dan banyak lagi. Misalnya, saya menempelkan postingan buletin lengkap ini ke Replit dan menghasilkan aset berikut: Dek slide. Agen menghasilkan 10 slide yang membahas bagaimana Anda dapat menggunakan Agen 4 untuk membuat rencana,merancang, dan membangun pelacak kebiasaan. Animasi. Agen menghasilkan animasi indah lengkap dengan grafik khusus dan banyak lagi. Slide, animasi, dan dokumen semuanya hanyalah kode. Jika seorang agen dapat menulis dan mengulangi kode, ia dapat menghasilkan hampir semua artefak pengetahuan. Jujur saja: Dimana Agen 4 Replit cocok dengan pasar pengkodean AI Saya pikir pasar pengkodean AI telah terbagi menjadi dua segmen — alat untuk pengembang profesional dan alat untuk semua orang. Bagi pengembang, menurut saya ini adalah perlombaan dua kuda antara Claude Code dan Codex OpenAI. Alat-alat ini kuat, cepat, dan terintegrasi secara mendalam ke dalam alur kerja model dan pengembang. Bagi semua orang — dan ini adalah pasar yang lebih besar — ​​Replit membuat dua taruhan dengan Agen 4: Orang-orang non-teknis akan berkolaborasi langsung dengan agen AI. Desainer akan menggunakan AI untuk menghasilkan desain di atas kanvas dibandingkan melakukannya secara manual. PM akan mengelola agen melalui papan bergaya Trello untuk menyelesaikan pekerjaan. Kode adalah dasar dari pekerjaan pengetahuan. Jika agen dapat menulis kode, agen dapat menghasilkan aplikasi, presentasi, animasi, dan lainnya. Bayangkan saja berapa banyak orang yang menggunakan Microsoft Office, Google Workspace, dan alat desain atau animasi tradisional. Itulah pasar yang dikejar Replit. Saya pikir Agen 4 adalah langkah maju yang nyata di kedua sisi. Kanvasnya mungkin memerlukan sedikit polesan lagi, tetapi arahnya jelas. Kami akan bekerja sama dengan agen AI untuk membangun segala macam hal di masa depan, bukan hanya aplikasi. Tonton tutorial saya untuk melihatnya beraksi dan coba sendiri Agen 4.

You May Also Like

Enjoyed This Article?

Get weekly tips on growing your audience and monetizing your content — straight to your inbox.

No spam. Join 138,000+ creators. Unsubscribe anytime.

Create Your Free Bio Page

Join 138,000+ creators on Seemless.

Get Started Free