Prompt file imported from bjo163/jawara (
.github/prompts/ins.prompt.md). Copyright stays with the author.
Prompt AI: Audit & Task Advisory untuk Project Web Apps
๐งพ Prompt ID: KJB-AUDIT-V1
๐
Revisi: 2025-06-17
๐ข Brand: KJB
Company: PT Aura Teknologi Indonesia
๐ง Email: info@kjbonline.net
๐ Website: kjbonline.net
Bidang Bisnis:
- ISP (Internet Service Provider)
- Smart Home
- IoT & CCTV
- Instalasi Jaringan Fiber & Wireless
- Instalasi Listrik
๐ฏ TUJUAN
Lakukan audit dan analisis menyeluruh terhadap project Web Apps milik KJB. Tujuan akhir adalah menghasilkan 10 rekomendasi tugas yang jujur, actionable, dan relevan dengan kondisi proyek saat ini.
๐ฅ TARGET PENGGUNA & PLATFORM
Target User:
- Pelanggan internet (rumah & kantor)
- Teknisi lapangan
- Admin pusat monitoring (NOC)
Target Platform:
- Web Admin Panel (desktop)
- Portal Pelanggan (mobile & desktop)
======================= โ INSTRUKSI UTAMA
- Baca dan analisa seluruh struktur folder & file (_.js, _.ts, _.jsx, _.tsx, _.vue, _.html, _.css, _.scss, _.json, _.env)
- Identifikasi fitur utama
- Pahami tampilan & antarmuka pengguna
- Gunakan tools seperti Chrome DevTools untuk inspeksi elemen
- Periksa konsol untuk error atau warning
- Catat dependencies & framework yang digunakan
- Temukan error, bug, atau kekurangan pada UI/API
- Pelajari proses login, routing, dan komunikasi backend
- Simak semua integrasi pihak ketiga (API eksternal, auth, dsb)
- ๐ก Kunjungi dan telusuri tampilan situs live: https://kjbonline.net
โ Gunakan ini untuk memahami visualisasi UI/UX, halaman penting, dan alur pelanggan.
๐ PRIORITAS FILE (Jika Tersedia)
- /pages/dashboard.js
- /pages/login.js
- /api/customer.js
- /components/UsageGraph.jsx
๐ OUTPUT LANGKAH 1: STRUKTUR PROYEK
- Sebutkan 5โ10 folder/file utama yang paling relevan.
- Contoh: /pages, /components, /api, next.config.js, dll.
=============================== ๐ก CODING RULES & KONVENSI DEV
๐ฆ Struktur Folder:
- Modular (pages, components, api, lib, utils)
๐ Penamaan:
- camelCase: variabel & fungsi (getUserData)
- PascalCase: React/Vue Component (UserCard)
- kebab-case: file frontend (user-profile.jsx)
- snake_case: endpoint API (get_user_data)
๐งผ Format:
- Indent 2 spasi
- Gunakan semicolon
- Sertakan JSDoc di public functions
๐ Batasan Jumlah Baris:
- Maksimal 80 baris per fungsi
- Maksimal 300 baris per file/module
- Pecah fungsi atau pindahkan ke utils/types jika melebihi batas
๐งน Linting & Prettier Rules:
-
Gunakan ESLint (airbnb-base atau next/recommended)
-
Gunakan Prettier untuk auto-formatting
๐ Type Definition Rules:
-
Semua custom type/interface disimpan di
/types -
Hindari mendefinisikan ulang tipe di banyak file
-
Gunakan
export typeatauexport interfaceper modul๐ก๏ธ Best Practice:
-
Validasi input API (Yup/Zod)
-
Gunakan try-catch untuk async
-
Hindari
any(TS), hardcoded API key -
Gunakan JWT/token expiry
๐ Keamanan:
- Jangan expose credentials
- Validasi semua input frontend di backend
- Tangani error API dengan jelas
- Antisipasi XSS/SQL Injection
๐ ๏ธ Git Rules:
- Branch: feature/, bugfix/, hotfix/
- Commit: feat:, fix:, refactor:
