{"title":"Agents Pengkodean AI","description":"\u003cp\u003e\u003cstrong\u003eAgent pengkodean AI yang menulis, meninjau, memperbaiki, dan mengirim kode secara menyeluruh — tanpa perlu pengetahuan tentang prompt.\u003c\/strong\u003e Setiap agent mengonfigurasi Claude, ChatGPT, atau AI chat apa pun menjadi pengembang spesialis yang memimpin seluruh proses pengkodean, mengajukan pertanyaan yang tepat, dan menghasilkan kode yang berfungsi dan siap produksi.\u003c\/p\u003e\n\n\u003ch3\u003eApa yang dilakukan agent pengkodean AI\u003c\/h3\u003e\n\u003cp\u003eTugas pengkodean yang biasanya memakan waktu berjam-jam bolak-balik — menulis fungsi dari awal, meninjau pull request, memperbaiki kesalahan kompleks, merombak kode lama — ditangani secara menyeluruh. Agent mengambil alih sejak aktivasi, mengumpulkan kebutuhan satu pertanyaan dalam satu waktu, dan menghasilkan kode lengkap, dengan komentar, yang berfungsi.\u003c\/p\u003e\n\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003ePenulisan Kode\u003c\/strong\u003e — Fungsi, komponen, skrip, dan modul lengkap berdasarkan kebutuhan\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePeninjauan Kode\u003c\/strong\u003e — Identifikasi bug, masalah performa, kerentanan keamanan, praktik terbaik\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDebugging\u003c\/strong\u003e — Diagnosa kesalahan, analisis penyebab utama, implementasi perbaikan\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRefaktorisasi\u003c\/strong\u003e — Pembersihan kode lama, optimasi performa, peningkatan keterbacaan\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDokumentasi\u003c\/strong\u003e — Komentar kode, file README, dokumentasi API\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eCara kerjanya\u003c\/h3\u003e\n\u003cp\u003eMuat file skill ke dalam Proyek Claude Anda atau tempel sebagai prompt sistem di ChatGPT. Tempel prompt aktivasi ke dalam percakapan. Agent langsung mulai mengajukan pertanyaan tentang stack, kebutuhan, dan batasan Anda — satu pertanyaan dalam satu waktu — lalu menghasilkan kode lengkap yang siap digunakan. Tidak perlu pengalaman membuat prompt.\u003c\/p\u003e\n\n\u003ch3\u003eBekerja dengan Claude, ChatGPT, atau AI chat apa pun\u003c\/h3\u003e\n\u003cp\u003eSetiap agent dilengkapi dengan dua file: file skill dan prompt aktivasi. Muat keduanya dan agent akan mengambil alih. Bekerja dengan Claude (direkomendasikan), ChatGPT, atau asisten AI apa pun yang menerima prompt sistem.\u003c\/p\u003e\n\n\u003cp\u003e\u003cem\u003eBerhenti berjuang dengan AI untuk mendapatkan kode yang benar-benar Anda butuhkan. Aktifkan agent, jawab pertanyaannya, dan dapatkan kode siap produksi yang dikirim secara menyeluruh.\u003c\/em\u003e\u003c\/p\u003e","products":[{"product_id":"albert-ai-code-review-agent","title":"Albert — Agen Review Kode AI","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n\n  \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n    Muat Albert ke dalam Claude dan dapatkan Senior Code Review Agent yang melakukan tinjauan kode menyeluruh dan terstruktur di semua bahasa atau kerangka kerja — setiap bug, kerentanan keamanan, dan masalah performa dinilai berdasarkan tingkat keparahan dan dipasangkan dengan perbaikan spesifik, bukan umpan balik yang samar.\n  \u003c\/p\u003e\n\n  \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n    Sebagian besar umpan balik tinjauan kode terlalu umum untuk ditindaklanjuti atau melewatkan masalah yang paling penting. Albert memperbaikinya. Dia mengajukan pertanyaan intake yang terarah tentang kode Anda sebelum meninjau apa pun — bahasa, tujuan, area perhatian, dan apakah akan diproduksi — lalu memberikan laporan tinjauan lengkap yang bisa langsung ditindaklanjuti oleh pengembang. Bekerja dengan Claude, ChatGPT, atau model AI chat apa pun yang menerima prompt sistem.\n  \u003c\/p\u003e\n\n  \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003eApa yang Anda dapatkan\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003eTemuan berperingkat keparahan\u003c\/strong\u003e — setiap masalah dinilai Kritis, Tinggi, Sedang, atau Rendah sehingga Anda tahu persis apa yang harus diperbaiki sebelum produksi dan apa yang bisa ditunda, tanpa ambiguitas tentang prioritas\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003eAudit keamanan\u003c\/strong\u003e — kerentanan OWASP Top 10, risiko injeksi, masalah autentikasi, rahasia dalam kode, dan dependensi tidak aman diidentifikasi dan ditandai dengan perbaikan spesifik sebelum mencapai produksi\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003eTinjauan performa\u003c\/strong\u003e — masalah kompleksitas algoritma, kueri N+1, loop yang tidak perlu, kebocoran memori, dan operasi pemblokiran diidentifikasi dengan rekomendasi optimasi konkret\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003eKekurangan penanganan kesalahan\u003c\/strong\u003e — blok try\/catch yang hilang, janji yang tidak tertangani, kegagalan diam-diam, dan kasus tepi yang akan menyebabkan masalah di produksi diidentifikasi dan diperbaiki\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003ePenilaian kualitas kode\u003c\/strong\u003e — pelanggaran DRY, masalah tanggung jawab tunggal, kejelasan penamaan, kode mati, dan kekhawatiran pemeliharaan ditandai dengan rekomendasi refaktor spesifik\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003eLaporan tinjauan lengkap\u003c\/strong\u003e — ringkasan dengan total temuan berdasarkan tingkat keparahan, temuan individu diurutkan dari Kritis ke Rendah masing-masing dengan lokasi, penjelasan, dan perbaikan spesifik, serta penilaian kesiapan produksi secara keseluruhan\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 albert-code-review-agent.skill\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eInstalasi kurang dari 2 menit\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eBekerja dengan Claude, ChatGPT \u0026amp; AI chat apa pun\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003eCara memasang\u003c\/p\u003e\n    \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n      Unduh paket .skill → buka Claude → muat SKILL.md ke dalam Instruksi Proyek atau prompt sistem Anda → tempel prompt aktivasi ke dalam percakapan → Albert mengajukan pertanyaan intake satu per satu dan memberikan laporan tinjauan kode lengkap dan terstruktur. Bekerja dengan Claude (direkomendasikan), ChatGPT, atau AI chat apa pun yang menerima prompt sistem.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":57850878394632,"sku":"albert-ai-code-review-agent","price":49.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/ag2-albert-nf.png?v=1784817050"},{"product_id":"conrad-ai-bug-fixer-agent","title":"Conrad — Agen Perbaikan Bug AI","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n\n  \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n    Muat Conrad ke dalam Claude dan dapatkan Senior Bug Fixer Agent yang mendiagnosis kode rusak, pesan kesalahan, dan perilaku tak terduga — mengidentifikasi penyebab utama, menjelaskan dengan tepat mengapa itu terjadi, dan memberikan perbaikan spesifik sebelum dan sesudah dengan langkah verifikasi. Tanpa tebakan. Tanpa menambal gejala.\n  \u003c\/p\u003e\n\n  \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n    Sebagian besar waktu debugging terbuang pada tambalan yang tidak memperbaiki masalah sebenarnya. Conrad memperbaikinya. Dia mengajukan pertanyaan terarah untuk memahami apa yang seharusnya dilakukan kode, apa yang sebenarnya terjadi, dan apa yang berubah sebelum bug muncul — lalu mendiagnosis penyebab utama sebelum menyentuh satu baris pun. Bekerja dengan Claude, ChatGPT, atau model AI chat apa pun yang menerima prompt sistem.\n  \u003c\/p\u003e\n\n  \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003eApa yang Anda dapatkan\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003eDiagnosa penyebab utama\u003c\/strong\u003e — pernyataan jelas tentang apa yang sebenarnya salah, mengapa itu terjadi, dan tepat di mana dalam kode sebelum perbaikan diterapkan agar Anda memahami masalah, bukan hanya tambalannya\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003ePerbaikan sebelum dan sesudah\u003c\/strong\u003e — kode asli yang rusak dan kode yang diperbaiki berdampingan dengan komentar inline yang menjelaskan persis apa yang berubah dan mengapa perbaikan berhasil, bukan hanya apa yang harus disalin dan ditempel\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003eInterpretasi pesan kesalahan\u003c\/strong\u003e — jejak tumpukan, TypeErrors, NullPointerExceptions, penolakan janji yang tidak tertangani, kesalahan CORS, dan pesan kesalahan lain dibaca dan ditelusuri kembali ke asalnya, bukan hanya titik munculnya\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003eLangkah verifikasi\u003c\/strong\u003e — kasus uji atau pemeriksaan spesifik untuk memastikan perbaikan benar-benar berfungsi sebelum masuk ke produksi, karena perbaikan yang tidak diuji masih berupa tebakan\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003eCegah di lain waktu\u003c\/strong\u003e — catatan praktis tentang cara menghindari kelas bug ini di masa depan agar masalah yang sama tidak memakan waktu satu jam lagi untuk debug tiga minggu kemudian\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003ePengamatan sekunder\u003c\/strong\u003e — masalah tambahan yang ditemukan di kode sekitar ditandai secara terpisah sehingga Anda tahu apa lagi yang harus diperbaiki tanpa Conrad merombak hal-hal yang tidak Anda minta untuk disentuh\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 conrad-bug-fixer-agent.skill\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eInstalasi kurang dari 2 menit\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eBekerja dengan Claude, ChatGPT \u0026amp; AI chat apa pun\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003eCara memasang\u003c\/p\u003e\n    \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n      Unduh paket .skill → buka Claude → muat SKILL.md ke dalam Instruksi Proyek atau prompt sistem Anda → tempel prompt aktivasi ke dalam percakapan → Conrad mengajukan pertanyaan satu per satu, mendiagnosis penyebab utama, dan memberikan perbaikan lengkap dengan kode sebelum dan sesudah. Bekerja dengan Claude (direkomendasikan), ChatGPT, atau AI chat apa pun yang menerima prompt sistem.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":57850879312136,"sku":"conrad-ai-bug-fixer-agent","price":49.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/ag2-conrad-nf.png?v=1784817049"},{"product_id":"dorian-ai-api-documentation-agent","title":"Dorian — Agen Dokumentasi API AI","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n\n  \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n    Muat Dorian ke dalam Claude dan dapatkan Agen Dokumentasi API Senior yang mengubah kode API, rute, atau catatan teknis Anda menjadi dokumentasi profesional lengkap — referensi endpoint, panduan autentikasi, contoh permintaan dan respons, tabel kode kesalahan, dan panduan cepat pengembang siap dipublikasikan.\n  \u003c\/p\u003e\n\n  \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n    Sebagian besar API didokumentasikan terakhir, dengan buruk, atau tidak sama sekali — yang berarti pengembang membuang waktu berjam-jam untuk memahami apa yang seharusnya dijelaskan kode dalam hitungan menit. Dorian memperbaiki itu. Dia bekerja dari apa pun yang Anda miliki — rute mentah, kode controller, koleksi Postman, atau catatan kasar — mengajukan pertanyaan terarah tentang API dan audiens, lalu menghasilkan dokumentasi yang dapat digunakan pengembang sejak hari pertama. Bekerja dengan Claude, ChatGPT, atau model AI chat apa pun yang menerima prompt sistem.\n  \u003c\/p\u003e\n\n  \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003eApa yang Anda dapatkan\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003eReferensi endpoint lengkap\u003c\/strong\u003e — setiap endpoint didokumentasikan dengan metode HTTP, path, deskripsi, tabel parameter, badan permintaan, respons sukses, dan kode kesalahan sehingga pengembang memiliki semua yang mereka butuhkan tanpa harus membaca kode sumber\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003ePanduan autentikasi\u003c\/strong\u003e — metode autentikasi didokumentasikan dengan cara mendapatkan kredensial, cara menyertakannya dalam permintaan dengan contoh format header, dan contoh permintaan yang sudah diautentikasi lengkap agar pengembang tidak terhambat berjam-jam\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003eContoh permintaan dan respons realistis\u003c\/strong\u003e — contoh curl dan badan JSON dengan nilai yang tampak nyata untuk setiap endpoint, bukan string placeholder, sehingga pengembang dapat menyalin, menempel, dan menjalankan langsung\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003eReferensi kode kesalahan\u003c\/strong\u003e — tabel kesalahan lengkap yang mencakup setiap kode status yang dikembalikan API dengan deskripsi dan panduan penyelesaian agar pengembang dapat menangani kesalahan tanpa harus mengajukan tiket dukungan\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003ePanduan cepat pengembang\u003c\/strong\u003e — langkah demi langkah dari nol hingga panggilan API pertama yang berhasil dalam kurang dari 10 menit, bagian dengan nilai tertinggi untuk pengembang yang memulai integrasi\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003eFleksibilitas format\u003c\/strong\u003e — output dalam Markdown untuk GitHub atau situs dokumentasi, OpenAPI 3.0 YAML untuk Swagger UI atau Redoc, atau teks terstruktur biasa untuk Confluence dan Notion — format mana pun yang digunakan tim Anda\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 dorian-api-documentation-agent.skill\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eInstalasi kurang dari 2 menit\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eBekerja dengan Claude, ChatGPT \u0026 AI chat apa pun\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003eCara memasang\u003c\/p\u003e\n    \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n      Unduh paket .skill → buka Claude → muat SKILL.md ke dalam Instruksi Proyek atau prompt sistem Anda → tempel prompt aktivasi ke dalam percakapan → Dorian mengajukan pertanyaannya satu per satu dan menghasilkan dokumentasi API profesional lengkap siap dipublikasikan. Bekerja dengan Claude (direkomendasikan), ChatGPT, atau AI chat apa pun yang menerima prompt sistem.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":57850880786696,"sku":"dorian-ai-api-documentation-agent","price":49.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/ag2-dorian-nf.png?v=1784817050"},{"product_id":"edmund-ai-full-stack-developer-agent","title":"Edmund — Agen Pengembang Full Stack AI","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n\n  \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n    Muat Edmund ke dalam Claude dan dapatkan Senior Full Stack Developer Agent yang mengambil brief fitur Anda dan membangunnya sepenuhnya — skema database, logika backend, endpoint API, dan komponen frontend — menyampaikan kode siap produksi yang dijelaskan lapis demi lapis dengan setiap keputusan arsitektur yang dibenarkan.\n  \u003c\/p\u003e\n\n  \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n    Sebagian besar kode yang dihasilkan AI melewatkan blok tanpa komentar dan langsung lanjut. Edmund membangun dengan cara berbeda. Dia mengajukan pertanyaan terarah tentang stack dan kebutuhan Anda sebelum menulis satu baris pun, membangun setiap lapisan secara berurutan, memeriksa setelah setiap lapisan, dan menjelaskan setiap keputusan agar Anda memahami dan dapat memelihara apa yang dibangun. Bekerja dengan Claude, ChatGPT, atau model AI chat apa pun yang menerima prompt sistem.\n  \u003c\/p\u003e\n\n  \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003eApa yang Anda dapatkan\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003eLapisan database\u003c\/strong\u003e — desain skema, model, dan migrasi dengan komentar inline dan penjelasan setiap keputusan struktural sehingga Anda memahami apa yang dibangun dan mengapa sebelum melanjutkan ke lapisan berikutnya\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003eLogika backend\u003c\/strong\u003e — fungsi layanan dan pemrosesan inti dengan penanganan kesalahan, validasi input, dan pertimbangan keamanan yang ditandai di setiap langkah — bukan ditambahkan sebagai pemikiran terakhir\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003eEndpoint API\u003c\/strong\u003e — endpoint REST dengan kontrak permintaan\/respons, validasi, respons kesalahan, dan kode status HTTP yang benar sehingga API siap produksi sejak commit pertama\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003eKomponen frontend\u003c\/strong\u003e — komponen UI dengan integrasi API, manajemen status, status pemuatan, dan penanganan kesalahan yang sudah terpasang — disesuaikan dengan framework Anda apakah React, Vue, Next.js, atau Nuxt\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003eBuild yang sadar stack\u003c\/strong\u003e — Edmund membangun untuk stack Anda, bukan preferensinya. Django + React, Node + Vue, FastAPI + Next.js — apa pun yang Anda gunakan, hasilnya cocok tanpa perlu penulisan ulang\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003eCatatan integrasi\u003c\/strong\u003e — bagaimana lapisan terhubung, variabel lingkungan yang diperlukan, dependensi yang harus dipasang, dan kasus tepi yang diketahui untuk ditangani agar Anda bisa mengirim tanpa tebak-tebakan di akhir\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 edmund-full-stack-developer-agent.skill\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eInstalasi kurang dari 2 menit\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eBekerja dengan Claude, ChatGPT \u0026 AI chat apa pun\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003eCara memasang\u003c\/p\u003e\n    \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n      Unduh paket .skill → buka Claude → muat SKILL.md ke dalam Instruksi Proyek atau prompt sistem Anda → tempel prompt aktivasi ke dalam percakapan → Edmund mengajukan pertanyaan satu per satu dan membangun fitur Anda lapis demi lapis dengan kode siap produksi yang dijelaskan. Bekerja dengan Claude (direkomendasikan), ChatGPT, atau AI chat apa pun yang menerima prompt sistem.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":57850931970312,"sku":"edmund-ai-full-stack-developer-agent","price":49.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/ag2-edmund-nf.png?v=1784817050"},{"product_id":"rupert-ai-devops-agent","title":"Rupert — Agen DevOps AI","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n\n  \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n    Muat Rupert ke dalam Claude dan dapatkan Senior DevOps Agent yang membimbing Anda melalui setup infrastruktur, konfigurasi pipeline CI\/CD, kontainerisasi, dan deployment cloud — memberikan file konfigurasi lengkap siap produksi dan langkah implementasi tepat agar Anda bisa menjalankan aplikasi tanpa engineer DevOps khusus.\n  \u003c\/p\u003e\n\n  \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n    Sebagian besar masalah deployment berasal dari file konfigurasi yang disalin dari tutorial dan tidak pernah disesuaikan dengan benar. Rupert memperbaikinya. Dia mengajukan pertanyaan terarah tentang stack, penyedia cloud, dan setup Anda saat ini sebelum menulis satu baris konfigurasi pun — lalu memberikan file yang dapat diterapkan yang bisa Anda commit ke repositori dan jalankan, dengan setiap pertimbangan keamanan ditandai sejak awal. Bekerja dengan Claude, ChatGPT, atau model AI chat apa pun yang menerima system prompt.\n  \u003c\/p\u003e\n\n  \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003eApa yang Anda dapatkan\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003eKonfigurasi Docker\u003c\/strong\u003e — Dockerfile dengan multi-stage build, pengguna non-root, pemeriksaan kesehatan, dan optimasi layer, plus docker-compose untuk pengembangan lokal dengan dependensi layanan, mount volume, dan file lingkungan\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003ePipeline CI\/CD\u003c\/strong\u003e — workflow GitHub Actions, GitLab CI, atau CircleCI lengkap dengan dependensi pekerjaan, penanganan rahasia, pemicu deployment, dan promosi lingkungan sehingga setiap push ke main otomatis dan aman terdeploy\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003eKonfigurasi deployment cloud\u003c\/strong\u003e — AWS, GCP, DigitalOcean, Railway, Render, atau Fly.io — disesuaikan dengan penyedia Anda dengan konfigurasi tepat yang dibutuhkan stack Anda, bukan template umum yang memerlukan banyak pengeditan\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003eInfrastruktur sebagai kode\u003c\/strong\u003e — modul Terraform atau playbook Ansible jika diperlukan, dengan manajemen state, file variabel, dan perintah tepat untuk inisialisasi, perencanaan, dan penerapan\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003eTabel variabel lingkungan\u003c\/strong\u003e — setiap variabel yang dibutuhkan tercantum dengan tujuan dan tempat pengaturannya, karena variabel lingkungan yang hilang adalah alasan paling umum kegagalan deployment tanpa pemberitahuan\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003eCatatan keamanan pada setiap output\u003c\/strong\u003e — manajemen rahasia, prinsip IAM least privilege, eksposur jaringan, dan keamanan kontainer ditandai tanpa diminta agar Anda tidak menemukan celah keamanan setelah live\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 rupert-devops-agent.skill\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eInstalasi kurang dari 2 menit\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eBekerja dengan Claude, ChatGPT \u0026 AI chat apa pun\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003eCara memasang\u003c\/p\u003e\n    \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n      Unduh paket .skill → buka Claude → muat SKILL.md ke dalam Instruksi Proyek atau system prompt Anda → tempel prompt aktivasi ke dalam percakapan → Rupert mengajukan pertanyaan satu per satu dan memberikan file konfigurasi lengkap yang dapat diterapkan dengan instruksi implementasi langkah demi langkah. Bekerja dengan Claude (direkomendasikan), ChatGPT, atau AI chat apa pun yang menerima system prompt.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":57850985971976,"sku":"rupert-ai-devops-agent","price":49.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/ag2-rupert-nf.png?v=1784817048"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/collections\/AI_Coding_Agents.png?v=1784820744","url":"https:\/\/kissmyskills.com\/id\/collections\/ai-coding-agents.oembed","provider":"KissMySkills","version":"1.0","type":"link"}