Skills Addyosmani

Audit dan tingkatkan aksesibilitas web sesuai pedoman WCAG 2.2. Gunakan saat diminta untuk "meningkatkan aksesibilitas", "audit a11y", "kepatuhan WCAG", "dukungan pembaca layar", "navigasi keyboard", atau "buat dapat diakses".

Memandu desain API dan antarmuka yang stabil. Gunakan saat mendesain API, batas modul, atau antarmuka publik apa pun. Gunakan saat membuat endpoint REST atau GraphQL, mendefinisikan kontrak tipe antar modul, atau menetapkan batas antara frontend dan backend.

Terapkan praktik terbaik pengembangan web modern untuk keamanan, kompatibilitas, dan kualitas kode. Gunakan saat diminta untuk "menerapkan praktik terbaik", "audit keamanan", "modernisasi kode", "tinjauan kualitas kode", atau "periksa kerentanan".

Menguji di peramban nyata melalui Chrome DevTools MCP. Gunakan saat membangun atau men-debug apa pun yang berjalan di peramban. Gunakan saat perlu memeriksa DOM, menangkap kesalahan konsol, menganalisis permintaan jaringan, memprofilkan kinerja, atau memverifikasi keluaran visual dengan data runtime nyata. Memerlukan server MCP chrome-devtools untuk dikonfigurasi.

Mengotomatiskan pengaturan pipeline CI/CD. Gunakan saat menyiapkan atau memodifikasi pipeline build dan deployment. Gunakan saat Anda perlu mengotomatiskan quality gates, mengonfigurasi test runner di CI, atau menetapkan strategi deployment.

Melakukan tinjauan kode multi-sumbu. Gunakan sebelum menggabungkan perubahan apa pun. Gunakan saat meninjau kode yang ditulis oleh diri sendiri, agen lain, atau manusia. Gunakan saat Anda perlu menilai kualitas kode di berbagai dimensi sebelum kode masuk ke cabang utama.

Menyederhanakan kode untuk kejelasan. Gunakan saat melakukan refactoring kode untuk kejelasan tanpa mengubah perilaku. Gunakan saat kode berfungsi tetapi lebih sulit dibaca, dipelihara, atau diperluas dari yang seharusnya. Gunakan saat meninjau kode yang telah mengakumulasi kompleksitas yang tidak perlu.

Mengoptimalkan pengaturan konteks agen. Gunakan saat memulai sesi baru, saat kualitas keluaran agen menurun, saat beralih antar tugas, atau saat Anda perlu mengonfigurasi file aturan dan konteks untuk sebuah proyek.

Optimalkan Core Web Vitals (LCP, INP, CLS) untuk pengalaman halaman dan peringkat pencarian yang lebih baik. Gunakan saat diminta untuk "meningkatkan Core Web Vitals", "memperbaiki LCP", "mengurangi CLS", "mengoptimalkan INP", "optimasi pengalaman halaman", atau "memperbaiki pergeseran tata letak".

Memandu debugging akar penyebab secara sistematis. Gunakan saat pengujian gagal, build rusak, perilaku tidak sesuai ekspektasi, atau Anda menemui kesalahan tak terduga. Gunakan saat Anda membutuhkan pendekatan sistematis untuk menemukan dan memperbaiki akar penyebab, bukan dengan menebak-nebak.

Mengelola penghentian dan migrasi. Gunakan saat menghapus sistem, API, atau fitur lama. Gunakan saat memigrasikan pengguna dari satu implementasi ke implementasi lainnya. Gunakan saat memutuskan apakah akan mempertahankan atau menghentikan kode yang ada.

Mencatat keputusan dan dokumentasi. Gunakan saat membuat keputusan arsitektur, mengubah API publik, merilis fitur, atau saat Anda perlu mencatat konteks yang akan dibutuhkan oleh teknisi dan agen di masa depan untuk memahami basis kode.

Mensubjekan setiap keputusan non-sepele pada tinjauan adversarial konteks-baru sebelum ditetapkan. Gunakan ketika kebenaran lebih penting daripada kecepatan, ketika bekerja pada kode yang tidak dikenal, ketika taruhannya tinggi (produksi, logika sensitif keamanan, operasi yang tidak dapat dibatalkan), atau kapan pun output yang meyakinkan akan lebih murah untuk diverifikasi sekarang daripada di-debug nanti.

Membangun antarmuka pengguna (UI) yang berkualitas produksi, dapat diakses, dan responsif. Gunakan saat membangun atau memodifikasi antarmuka dan halaman, membuat komponen, mengimplementasikan tata letak, memenuhi persyaratan aksesibilitas WCAG, mengelola status, atau ketika hasil akhir perlu terlihat dan terasa seperti kualitas produksi, bukan buatan AI.

Menyusun praktik alur kerja git. Gunakan saat melakukan perubahan kode apa pun. Gunakan saat melakukan commit, branching, menyelesaikan konflik, atau saat Anda perlu mengatur pekerjaan di beberapa aliran paralel. Gunakan saat memotong rilis, memilih kenaikan versi semantik, menandai, atau menulis changelog.

Memurnikan ide mentah menjadi konsep yang tajam dan dapat ditindaklanjuti melalui pemikiran divergen dan konvergen yang terstruktur. Gunakan ketika sebuah ide masih samar, ketika Anda perlu menguji asumsi sebelum berkomitmen pada sebuah rencana, atau ketika Anda ingin memperluas opsi sebelum memusatkan pada satu pilihan. Dipicu oleh "ideate", "refine this idea", atau "stress-test my plan".

Delivers changes incrementally. Use when implementing any feature or change that touches more than one file. Use when you're about to write a large amount of code at once, or when a task feels too big to land in one step.

Mengekstrak apa yang sebenarnya diinginkan pengguna, bukan apa yang mereka pikir seharusnya mereka inginkan. Mencapai ini melalui wawancara satu-per-satu pertanyaan hingga keyakinan ~95% tentang maksud yang mendasarinya. Gunakan ketika permintaan tidak jelas ("buatkan saya X" tanpa "untuk siapa" atau "mengapa sekarang"), ketika pengguna secara eksplisit meminta ("wawancarai saya", "uji saya", "apakah kita yakin?", "uji tekanan pemikiran saya"), atau ketika Anda mendapati diri Anda diam-diam mengisi persyaratan yang ambigu sebelum rencana, spesifikasi, atau kode apa pun ada.

Menginstrumentasi kode agar perilaku produksi terlihat dan dapat didiagnosis. Gunakan saat menambahkan pencatatan, metrik, pelacakan, atau peringatan. Gunakan saat mengirimkan fitur apa pun yang berjalan di produksi dan Anda memerlukan bukti bahwa fitur tersebut berfungsi. Gunakan saat masalah produksi dilaporkan tetapi Anda tidak dapat mengetahui apa yang terjadi dari data yang tersedia.

Optimalkan performa web untuk pemuatan yang lebih cepat dan pengalaman pengguna yang lebih baik. Gunakan saat diminta untuk "percepat situs saya", "optimalkan performa", "kurangi waktu muat", "perbaiki pemuatan lambat", "tingkatkan kecepatan halaman", atau "audit performa".

Mengoptimalkan performa aplikasi di seluruh frontend, backend, kueri, dan basis data. Gunakan saat ada persyaratan performa, saat Anda mencurigai adanya regresi performa, saat Core Web Vitals atau waktu muat perlu ditingkatkan, saat pola kueri N+1 perlu diperbaiki, atau saat profiling mengungkap hambatan.

Memecah pekerjaan menjadi tugas-tugas yang terurut. Gunakan ketika Anda memiliki spesifikasi atau persyaratan yang jelas dan perlu memecah pekerjaan menjadi tugas-tugas yang dapat diimplementasikan. Gunakan ketika suatu tugas terasa terlalu besar untuk dimulai, ketika Anda perlu memperkirakan ruang lingkup, atau ketika pekerjaan paralel memungkinkan.

Memperkuat kode terhadap kerentanan. Gunakan saat menangani input pengguna, autentikasi, penyimpanan data, atau integrasi eksternal. Gunakan saat membangun fitur apa pun yang menerima data tidak tepercaya, mengelola sesi pengguna, atau berinteraksi dengan layanan pihak ketiga.

Optimalkan visibilitas dan peringkat mesin pencari. Gunakan saat diminta untuk "meningkatkan SEO", "optimalkan untuk pencarian", "perbaiki meta tag", "tambahkan data terstruktur", "optimasi sitemap", atau "optimasi mesin pencari".

Mempersiapkan peluncuran produksi. Gunakan saat bersiap untuk melakukan deploy ke produksi. Gunakan saat Anda memerlukan daftar periksa pra-peluncuran, saat menyiapkan pemantauan, saat merencanakan peluncuran bertahap, atau saat Anda memerlukan strategi pengembalian.

Mendasarkan setiap keputusan implementasi pada dokumentasi resmi. Gunakan saat Anda menginginkan kode yang otoritatif dan bersumber dari referensi, bebas dari pola usang. Gunakan saat membangun dengan kerangka kerja atau pustaka apa pun yang mengutamakan kebenaran.

Membuat spesifikasi sebelum coding. Gunakan saat memulai proyek baru, fitur, atau perubahan signifikan dan belum ada spesifikasi. Gunakan ketika persyaratan tidak jelas, ambigu, atau hanya ada sebagai ide yang samar.

Mendorong pengembangan dengan pengujian. Gunakan saat mengimplementasikan logika apa pun, memperbaiki bug apa pun, atau mengubah perilaku apa pun. Gunakan saat Anda perlu membuktikan bahwa kode berfungsi, saat laporan bug masuk, atau saat Anda akan memodifikasi fungsionalitas yang sudah ada.

Menemukan dan memanggil keterampilan agen. Gunakan saat memulai sesi atau saat Anda perlu menemukan keterampilan mana yang berlaku untuk tugas saat ini. Ini adalah keterampilan meta yang mengatur bagaimana semua keterampilan lainnya ditemukan dan dipanggil.

Audit kualitas web komprehensif yang mencakup performa, aksesibilitas, SEO, dan praktik terbaik. Gunakan saat diminta untuk "audit situs saya", "tinjau kualitas web", "jalankan audit lighthouse", "periksa kualitas halaman", atau "optimalkan situs web saya".