Rujukan Skill Claude

Hantar plan kau melalui 4 penyemak automatik (bos, engineer, designer, developer) sekali gus.

Sesi brainstorm idea produk — macam jumpa mentor, dia korek idea kau sampai jelas.

Semak plan dari kacamata bos: berbaloi ke? Skop betul ke? Apa patut dibuang?

Semak plan dari segi rupa & pengalaman pengguna sebelum mula koding.

Semak plan dari segi senang-tak developer nak kerja dengannya kemudian.

Semak plan dari segi teknikal: cara bina ni akan rosak ke tak nanti?

Ajar sistem soalan mana kau nak dia tanya, mana boleh auto-jawab — kurangkan gangguan.

Tulis spesifikasi kerja yang lengkap sebelum mula buat — supaya tak sesat tengah jalan.

Perunding design penuh — kaji produk kau, propose warna/font/mood, bagi preview. (Kita guna untuk pilih Ekspedisi Peta!)

Tukar design yang dah dipilih jadi kod HTML/CSS siap pakai kualiti production.

Mata designer semak site kau — cari jarak tak sama, hierarchy pelik, benda nampak murah — terus baiki.

Jana BANYAK variasi design AI sekali gus, buka papan banding, kau pilih.

Sama macam design-review tapi khas untuk app iPhone.

Ukur kelajuan site — kesan kalau ada yang jadi lambat selepas perubahan.

Banding prestasi model AI berbeza atas kerja yang sama.

Mod berhati-hati — pasang amaran untuk arahan bahaya (padam, tindih).

Panggil AI lain (OpenAI Codex) sebagai pendapat kedua untuk kod.

Kunci sesi supaya hanya boleh edit satu folder sahaja — elak tersentuh benda lain.

Mod keselamatan penuh: careful + freeze serentak.

Dashboard kesihatan kod projek — mana bahagian bersih, mana bersepah.

Detektif bug — siasat punca masalah secara sistematik, bukan tekaan.

Semak kod yang baru diubah — cari bug sebelum ia sampai ke pelanggan.

Buka semula kunci freeze.

Browser halimunan yang aku kawal — buka site, screenshot, klik, semak. (Aku guna hampir setiap hari untuk verify deploy kau.)

Buka Chrome yang AI boleh kawal dengan sidebar — untuk kerja yang perlukan browser sebenar.

Lancar browser gstack secara terus.

Uji site macam pengguna sebenar guna — klik, isi borang, sahkan semua jalan — lepas tu baiki apa yang rosak.

Sama macam /qa tapi lapor sahaja, tak baiki.

Ambil data/gambar dari mana-mana website secara pukal.

Pindahkan login browser kau ke browser AI — supaya boleh uji site yang perlukan akaun.

Buang semua alat debug dari app iPhone sebelum hantar ke App Store.

Baiki masalah app iPhone.

Uji app iPhone atas device sebenar.

Kemaskini jambatan debug iOS ke versi terkini.

Pemerhati selepas deploy — pantau kalau ada yang pecah lepas release.

Gabung kerja dan deploy terus sekali harung.

Pasang sistem deploy untuk projek baru.

Hantar kerja siap ke dunia — commit kemas, semak akhir, deploy.

Pulihkan sesi yang disimpan — sambung kerja macam tak pernah berhenti.

Simpan keadaan sesi kerja — sambung semula bila-bila tanpa hilang apa-apa. (Kau guna semalam!)

Mod Ketua Keselamatan — audit keselamatan sistem kau.

Audit pengalaman developer projek secara langsung.

Tukar penerangan biasa jadi rajah/carta alir yang boleh diedit.

Jana dokumentasi dari kosong untuk mana-mana projek.

Kemaskini dokumentasi selepas sesuatu di-ship.

Simpan pengajaran dari sesi supaya AI makin pandai dengan projek kau.

Tukar apa-apa jadi PDF cantik.

Imbas semula sesi kerja — apa jadi, apa boleh diperbaiki.

Siasat & sahkan angka kewangan merentas POS, 10cc & finance site — ikut SOP recon Zaid, semak satu persatu.

Kira titik pulang modal — asingkan kos tetap vs berubah, dapat sasaran jualan minimum.

Unjur aliran tunai ke depan guna trend sejarah & corak berulang.

Kesan corak bermusim dalam jualan — untuk rancang stok & kempen.

Jadual susut nilai aset untuk rekod kewangan.

Ukur sejauh mana hasil bergantung pada segelintir produk atau pelanggan.

Penapis wajib semua tulisan — buang gaya AI (em dash, corak klise). Ganti stop-slop lama, satu spec dikemaskini.

Bina spec suara peribadi dari tulisan sebenar + protect-list, supaya de-slop tak ratakan gaya sendiri.

Tulis nota Obsidian betul — wikilink, callout, frontmatter, embed.

Bina fail .base — pandangan ala-database dalam Obsidian (filter, formula, ringkasan).

Kawal vault Obsidian dari terminal — baca, cari, urus nota & plugin.

Cipta fail .canvas — papan visual nod & sambungan dalam Obsidian.

Sedut isi bersih (markdown) dari web page, jimat token berbanding fetch biasa.

Router dalaman gstack (guna belakang tabir).

Pintu masuk utama — taip apa kau nak, dia hantar ke skill yang betul.

Kemaskini gstack ke versi terbaru. (Baru buat pagi tadi!)

Laporan analisis landing page.

Taklimat konteks tersembunyi untuk sesi AI.

Sambungkan AI lain sebagai rakan kerja jarak jauh.

Pasang 'otak carian' untuk kod — carian pintar seluruh projek.

Tukar apa-apa proses berulang jadi skill baru.

Kemaskini otak carian dengan kod terbaru.

Korek iklan pesaing dari ad library (FB/LinkedIn) — tengok messaging apa yang menjadi.

Cari lead berkualiti untuk produk kau, siap kontak yang boleh terus ditindak.

Brainstorm nama domain kreatif + semak availability banyak TLD serentak.

Tulis kandungan berkualiti dengan research, sitasi & hook yang diperbaiki.

Optimize tweet ikut insight algoritma Twitter open-source.

Jana banyak versi ayat & kreatif iklan sekali gus.

Strategi iklan berbayar — Google, Facebook, TikTok: target siapa, bajet berapa.

Buat kandungan kau disebut oleh AI (ChatGPT, Perplexity) bila orang tanya.

Pasang & semak sistem ukur — GA4, pixel, conversion. Tahu apa yang jalan.

Optimumkan listing app di App Store/Play Store supaya lebih ramai download.

Jaga suara & identiti jenama konsisten di semua tempat.

Cari rakan bisnes untuk kempen bersama.

Tulis email prospek B2B yang orang balas.

Bina komuniti pelanggan (grup, Discord) yang jadi duta bisnes.

Kaji pesaing secara mendalam dari website mereka.

Buat halaman perbandingan 'kami vs pesaing' untuk SEO & jualan.

Rancang kandungan apa nak tulis — topik, jadual, hala tuju blog.

Baiki & kemaskan ayat sedia ada — lebih tajam, kurang berbelit.

Tulis ayat jualan yang buat orang bertindak — headline, CTA, penerangan produk.

Baiki kadar penukaran — kenapa pelawat tak jadi pembeli, apa nak ubah.

Kaji pelanggan — apa mereka cakap, kenapa beli, kenapa lari.

Daftar produk kau dalam direktori (Product Hunt, dll.) untuk backlink & penemuan.

Bina siri email automatik — welcome, follow-up, menang balik pelanggan.

Bina alat percuma (kalkulator, dll.) sebagai magnet pelanggan.

Rancang pelancaran produk — momentum, siapa nak beritahu, bila.

Buat 'umpan' percuma (ebook, checklist) untuk kumpul contact prospek.

Jana idea marketing bila buntu.

Bina pelan marketing lengkap untuk bisnes.

Guna psikologi pembeli dalam marketing — kenapa orang beli, apa buat mereka klik.

Positioning produk — macam mana nak cerita supaya orang faham nilai.

Jana beratus halaman SEO secara automatik (contoh: satu halaman setiap produk/lokasi).

Strategi PR — masuk berita, media, liputan.

Bina program 'ajak kawan dapat ganjaran'.

Pasang data berstruktur supaya Google faham site kau (bintang review, harga, dll.).

Audit SEO site — kenapa Google tak hantar trafik, apa nak baiki.

Kempen SMS/WhatsApp marketing.

Strategi & kandungan media sosial.

Uji A/B — dua versi, mana menang, keputusan ikut data bukan rasa.

Kurangkan pelanggan lari — cancel flow, save offer, menang balik.

Bina tawaran yang susah ditolak — bonus, jaminan, framing nilai.

Pengalaman pengguna baru — dari daftar sampai jadi pengguna setia.

Design skrin upgrade/langganan dalam app.

Popup yang menjual tanpa menyakitkan hati.

Strategi harga — berapa nak caj, pakej macam mana.

Cari & senaraikan bakal pelanggan B2B.

Operasi hasil — proses jualan, CRM, funnel tersusun.

Bahan bantu jualan — battle card, skrip, dokumen banding pesaing.

Baiki aliran daftar akaun supaya kurang orang tercicir.

Jana board brand-kit premium — sistem logo, identity deck, dunia visual.

Tajamkan & naikkan kualiti gambar atau screenshot untuk presentation & web.

Bina beberapa versi UI serentak belakang picker visual — flip & pilih secara live.

Dari imej design ke kod web — jana & analisis imej dulu sebelum tulis kod.

Jana imej rujukan design website premium, satu section satu imej.

Jana konsep skrin app mobile premium (iOS & Android).

Design banner untuk media sosial, iklan, hero website.

Skill design serba boleh — logo (55 style), identiti korporat, banner, ikon.

Bina sistem token design (warna/jarak/font berperingkat) untuk konsistensi.

Jana gambar/video AI kualiti tinggi melalui Higgsfield (ada 3,000 kredit ultra).

Jana gambar listing marketplace (gambar utama + info + A+ content) yang patuh peraturan.

Photoshoot produk AI — gambar produk profesional tanpa studio.

Latih karakter AI konsisten (muka/gaya sama setiap gambar).

Jana visual website melalui Higgsfield.

Jana & edit gambar dengan AI.

Buat video secara berkod (animasi, motion graphics).

Buat slide presentation HTML dengan carta. (Slide townhall kau dari sini!)

Kemas rupa komponen UI ikut sistem.

Enjin pintar design — 84 style, 192 palet warna, 74 gandingan font, garis panduan UX. (Kita baiki & guna untuk rebrand!)

Jana & proses video.

Mula research berstruktur — bina outline topik yang boleh dikembangkan.

Lancar agent berasingan untuk setiap item outline — deep research selari.

Rumus hasil deep research jadi laporan markdown penuh.

Tambah definisi field pada outline research sedia ada.

Tambah item baru pada outline research sedia ada.

Satu soalan dinilai 5 penasihat AI yang peer-review sesama sendiri, keluar satu sintesis.

Debug agent LangChain/LangGraph — tarik trace dari LangSmith.

Paksa output kod lengkap — haram placeholder, urus split bila kena limit token.

Ujian AI peringkat tinggi — AI jadi hakim menilai kerja AI lain.

Model 'niat & kepercayaan' agent AI (teori agak akademik).

Mampatkan sesi panjang supaya AI tak lupa benda penting.

Diagnos bila AI mula merapu sebab konteks terlalu penuh/keliru.

Asas 'ingatan' AI — macam mana AI baca konteks dan kenapa dia lupa.

Jimatkan penggunaan token AI tanpa turunkan kualiti.

Bina sistem ujian untuk kerja AI — pastikan kualiti konsisten.

Guna fail sebagai ingatan luaran AI — nota, handoff antara agent.

Bina 'pagar' untuk AI autonomi — apa dia boleh sentuh, bila perlu kelulusan.

Jalankan agent AI di cloud.

Bina sistem ingatan jangka panjang untuk AI.

Corak guna BANYAK AI serentak — pembahagian kerja, semakan silang.

Cara susun projek supaya mesra kerja AI.

Susun struktur halaman website dengan betul.

Design 'alat' yang AI guna — supaya AI tak silap guna.

Sambung Claude ke app luar (Gmail, Slack, GitHub, Notion) untuk ambil tindakan sebenar.

Bertindih dengan /connect — versi lain untuk fungsi sama.

Cipta skill baru & kongsi ke Slack (perlu Rube).

Tukar git commit jadi changelog mesra pengguna secara automatik.

Analisis sejarah chat Claude Code — corak coding & ruang untuk improve.

Download video YouTube dengan pilihan kualiti & format.

Kemas fail & folder — faham konteks, cari pendua, cadang struktur lebih baik.

Susun resit & invois secara auto untuk rekod cukai — baca, extract, rename konsisten.

Cabut pemenang secara adil dari senarai atau Google Sheet.

Jana resume yang disesuaikan ikut job description.

Analisis transkrip meeting — corak komunikasi & tindakan susulan.

Semak kod cari bug — versi Claude Code sendiri, ada mod ultra (semakan awan multi-AI).

Ulang sesuatu tugas ikut selang masa (contoh: check deploy tiap 5 minit).

Jadualkan agent cloud jalan sendiri ikut masa (macam cron).

Kemaskan kod yang baru diubah — buang yang berlebihan.

Panduan buat carta/graf yang cantik & konsisten.

Panduan design untuk halaman web yang diterbitkan (Artifacts).

Ubah tetapan Claude Code (kebenaran, hooks, env).

Rujukan API Claude — model, harga, cara guna.

Semua kerja database Supabase — jadual, migrasi, keselamatan.

Panduan design frontend yang ada identiti, bukan template.

Lancar & jalankan app projek untuk tengok perubahan hidup.

Semakan keselamatan kod.

Buat & edit dokumen Word sebenar (.docx) — surat, laporan, memo lengkap dengan format.

Buat & edit fail Excel sebenar — formula, carta, bersihkan data bersepah jadi spreadsheet kemas.

Buat & edit slide PowerPoint sebenar — pitch deck, taklimat staf, terus jadi fail .pptx.

Segala urusan PDF: baca, gabung, pisah, isi borang, watermark, OCR scan jadi boleh-cari.

Tulis dokumen berstruktur sama-sama — SOP, proposal, spec — ikut aliran kerja tersusun.

Tulis komunikasi dalaman: laporan status, update pengurusan, FAQ, laporan insiden.

Cipta poster & seni visual statik terus jadi PNG/PDF dengan falsafah design.

10 tema siap (warna+font) untuk styling apa-apa slide, laporan atau landing page.

Terapkan gaya & warna rasmi jenama pada apa-apa hasil kerja.

Seni generatif guna kod (p5.js) — flow fields, zarah, corak rawak berseni.

Bina GIF animasi ringan — sesuai untuk chat & media sosial.

Bina artifact web kompleks (React + Tailwind + shadcn/ui) untuk claude.ai.

Uji web app tempatan guna Playwright (kita default guna /browse gstack — ini simpanan).

Bina & perbaiki skill Claude sendiri, siap boleh ukur prestasinya.

Bina MCP server sendiri — sambungkan Claude ke API/servis luar.

Spec taste design peribadi Zaid: warna berani bukan pucat, satu aksen, senarai haram visual "AI-slop", motion, proses kerja. MENANG atas semua taste pack generik. Buatan sendiri.

Pisau Swiss frontend — design, redesign, audit, polish apa sahaja UI dengan bar kualiti tinggi.

Pendekatan design & motion Apple diterjemah untuk web — spring, gesture, restraint.

Falsafah polish Emil Kowalski — detail halus yang buat software rasa mahal.

Resipi agency high-end — font, spacing, shadow & struktur kad yang tepat.

Taste-skill anti-slop v2 untuk landing & portfolio — baca brief, pilih arah, elak rupa template.

Versi v1 lama — simpanan untuk projek yang bergantung padanya.

Taste pack gaya GPT — struktur AIDA ketat + GSAP motion + variasi layout.

Jana DESIGN.md gaya Google Stitch dengan standard anti-generic.

UI editorial bersih — monokrom hangat, bento flat, tiada gradient.

UI brutalist industri — grid tegar, kontras taip melampau.

Upgrade site/app sedia ada ke kualiti premium — audit dulu, buang corak AI generik.

Pilih library frontend yang betul untuk tugas — chart, OTP, drag, virtualization.

Taste skill utama v2 — baca brief, pilih arah design sendiri, hasilkan UI yang tak nampak template. Audit dulu bila redesign.

Design gaya agensi mahal — tetapkan font, spacing, shadow, struktur kad yang buat site rasa expensive. Halang default murah.

Naik taraf site/app sedia ada ke kualiti premium — audit corak AI generik, apply standard tinggi tanpa rosakkan fungsi.

Jana imej design dulu, analisis dalam, kemudian bina web sepadan imej tu — bukan teka dari kepala.

Varian ketat untuk GPT/Codex — layout variance kuat, motion GSAP (pin, stack, scrub), typografi editorial lebar.

Editorial bersih — palet monokrom warm, kontras taipografi, bento flat, pastel muted. Tiada gradient/shadow berat.

Brutalist mekanikal — grid rigid, kontras skala taip melampau, warna utilitarian, rasa blueprint terdeklasifikasi.

Jana fail DESIGN.md untuk Google Stitch — standard UI anti-generik (taip ketat, warna kalibrasi, layout asimetri, mikro-motion).

Halang AI potong kod separuh jalan / letak placeholder — paksa output kod lengkap, urus pemisahan had-token elok.

Kit jenama — warna, font, guideline logo yang konsisten merentas semua permukaan.

Jana imej hero/section untuk laman web — visual sebenar, bukan placeholder kosong.

Sama macam imagegen web tapi khusus paparan app mobile.

Versi LAMA taste skill (v1) — simpanan sahaja. Guna v2 (design-taste-frontend) sebagai default.

Audit motion seluruh codebase sebagai penasihat senior — keluar pelan pembaikan berkeutamaan.

Review kod animasi lawan bar craft tinggi (falsafah Emil Kowalski).

Cari tempat dalam UI yang patut bergerak tapi tak — cadang motion dengan nilai tepat.

Kamus terbalik animasi — describe kesan yang kau maksud, dapat nama sebenar dia.

Animasi web profesional GSAP: scroll-driven, pinning, parallax, timeline (percuma sepenuhnya sekarang).

Animasi React moden (Framer Motion): gesture, transisi halaman, spring physics.

Enjin animasi serba boleh — timeline, stagger, morphing SVG.

Animasi fizik spring yang rasa natural untuk UI React.

Main animasi buatan After Effects (JSON) dalam web — ikon animasi, loading.

Animasi vektor interaktif dengan state machine — animasi yang balas tindakan pengguna.

Efek reveal-bila-scroll ringkas (AOS) untuk landing page.

Smooth scrolling + parallax untuk site immersive.

Transisi antara halaman yang licin — rasa macam app.

240+ komponen React siap-animasi (Magic UI + React Bits) — tak perlu buat sendiri.

3D dalam browser (Three.js): scene, kamera, cahaya, model 3D.

Three.js versi React — bina scene 3D secara deklaratif.

Enjin 3D alternatif dengan ciri game engine & editor.

Enjin game WebGL ringan dengan editor visual.

Grafik 2D berkelajuan tinggi — ribuan sprite 60 FPS, efek zarah.

Efek 3D ringan: background animasi (Vanta), tilt kad, pseudo-3D — tanpa framework berat.

3D tanpa kod — editor visual Spline, export ke web/React.

VR/AR dalam browser guna HTML sahaja (A-Frame).

Aliran export model Blender → web (glTF, optimize, automasi Python).

Tekstur PBR profesional (Substance Painter) untuk model 3D web.

Meta-skill: cara gabungkan Three.js + GSAP + React Spring dalam satu projek besar.

Trend design web 2024-25: scrollytelling, glassmorphism, micro-interactions, accessibility.

Panduan prestasi React/Next.js rasmi dari Vercel Engineering.

Corak susunan komponen React yang scale — elak prop bersepah.

Animasi transisi halaman guna View Transition API React — tanpa library tambahan.

Amalan terbaik React Native & Expo untuk app mobile.

Audit UI ikut garis panduan antara muka web: accessibility, UX, best practices.

Audit gaya penulisan dokumen/copy ikut buku panduan penulisan.

MCP: urus & pasang komponen shadcn/ui terus ke dalam projek.

MCP: baca kod sumber, demo & blocks komponen shadcn/ui untuk rujukan.

MCP: jana komponen UI baru dari ayat (21st.dev) — taip /ui dan describe.