{"title":"Skills Teknologi \u0026 Pengembangan","description":"\u003cp\u003e\u003cstrong\u003eSkills AI profesional untuk pengembang perangkat lunak, manajer teknik, dan tim teknis — ubah Claude menjadi asisten pengembangan spesialis yang memahami kode, arsitektur, dan alur kerja teknik.\u003c\/strong\u003e Koleksi ini berisi Skills Claude yang dirancang secara ahli untuk mengubah asisten AI Anda menjadi spesialis teknis yang mencakup setiap aspek pengembangan perangkat lunak modern dan manajemen teknik.\u003c\/p\u003e\n\n\u003ch3\u003eApa saja yang termasuk dalam Skills Teknologi \u0026amp; Pengembangan\u003c\/h3\u003e\n\u003cp\u003eSetiap skill dalam koleksi ini dirancang oleh insinyur perangkat lunak yang aktif bekerja, pemimpin teknis, dan manajer teknik yang memahami tantangan pengembangan nyata. Mulai dari menulis kode bersih hingga mengelola tim teknis, dari merancang sistem hingga menerapkan praktik DevOps — skills ini menangani pekerjaan teknis kompleks yang mendefinisikan pengembangan perangkat lunak modern.\u003c\/p\u003e\n\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003ePengembangan Perangkat Lunak\u003c\/strong\u003e — Pengembang senior, insinyur full-stack, spesialis Python, ahli JavaScript, perancang API\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eKepemimpinan Teknik\u003c\/strong\u003e — Manajer teknik, pemimpin teknis, arsitek perangkat lunak, penasihat CTO\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDevOps \u0026amp; Infrastruktur\u003c\/strong\u003e — Insinyur DevOps, arsitek cloud, spesialis SRE, ahli CI\/CD\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eKualitas \u0026amp; Review Kode\u003c\/strong\u003e — Reviewer kode, penulis dokumentasi teknis, spesialis pengujian\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eKeamanan Siber\u003c\/strong\u003e — Insinyur keamanan, penguji penetrasi, spesialis kepatuhan, analis risiko\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eDibangun untuk alur kerja pengembangan nyata\u003c\/h3\u003e\n\u003cp\u003eApakah Anda seorang insinyur senior yang menulis algoritma kompleks, manajer teknik yang merencanakan roadmap teknis, insinyur DevOps yang merancang pipeline deployment, atau CTO startup yang membuat keputusan arsitektur — skills ini memahami kedalaman teknis dan keterbatasan praktis pengembangan perangkat lunak profesional.\u003c\/p\u003e\n\n\u003cp\u003eTidak ada lagi saran pengkodean generik atau usulan teknis yang dangkal. Skills Claude ini mengetahui pola desain, memahami trade-off sistem, dapat meninjau kode untuk kerentanan keamanan, dan memikirkan implikasi bisnis dari keputusan teknis seperti insinyur senior berpengalaman.\u003c\/p\u003e\n\n\u003ch3\u003eDari kode ke strategi\u003c\/h3\u003e\n\u003cp\u003eKoleksi ini mencakup pekerjaan pengembangan langsung dan kepemimpinan teknis strategis. Dapatkan bantuan menulis kode siap produksi, melakukan review kode menyeluruh, merancang arsitektur yang skalabel, mengelola tim teknis, merencanakan migrasi, menerapkan protokol keamanan, dan membuat keputusan teknologi yang selaras dengan tujuan bisnis.\u003c\/p\u003e\n\n\u003ch3\u003eKeahlian teknik profesional\u003c\/h3\u003e\n\u003cp\u003eSetiap skill membawa pengalaman teknik profesional bertahun-tahun ke asisten Claude Anda. Skill Senior Python Developer tidak hanya memahami sintaks tetapi juga optimasi performa, strategi pengujian, dan cara menyusun basis kode besar. Skill Engineering Manager memahami dinamika tim, manajemen technical debt, dan cara menerjemahkan antara kebutuhan teknis dan bisnis.\u003c\/p\u003e\n\n\u003ch3\u003eTidak tergantung teknologi dan sadar kerangka kerja\u003c\/h3\u003e\n\u003cp\u003eMeski beberapa skill mengkhususkan diri pada teknologi tertentu, koleksi ini dirancang untuk bekerja di berbagai tumpukan teknologi dan lingkungan teknik. Apakah Anda bekerja di startup atau perusahaan besar, menggunakan cloud atau infrastruktur lokal, membangun aplikasi web atau sistem terdistribusi — skills ini menyesuaikan dengan konteks teknis Anda.\u003c\/p\u003e\n\n\u003ch3\u003eBantuan teknis langsung\u003c\/h3\u003e\n\u003cp\u003eMasukkan skill apa pun ke Claude dan langsung dapatkan akses ke keahlian teknis tingkat senior. Debug masalah kompleks, tinjau keputusan arsitektur, rencanakan implementasi teknis, lakukan review kode, dan tangani komunikasi teknis yang menjaga tim pengembangan tetap berjalan efisien.\u003c\/p\u003e\n\n\u003cp\u003e\u003cem\u003eTingkatkan pekerjaan pengembangan Anda dengan Skills Claude yang memahami baik kode maupun bisnis membangun perangkat lunak secara profesional.\u003c\/em\u003e\u003c\/p\u003e","products":[{"product_id":"frontend-developer-skill","title":"Lena — Pengembang Frontend Skill 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    Masukkan Lena ke dalam Claude dan dapatkan Senior Frontend Developer yang menulis komponen siap produksi dari prompt pertama — React, Vue 3, dan Angular dengan TypeScript penuh, konversi Figma-ke-kode, dan UI yang lolos Core Web Vitals tanpa panik audit Lighthouse.\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    Tidak ada komponen tanpa arsitektur. Lena mengidentifikasi pola manajemen state yang tepat, alat build, dan pendekatan aksesibilitas sebelum menulis satu elemen pun — karena pengiriman cepat dan pengiriman yang benar bukanlah hal yang bertentangan.\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\u003eReact (hooks, context, suspense), Vue 3 (composition API), Angular 15+ — pengetikan TypeScript penuh di seluruhnya\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\u003eManajemen state dengan Redux Toolkit, Zustand, Pinia, atau NgRx — disesuaikan dengan stack Anda, bukan default\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\u003eFigma\/Sketch ke kode responsif pixel-perfect — dengan Tailwind, CSS Modules, atau Styled Components\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\u003eKonfigurasi pipeline build Vite, Webpack 5, Turbopack — pemisahan kode, tree shaking, optimasi chunk\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\u003eOptimasi Core Web Vitals — LCP, INP, CLS dengan audit Lighthouse dan strategi pemantauan pengguna nyata\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\u003eKepatuhan WCAG 2.1 AA — HTML semantik, peran ARIA, navigasi keyboard, pengujian pembaca layar\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\u003ePengujian dengan Jest\/Vitest + React Testing Library, Playwright\/Cypress E2E, dan dokumentasi komponen Storybook\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📄 claude-frontend-developer.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;\"\u003ePemasangan 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; semua chat AI\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 → tempel SKILL.md ke dalam Instruksi Proyek atau prompt sistem Anda → mulai membangun. Itu saja.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":56894735843592,"sku":"frontend-developer-skill","price":19.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/td2-lena-nf.png?v=1784791796"},{"product_id":"niko-backend-developer","title":"Niko — Pengembang Backend Skill 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    Masukkan Niko ke dalam Claude dan dapatkan Senior Backend Developer yang merancang API, menulis logika server yang aman, dan menangani basis data seperti mereka berutang padanya — Python, Node.js, Go, atau stack apa pun yang Anda gunakan.\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    Tidak ada kode tanpa arsitektur. Niko selalu mempertimbangkan model data, strategi otentikasi, dan pola penskalaan sebelum menulis satu endpoint pun — karena keputusan yang Anda buat di baris pertama adalah yang Anda jalani di baris sepuluh ribu.\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\u003ePython (Django, FastAPI, Flask), Node.js (NestJS, Express), Go, Java Spring Boot — menyesuaikan dengan stack Anda dengan dukungan penuh TypeScript\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\u003eDesain API REST dan GraphQL — versi, paginasi, penyaringan, spesifikasi OpenAPI, sistem webhook, dan aliran SSE\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\u003eOtentikasi dari awal — JWT, OAuth 2.0, PKCE, RBAC\/ABAC, isolasi multi-tenant, pencegahan OWASP Top 10\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\u003eDesain skema PostgreSQL, optimasi kueri, strategi indeks, pemodelan MongoDB, pola caching Redis\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\u003eArsitektur mikroservis, antrean pesan (Kafka, RabbitMQ, SQS), pekerjaan latar belakang, pola penskalaan horizontal\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\u003ePengujian dengan pytest, Jest, tes kontrak Pact — plus pencatatan terstruktur, pelacakan OpenTelemetry, dan metrik Prometheus\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\u003eDokumentasi API, tinjauan PR untuk keamanan dan performa, penulisan RFC, dan partisipasi desain sistem\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📄 claude-backend-developer.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;\"\u003ePemasangan 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; semua chat AI\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 → tempel SKILL.md ke dalam Instruksi Proyek atau prompt sistem Anda → mulai membangun. Itu saja.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":56895623594248,"sku":"niko-backend-developer","price":19.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/td2-niko-nf.png?v=1784791795"},{"product_id":"max-full-stack-developer","title":"Max — Pengembang Full Stack Skill 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    Masukkan Max ke dalam Claude dan dapatkan Senior Full Stack Developer yang berpikir dalam sistem — dari skema database ke API ke UI ke deploy. Satu file skill, pengiriman fitur end-to-end lengkap dalam satu percakapan.\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    Tidak ada lapisan terisolasi. Max membangun dalam irisan vertikal — fungsionalitas yang bekerja disampaikan sepenuhnya melalui stack, bukan potongan terpisah yang perlu disambung kemudian. Dia membuat keputusan arsitektur, menjelaskan kompromi, dan mencakup stack produksi lengkap 2026 termasuk integrasi API AI.\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\u003ePengiriman fitur lengkap — model data, API, komponen frontend, tes, dan konfigurasi deployment dalam satu percakapan\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\u003eReact 18+\/Next.js 14+, Vue 3\/Nuxt 3, TypeScript, Tailwind — plus Node.js (NestJS\/Express) dan Python (FastAPI\/Django) di backend\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\u003eTypeScript penuh di seluruh stack — tRPC, skema Zod, Prisma\/Drizzle ORM dengan tipe bersama dari depan ke belakang\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\u003eIntegrasi API AI — OpenAI, Anthropic, streaming, manajemen token, basis data vektor (Pinecone, pgvector) untuk pencarian semantik\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\u003eBuild multi-stage Docker, pipeline CI\/CD GitHub Actions, manajemen lingkungan dan rahasia, Kubernetes dasar\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\u003ePostgreSQL, MongoDB, Redis — desain skema, penyetelan query, pola caching, migrasi dengan Prisma atau Alembic\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\u003eUnit, integrasi, E2E, dan tes komponen — Jest\/Vitest, Playwright, React Testing Library di semua lapisan\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📄 claude-fullstack-developer.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;\"\u003ePemasangan 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; semua chat AI\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 → tempel SKILL.md ke dalam Instruksi Proyek atau prompt sistem Anda → jelaskan sebuah fitur → Claude memberikan full stack lengkap. Itu saja.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":56897165197576,"sku":"max-full-stack-developer","price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/td2-max-nf.png?v=1784791792"},{"product_id":"hana-wordpress-developer","title":"Hana — Pengembang WordPress Skill 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    Masukkan Hana ke dalam Claude dan dapatkan Senior WordPress Developer yang menulis tema kustom, membangun plugin dari awal, memperbaiki masalah WooCommerce, dan mempercepat situs Anda — cocok untuk pengembang dan pemilik situs.\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    Tanpa tebak-tebakan, tanpa PHP generik. Hana memahami internal WordPress — sistem hook, hierarki template, WP_Query, REST API, Full Site Editing — dan menerapkannya dengan benar. Dia juga menjelaskan setiap keputusan dengan bahasa sederhana untuk pemangku kepentingan non-teknis.\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\u003ePengembangan tema kustom — hierarki template, Full Site Editing, tema blok, theme.json, gaya global, dan CSS responsif mobile-first\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\u003ePengembangan plugin — hook aktivasi, tabel DB kustom, halaman admin, handler AJAX, blok Gutenberg kustom dengan React dan Block Editor API\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\u003eKustomisasi WooCommerce — tipe produk, bidang checkout, harga dinamis, gateway pembayaran, template email, pengaturan REST API headless\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\u003ePerforma — caching objek Redis\/Memcached, optimasi query, gambar WebP, pengaturan CDN, dan perbaikan Core Web Vitals\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\u003ePenguatan keamanan — nonce, pemeriksaan kemampuan, sanitasi, validasi unggahan file, dan perbaikan WSOD, konflik plugin, loop pengalihan\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\u003eMigrasi, alur kerja staging, WP-CLI, deployment berbasis Git dengan GitHub Actions, dan sinkronisasi database dari staging ke produksi\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\u003eMarkup ramah SEO, data terstruktur schema.org, aksesibilitas (WCAG), dan dukungan ekstensi Yoast\/RankMath\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📄 claude-wordpress-developer.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;\"\u003ePemasangan 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; semua chat AI\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 → tempel SKILL.md ke dalam Instruksi Proyek atau prompt sistem Anda → jelaskan masalah WordPress Anda → Claude yang mengatasinya. Itu saja.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":56897236107528,"sku":"hana-wordpress-developer","price":19.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/td2-hana-nf.png?v=1784791791"},{"product_id":"yuri-code-reviewer","title":"Yuri — Pengulas Kode Skill 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    Masukkan Yuri ke dalam Claude dan dapatkan Senior Code Reviewer yang menangkap bug, lubang keamanan, dan masalah kinerja sebelum mencapai produksi — umpan balik konstruktif, contoh sebelum\/sesudah, dan tanpa ego.\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    Setiap komentar dinilai sebagai blocker, nit, atau saran. Setiap rekomendasi disertai dengan ALASAN dan contoh kode. Yuri bekerja di JS\/TS, Python, Go, Java, PHP, Ruby, Rust, dan C# — dan menyesuaikan dengan konvensi tim Anda tanpa menulis ulang panduan gaya Anda secara keseluruhan.\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\u003eAnalisis bug dan logika — kesalahan off-by-one, kondisi balapan, closure usang, kebocoran memori, penolakan janji yang tidak tertangani, dan mutasi status yang salah\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\u003eTinjauan keamanan OWASP — injeksi SQL, XSS, kontrol akses rusak, IDOR, rahasia yang dikodekan keras, celah CSRF, SSRF, dan traversal jalur\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\u003eTinjauan kinerja — kueri N+1, indeks yang hilang, render ulang yang tidak perlu, pembengkakan bundel, celah pooling koneksi, dan mikroservis yang banyak bicara\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\u003eArsitektur dan kualitas kode — pelanggaran SOLID, kegagalan DRY, kelas god, keterikatan ketat, kompleksitas siklomatik, dan penamaan yang tidak jelas\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\u003eAnalisis celah pengujian — kasus tepi yang belum diuji, pengujian rapuh, mocking berlebihan, cakupan jalur kesalahan yang hilang, dan tanda kondisi batas\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\u003eBahasa-agnostik — JS\/TS, Python, Go, Java, PHP, Ruby, Rust, C# — dengan contoh kode sebelum\/sesudah untuk setiap saran\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📄 claude-code-reviewer.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;\"\u003ePemasangan 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; semua chat AI\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 → tempel SKILL.md ke dalam Instruksi Proyek atau prompt sistem Anda → mulai bekerja. Itu saja.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":56897272840456,"sku":"yuri-code-reviewer","price":19.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/td2-yuri-nf.png?v=1784791794"},{"product_id":"viktor-software-architect","title":"Viktor — Arsitek Perangkat Lunak Skill 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    Masukkan Viktor ke dalam Claude dan dapatkan Solutions Architect yang merancang sistem yang dapat diskalakan, mengevaluasi tumpukan teknologi tanpa bias, dan menulis ADR yang benar-benar dibaca tim Anda — keputusan arsitektur didukung oleh matriks trade-off, bukan perasaan semata.\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    Tanpa arsitektur astronot. Viktor memberi Anda perbandingan jujur monolit vs microservices, diagram C4 yang bisa langsung Anda render, dan RFC yang bisa diimplementasikan pengembang tanpa empat panggilan klarifikasi. Dia mencakup desain sistem, infrastruktur cloud, arsitektur data, dan keamanan — semua dalam satu file skill.\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\u003eDesain sistem — dekomposisi microservices, konteks terbatas DDD, event sourcing, CQRS, pola saga, arsitektur API gateway dan BFF\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\u003eArsitektur cloud di AWS, GCP, dan Azure — HA multi-region, failover aktif-aktif, definisi RTO\/RPO, pemodelan biaya FinOps\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\u003eArsitektur data — pemilihan penyimpanan berdasarkan pola akses, pipeline aliran Kafka\/Kinesis, evolusi skema, keputusan data lake vs warehouse\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\u003eKeandalan dan keamanan — pemutus sirkuit, model zero-trust, pemodelan ancaman (STRIDE), manajemen rahasia, pola kepatuhan SOC2\/GDPR\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\u003eDiagram model C4, Catatan Keputusan Arsitektur (ADR), RFC teknis dengan rencana migrasi dan strategi rollback\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\u003eMatriks evaluasi tumpukan teknologi — analisis bangun vs beli, tolok ukur kerangka kerja, penilaian pool perekrutan, total biaya kepemilikan\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\u003eTinjauan arsitektur — titik kegagalan tunggal, hambatan, hotspot utang teknis dengan rencana remediasi yang diprioritaskan\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📄 claude-software-architect.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;\"\u003ePemasangan 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; semua chat AI\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 → tempel SKILL.md ke dalam Instruksi Proyek atau prompt sistem Anda → jelaskan kebutuhan sistem Anda → Claude merancangnya. Selesai.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":56897392312584,"sku":"viktor-software-architect","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/td2-viktor-nf.png?v=1784791795"},{"product_id":"mira-qa-engineer","title":"Mira — Insinyur QA Skill 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    Masukkan Mira ke dalam Claude dan dapatkan Senior QA Engineer yang menulis rencana pengujian, menangkap kasus tepi yang Anda lewatkan, dan menghasilkan skrip Playwright dan Cypress yang benar-benar menemukan bug — karena AI menulis lebih banyak kode, dan Anda membutuhkan lebih banyak pengujian.\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    Tidak ada cakupan pengujian yang samar. Mira membangun strategi pengujian dari penilaian risiko, merancang matriks kasus untuk setiap transisi status dan nilai batas, serta mengintegrasikan suite langsung ke pipeline CI\/CD Anda — dengan deteksi pengujian tidak stabil dan pelaporan Allure termasuk.\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\u003eStrategi dan perencanaan pengujian — pengujian berbasis risiko, rasio piramida pengujian, kriteria masuk\/keluar, kriteria penerimaan, dan matriks kasus uji lengkap\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\u003eOtomasi E2E dengan Playwright dan Cypress — Page Object Model, perintah kustom, selector data-testid, strategi pengulangan\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\u003ePengujian API — koleksi Postman\/Newman, validasi respons, pemeriksaan skema, pengujian alur otentikasi, dan urutan permintaan berantai\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\u003ePengujian performa dengan k6, JMeter, dan Locust — profil beban, pengujian stres, soak, dan spike dengan definisi ambang batas\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\u003eIntegrasi CI\/CD — pipeline GitHub Actions dan GitLab CI dengan eksekusi paralel, sharding, infrastruktur pengujian Docker, dan manajemen fixture\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\u003eManajemen cacat — laporan bug terstruktur, diagnosis pengujian tidak stabil, analisis akar penyebab, dan strategi stabilisasi\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\u003ePengujian aksesibilitas dengan axe-core dan WAVE, pemindaian keamanan dengan OWASP ZAP, dan regresi visual dengan Percy atau Chromatic\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📄 claude-qa-engineer.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;\"\u003ePemasangan 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; semua chat AI\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 → tempel SKILL.md ke dalam Instruksi Proyek atau prompt sistem Anda → jelaskan fitur Anda → Claude menulis rencana dan skrip pengujian. Selesai.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":56897413611784,"sku":"mira-qa-engineer","price":19.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/td2-mira-nf.png?v=1784791794"},{"product_id":"oleg-database-engineer","title":"Oleg — Insinyur Database Skill 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    Masukkan Oleg ke dalam Claude dan dapatkan Senior Database Engineer yang menulis SQL teroptimasi, merancang skema yang tidak runtuh saat skala besar, dan menjelaskan rencana query sehingga Anda berhenti menebak mengapa semuanya lambat.\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    Tidak ada query kotak hitam. Oleg membaca output EXPLAIN\/ANALYZE, menemukan indeks yang hilang, menulis ulang SQL yang dihasilkan ORM yang diam-diam memperlambat performa Anda, dan menangani migrasi tanpa downtime yang tidak membangunkan Anda jam 3 pagi. PostgreSQL, MySQL, MongoDB, Redis — semua tercakup dalam satu file skill.\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\u003eDesain skema — skema 3NF yang ternormalisasi, strategi denormalisasi, pemodelan OLTP vs OLAP, pola hierarki, dan desain dokumen MongoDB\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\u003ePenguasaan SQL — CTE, fungsi window, query rekursif, join LATERAL, operator JSONB, pencarian teks lengkap, transaksi dengan tingkat isolasi yang tepat\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\u003eOptimasi query — interpretasi EXPLAIN\/ANALYZE, B-tree, GIN, GiST, strategi indeks parsial dan covering, deteksi N+1, perbaikan SQL ORM\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\u003eMigrasi tanpa downtime — pola expand-and-contract, DDL online, migrasi data bertahap dengan Prisma, Alembic, Flyway, atau SQL mentah\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\u003eRedis — pola caching (cache-aside, write-through, pencegahan stampede), pub\/sub, sorted sets, streams, dan konfigurasi Redis Cluster\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\u003eKeandalan dan operasi — strategi cadangan, replikasi streaming, PgBouncer, pencatatan query lambat, peringatan keterlambatan replikasi, dan pemulihan bencana\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\u003eDatabase cloud — AWS RDS, Aurora, DynamoDB, ElastiCache, GCP Cloud SQL, BigQuery — penentuan ukuran, pemilihan penyimpanan, dan optimasi biaya\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📄 claude-database-engineer.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; semua chat AI\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 → tempel SKILL.md ke dalam Instruksi Proyek atau prompt sistem Anda → jelaskan masalah data Anda → Claude merancang dan mengoptimalkannya. Selesai.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":56897443070216,"sku":"oleg-database-engineer","price":19.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/td2-oleg-nf.png?v=1784791794"},{"product_id":"rami-devops-engineer","title":"Rami — Insinyur DevOps Skill 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    Masukkan Rami ke dalam Claude dan dapatkan Senior DevOps Engineer yang menulis pipeline CI\/CD, Dockerfile, konfigurasi Kubernetes, dan modul Terraform yang langsung bekerja — infrastruktur sebagai kode, bukan tebak-tebakan infrastruktur.\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    Tidak ada konfigurasi salin-tempel yang rusak di produksi. Rami merancang pipeline dengan caching yang tepat, pemicu rollback, dan pemindaian keamanan terintegrasi — lalu memberikan runbook untuk saat terjadi masalah. GitHub Actions, Kubernetes, Terraform, AWS, dan tumpukan observabilitas lengkap dalam satu file skill.\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\u003ePipeline CI\/CD — GitHub Actions, GitLab CI, Jenkins dengan build matriks, caching layer, manajemen rahasia, staging gates, dan pemicu rollback otomatis\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\u003eDocker — build multi-stage, image distroless, pemindaian keamanan Trivy\/Snyk, strategi penandaan, build multi-arsitektur, dan docker-compose untuk pengembangan lokal\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\u003eKubernetes — Deployment, HPA, PDB, chart Helm, probe liveness\/readiness, konfigurasi Ingress, dan alur kerja debugging kubectl lengkap\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\u003eInfrastruktur sebagai kode — modul Terraform dengan penguncian status S3, Pulumi, playbook Ansible, desain stack CloudFormation dan AWS CDK\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\u003eAWS, GCP, Azure — desain VPC, EKS\/GKE, ALB, Route 53, CloudFront, RDS, kebijakan IAM least-privilege, dan pola multi-cloud\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\u003eTumpukan pemantauan — Prometheus PromQL, dashboard Grafana, logging ELK\/EFK, peringatan PagerDuty, definisi SLI\/SLO, dan pelacakan anggaran kesalahan\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\u003eRekayasa rilis — deployment blue-green, canary, dan GitOps dengan ArgoCD\/Flux, manajemen rahasia Vault, dan proses postmortem tanpa menyalahkan\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📄 claude-devops-engineer.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;\"\u003ePemasangan 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; semua chat AI\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 → tempel SKILL.md ke Instruksi Proyek atau prompt sistem Anda → jelaskan masalah infrastruktur Anda → Claude menulis konfigurasi. Itu saja.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":56897464107272,"sku":"rami-devops-engineer","price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/td2-rami-nf.png?v=1784791794"},{"product_id":"tariq-cloud-engineer","title":"Tariq — Insinyur Cloud Skill 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    Masukkan Tariq ke dalam Claude dan dapatkan Senior Cloud Engineer yang merancang arsitektur AWS, GCP, dan Azure, menulis template CloudFormation dan Terraform, serta menemukan konfigurasi yang mengurangi tagihan cloud Anda hingga setengahnya — cloud yang dilakukan dengan benar, sejak pertama kali.\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    Tidak ada klik konsol yang disamarkan sebagai arsitektur. Tariq merancang VPC yang tepat, memilih compute dan penyimpanan yang sesuai untuk beban kerja Anda, dan menerapkan hak istimewa paling rendah IAM sejak hari pertama. Dia juga menjalankan audit optimasi biaya yang menemukan penghematan pada tipe instance, tingkat penyimpanan, dan sumber daya yang terlupakan untuk dimatikan.\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\u003eArsitektur AWS — desain VPC di seluruh AZ, pemilihan compute EC2\/ECS\/EKS\/Lambda, kelas penyimpanan S3, RDS Multi-AZ, DynamoDB, ElastiCache, CloudFront dan WAF\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\u003eKompetensi lintas-cloud GCP dan Azure — GKE, Cloud Run, BigQuery, AKS, Azure Front Door, Key Vault, pola multi-cloud dan penghindaran vendor lock-in\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\u003eInfrastruktur sebagai kode — tumpukan bersarang CloudFormation, konstruksi AWS CDK, modul Terraform dengan manajemen status, template ARM dan Bicep\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\u003eArsitektur serverless — optimasi cold start Lambda, authorizer API Gateway, mesin status Step Functions, EventBridge, fan-out SQS\/SNS, Kinesis\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\u003eKeamanan dan IAM — kebijakan hak istimewa paling rendah, cross-account AssumeRole, SCP, enkripsi amplop KMS, GuardDuty, CloudTrail, rotasi Secrets Manager\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\u003eOptimasi biaya — penyesuaian Compute Optimizer, Reserved Instances vs Savings Plans, kebijakan siklus hidup S3, pengurangan biaya gateway NAT, peringatan AWS Budgets\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\u003ePemulihan bencana — multi-region aktif-aktif, failover pemeriksaan kesehatan Route 53, DynamoDB Global Tables, AWS Backup, rekayasa kekacauan dengan Fault Injection Simulator\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📄 claude-cloud-engineer.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;\"\u003ePemasangan 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; semua chat AI\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 → tempel SKILL.md ke dalam Instruksi Proyek atau prompt sistem Anda → jelaskan kebutuhan cloud Anda → Claude merancangnya. Itu saja.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":56897974763784,"sku":"tariq-cloud-engineer","price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/td2-tariq-nf.png?v=1784791794"},{"product_id":"kael-cybersecurity-analyst","title":"Kael — Analis Keamanan Siber Skill 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    Masukkan Kael ke dalam Claude dan dapatkan Analis Keamanan Siber Senior yang meninjau kode untuk kerentanan, membangun model ancaman, menulis rencana tanggap insiden, dan mengaudit sistem Anda sesuai OWASP, NIST, dan CIS — keamanan yang tidak pernah tidur.\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    Tanpa kepatuhan checklist. Kael menerapkan pemodelan ancaman STRIDE pada arsitektur Anda yang sebenarnya, memprioritaskan CVE berdasarkan eksploitasi nyata bukan hanya skor CVSS, dan menghasilkan playbook yang dapat dijalankan tim Anda dalam tekanan — bukan hanya saat audit.\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\u003ePenilaian kerentanan — tinjauan kode OWASP Top 10, cacat keamanan API (BOLA, SSRF, mass assignment), interpretasi alat SAST, prioritisasi CVE berdasarkan eksploitasi nyata\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\u003ePemodelan ancaman STRIDE — analisis permukaan serangan, pemetaan batas kepercayaan, matriks risiko dengan penilaian kemungkinan × dampak, intelijen ancaman yang selaras dengan MITRE ATT\u0026amp;CK\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\u003eTinjauan arsitektur keamanan — evaluasi OAuth 2.0\/OIDC, konfigurasi TLS, audit IAM prinsip hak istimewa paling rendah, kebijakan bucket S3, temuan GuardDuty, prinsip zero-trust\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\u003eTanggap insiden — rencana NIST SP 800-61, playbook phishing, ransomware dan pelanggaran data, korelasi log forensik, identifikasi IoC, postmortem tanpa menyalahkan\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\u003eKerangka kepatuhan — analisis kesenjangan NIST CSF, SOC 2 Tipe II, penilaian perlindungan data GDPR, tolok ukur penguatan CIS, dasar ruang lingkup PCI DSS\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\u003ePengujian keamanan — penentuan ruang lingkup pen test, kasus uji bypass otentikasi, aturan deteksi SIEM, triase peringatan, keamanan kontainer dengan Kubernetes RBAC dan standar keamanan pod\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\u003eKebijakan dan dokumentasi keamanan — penggunaan yang dapat diterima, klasifikasi data, pedoman pengkodean aman, penilaian risiko vendor, dan persiapan bukti audit\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📄 claude-cybersecurity-analyst.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; semua chat AI\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 → tempel SKILL.md ke dalam Instruksi Proyek atau prompt sistem Anda → jelaskan kekhawatiran keamanan Anda → Claude menganalisis dan memberi saran. Itu saja.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":56899303702792,"sku":"kael-cybersecurity-analyst","price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/td2-kael-nf.png?v=1784791793"},{"product_id":"dante-tech-lead","title":"Dante — Pemimpin Teknologi Skill 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    Masukkan Dante ke dalam Claude dan dapatkan Senior Tech Lead yang menulis spesifikasi teknis, menjalankan review desain, membimbing dev Anda, dan membuat keputusan arsitektur yang tidak akan gagal enam bulan kemudian — kepemimpinan bertemu kode.\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    Tidak ada keputusan berbasis opini. Dante menghasilkan ADR terstruktur dengan alternatif yang dipertimbangkan, memecah epic menjadi bagian yang dapat dikirim dengan tanda risiko, dan menerjemahkan kendala teknis ke dalam bahasa bisnis — mencakup segala hal dari perencanaan sprint hingga peta jalan teknik dalam satu file skill.\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\u003ePengambilan keputusan teknis — analisis trade-off framework dan database, Architecture Decision Records, penilaian build vs buy, standar pengkodean dan definisi selesai\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\u003eSpesifikasi teknis dan RFC — dokumen desain dengan kontrak API, perubahan model data, rencana migrasi, strategi rollback, dan kriteria penerimaan yang dapat diuji\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\u003eStandar kualitas kode — kriteria review, strategi pengujian per proyek, kategorisasi utang teknis berdasarkan risiko, adopsi praktik terbaik CI\/CD dan observabilitas\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\u003eManajemen sprint dan pengiriman — pemecahan epic, estimasi cerita, identifikasi penghalang, retrospektif dengan pemilik, negosiasi ruang lingkup dengan produk\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\u003ePembimbingan dan pengembangan tim — 1:1 teknis, dokumentasi onboarding, rencana pembelajaran, sesi berbagi pengetahuan, dan penjelasan arsitektur\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\u003eKolaborasi lintas fungsi — menerjemahkan produk ke teknik dan sebaliknya, kontrak API antar tim, pembaruan pemangku kepentingan tanpa jargon\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\u003ePeta jalan teknis — perencanaan peningkatan platform, strategi migrasi utama (strangler fig, feature flags), evaluasi alat AI, dan perencanaan kapasitas\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📄 claude-tech-lead.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;\"\u003ePemasangan 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; semua chat AI\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 → tempel SKILL.md ke dalam Instruksi Proyek atau prompt sistem Anda → jelaskan tantangan kepemimpinan Anda → Claude membantu Anda memimpin. Itu saja.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":56899559096584,"sku":"dante-tech-lead","price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/td2-dante-nf.png?v=1784791793"},{"product_id":"priya-engineering-manager","title":"Priya — Manajer Teknik Skill 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    Masukkan Priya ke dalam Claude dan dapatkan Senior Engineering Manager yang menulis tinjauan kinerja, menyusun loop perekrutan, membangun roadmap tim, dan melindungi pengembang Anda dari neraka rapat — kepemimpinan orang yang didukung oleh kefasihan rekayasa.\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    Tidak ada teori manajemen tanpa eksekusi. Priya menghasilkan tinjauan kinerja siap kalibrasi dengan pernyataan dampak yang terukur, merancang loop wawancara dengan kartu skor konsisten, dan melacak metrik DORA untuk perbaikan — bukan untuk digunakan sebagai senjata terhadap individu.\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\u003eManajemen orang — agenda 1:1, tinjauan kinerja dengan pernyataan dampak, Rencana Pengembangan Individu, dokumentasi PIP, dan kerangka percakapan sulit\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\u003ePerekrutan dan pembangunan tim — deskripsi pekerjaan, loop wawancara terstruktur dengan kartu skor, rubrik tugas rumah, rencana onboarding 30\/60\/90 hari, dan strategi retensi\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\u003eEksekusi pengiriman — perencanaan kapasitas sprint dengan pemanfaatan nyata, pelacakan metrik DORA, manajemen ketergantungan lintas tim, dan eskalasi risiko dengan mitigasi\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\u003eStrategi teknis — roadmap rekayasa yang menyeimbangkan fitur, utang teknis dan keandalan, analisis bangun vs beli, evaluasi adopsi alat AI, dan uji tuntas teknis\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\u003eKemitraan lintas fungsi — pembaruan status eksekutif, penyelarasan produk, negosiasi ruang lingkup, manajemen ekspektasi pemangku kepentingan, dan komunikasi ke atas tanpa jargon\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\u003eProses dan budaya — desain upacara sprint, manajemen insiden dengan postmortem tanpa menyalahkan, keselamatan psikologis, dan budaya dokumentasi (ADR, runbook)\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\u003ePertumbuhan karier dan peningkatan level — tangga karier IC dan manajemen, paket promosi dengan bukti, benchmarking kompensasi, dan desain struktur tim\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📄 claude-engineering-manager.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;\"\u003ePemasangan 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; semua chat AI\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 → tempel SKILL.md ke dalam Instruksi Proyek atau prompt sistem Anda → jelaskan tantangan manajemen Anda → Claude membantu Anda memimpin. Selesai.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":56899560571144,"sku":"priya-engineering-manager","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/td2-priya-nf.png?v=1784791793"},{"product_id":"soren-code-auditor-ai-skill","title":"Soren — Skill AI Auditor Kode","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    Masukkan Soren ke dalam Claude dan dapatkan insinyur staf yang menjalankan tinjauan kode nyata pada apa pun yang Anda tempelkan — bug, lubang keamanan, jebakan kinerja, dan utang pemeliharaan — diberi peringkat berdasarkan tingkat keparahan, dengan perbaikan ditampilkan sebagai kode yang berfungsi, bukan hanya dijelaskan.\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    Soren telah meninjau ribuan pull request secara besar-besaran dan pernah dipanggil jam 3 pagi untuk bug yang \"terlihat baik saat tinjauan\" terlalu sering — dia tidak lagi membiarkan apa pun lolos hanya karena berhasil dikompilasi. Dia membaca seluruh pengajuan sebelum mengomentari apa pun, memburu melalui empat lensa berdasarkan prioritas, dan tidak pernah memberikan umpan balik samar seperti \"pertimbangkan untuk merombak ini\" tanpa mengatakan dengan tepat mengapa dan apa yang harus diketik sebagai gantinya.\n  \u003c\/p\u003e\n\n  \u003cdiv style=\"background: #E1F5EE; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #0F6E56; 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(15,110,86,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #0F6E56; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003ePutusan satu baris di atas — kirim atau hentikan, dalam lima detik\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(15,110,86,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #0F6E56; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eTemuan diberi peringkat Kritis → Tinggi → Sedang berdasarkan ketepatan, keamanan, kinerja, dan pemeliharaan\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(15,110,86,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #0F6E56; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eSetiap temuan terkait dengan skenario kegagalan konkret — input, beban, atau urutan tepat yang memicunya\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(15,110,86,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #0F6E56; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eCuplikan kode yang diperbaiki untuk setiap perbaikan, bukan hanya deskripsi apa yang harus diubah\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(15,110,86,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #0F6E56; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eMasalah keamanan selalu disebutkan secara eksplisit sebagai Kritis — tidak pernah disembunyikan sebagai masalah gaya atau dibesar-besarkan dari masalah kecil\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: #0F6E56; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eBekerja di semua bahasa atau kerangka kerja umum yang Anda tempelkan\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📄 soren-code-auditor.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; semua chat AI\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"border-left: 3px solid #0F6E56; padding-left: 16px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #0F6E56; 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 → tempel SKILL.md ke dalam Instruksi Proyek atau prompt sistem Anda → tempel kode Anda, bahasa\/kerangka kerja, dan apa yang seharusnya dilakukan → Soren mengembalikan laporan berperingkat tingkat keparahan yang bisa langsung Anda tempel ke dalam thread PR. Hanya pembacaan statis — tidak menjalankan atau menguji kode, dan bukan pengganti pemindaian SAST\/DAST otomatis.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default","offer_id":58282044948744,"sku":"soren-code-auditor","price":39.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/td2-soren-nf.png?v=1784791792"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/collections\/Tech_and_Development.png?v=1784820722","url":"https:\/\/kissmyskills.com\/id\/collections\/tech-dev.oembed","provider":"KissMySkills","version":"1.0","type":"link"}