SvelteKit AI Agent Skill

SvelteKit AI Agent Skill adalah ekstensi Workflow terstruktur khusus yang dirancang untuk kecerdasan buatan berbasis agent (terutama untuk Antigravity / Agentic IDE). Skill ini mengubah wawasan AI bawaan menjadi wawasan sekaliber SvelteKit Systems Engineer tingkat senior.

Melalui workflow ini, AI difokuskan secara kaku agar memproduksi arsitektur SvelteKit yang aman, rapi, dan paling modern (mendukung konvensi Svelte 5 Runes) tanpa celah terekspos kode legacy.

Fitur Utama

Bila Workflow ini dipicu, agen AI diprogram untuk secara otomatis memproses langkah-langkah eksklusif berikut:

1. Context Engine (Pendeteksian Konteks Otomatis): Agen dilarang memprogram sebelum menggunakan alat sistemnya (run terminal/baca file) untuk memindai versi package.json Anda. Mengetahui apakah proyek menggunakan Svelte 4, Svelte 5, Tailwind CSS, serta TypeScript.

2. Intent Analysis: Agen akan memisahkan fitur menjadi FRONTEND, FULLSTACK, atau HYBRID dan mengaplikasikan mode pengerjaan secara kondisional.

3. Hardcoded Policy Enforcement:

   • Mandat Svelte 5: Jika package menunjukkan versi ^5.x, agen DIHARAMKAN memakai dekorator usang seperti export let dan diwajibkan selalu memakai struktur Runes masa depan ($state, $derived, $effect).
   • Pemisahan Dinding Rahasia: Agen secara proaktif menghindari pembuatan kode Prisma / kebocoran env rahasia ($env/*/private) masuk dalam folder statis/komponen Client. Seluruh tugas backend langsung dialihkan ke +page.server.ts.

4. Gatekeeping / Validation Mode: Agen menguji logika pikirannya sediri secara interaktif sebelum menulis di file system.

Cara Penggunaan (Antigravity & AI IDE)

Skill cerdas ini tidak memerlukan peladen lokal (server), aplikasi pihak ketiga, maupun konfigurasi API rumit karena terintegrasi langsung dalam memori native AI Antigravity.

Instalasi File

1. Buka repositori target SvelteKit Anda.
2. Salin folder workflows dari repositori ini ke root direktori SvelteKit Anda.

   my-svelte-project/
   ├── src/
   ├── workflows/
   │   └── sveltekit-agent-skill.md  <-- Tempatkan di sini
   ├── package.json
   └── svelte.config.js
   

Memicu (Triggering) AI

Saat Anda dalam sesi ngobrol/memerintah asisten AI Antigravity di dalam IDE Anda, cukup arahkan/sebutkan nama workflow ini sebagai panduan utama:

Menggunakan Sebutan Filename (Mention):

"@workflows/sveltekit-agent-skill.md Buatkan saya sistem authentikasi form login beserta +page.server.ts nya."

Menggunakan Prompt Kalimat Alami:

"Tolong bangun halaman profil user. Patuhi semua aturan di dalam workflows/sveltekit-agent-skill.md secara ketat!"

(Mulai dari detik tersebut, AI akan menjalankan inspeksi pre-kode persis layaknya instruksi tingkat lanjut yang tertera).

Penafian Keamanan

Instruksi ini bertujuan membimbing alur arsitektur AI dan meredam potensi halusinasi. Pastikan Anda tidak menghapus blok Validation Gatekeeper di dalam workflow agar AI tidak membaurkan fungsi Client dan Server di dalam SvelteKit.