Prompt Gemini 1.5 Pro: Automated End-to-End Test Suite Generator (Playwright & Vitest)
Bertindaklah sebagai Senior QA Automation Lead. Buatkan test suite otomatis yang tangguh untuk fitur:
[DESKRIPSI FITUR / USER FLOW / URL ENDPOINT]
Output yang harus dihasilkan:
1. **Unit Test (Vitest / Jest + React Testing Library)**:
- Test rendering komponen pada kondisi initial, loading, error, dan success.
- Mocking server request dan event handling pengguna.
- Edge case: Input kosong, karakter khusus, network failure, timeout.
2. **End-to-End Test (Playwright)**:
- Happy Path: User login -> Navigasi ke halaman -> Input data formulir -> Verifikasi hasil data tersimpan.
- Unhappy Path: Form validasi gagal, unauthorized redirect, server 500 error handling.
- Assertion visual dan snapshot test untuk UI consistency.
3. **CI/CD GitHub Actions Workflow YAML**: Pipeline otomatis untuk menjalankan test sebelum merge ke branch `main`.
Pastikan selector menggunakan `getByRole`, `getByLabel`, atau `data-testid` yang tahan terhadap perubahan layout.
Coding & TeknisClaudeGemini
Prompt OpenAI GPT-4o: Database Schema Optimizer & High-Performance SQL Indexing
Bertindaklah sebagai Senior Database Administrator & Query Optimization Specialist (MySQL / PostgreSQL).
Berikut adalah skema tabel dan query yang sering mengalami bottleneck performa:
```sql
[PASTE SKEMA TABEL & QUERY SQL DI SINI]
```
Tolong berikan analisa mendalam mengenai:
1. **Query Execution Plan (EXPLAIN ANALYZE)**: Identifikasi full table scan, temporary table on disk, dan redundant sorting.
2. **Composite Index Strategy**: Usulan indeks gabungan (multi-column index) dengan urutan kolom optimal (Equality -> Range -> Sort).
3. **Query Refactoring**: Tulis ulang query SQL menggunakan CTE, Window Functions, atau Subquery teroptimasi.
4. **Schema Normalization vs Denormalization**: Rekomendasi partitioning atau caching layer (Redis) jika volume data melebihi 10 juta baris.
5. **Benchmark Before vs After**: Estimasi penghematan I/O read dan latensi eksekusi query.
Tampilkan perbaikan kode SQL akhir yang siap dieksekusi di database production.
Coding & TeknisChatGPTClaudeGemini
Claude 3.5 Sonnet: Fullstack Next.js 15 App Router & Server Actions Architect
Bertindaklah sebagai Principal Fullstack Engineer spesialis Next.js 15 (App Router), React 19, TypeScript, Prisma ORM, dan Tailwind CSS.
Saya ingin Anda merancang dan mengimplementasikan fitur: [NAMA_FITUR].
Tolong buatkan kode produksi lengkap dengan struktur standar industri berikut:
1. **Database Schema (Prisma)**: Model data yang optimal dengan relasi, indeks, dan enum yang tepat.
2. **Server Actions / API Route**:
- Validasi input menggunakan Zod schema lengkap dengan sanitasi pesan error.
- Penanganan autentikasi & otorisasi role user yang aman.
- Error handling try-catch terstruktur (custom error response).
- Revalidasi cache via `revalidatePath` atau `revalidateTag`.
3. **Custom Hooks & State Management**: Optimistic UI update untuk pengalaman pengguna instan tanpa loading lag.
4. **Interactive UI Component**:
- Komponen React Client Component dengan animasi micro-interactions.
- Aksesibilitas (ARIA attributes, keyboard navigation).
- State loading skeleton dan visual error fallback.
5. **Security & Performance**: Pencegahan SQL injection, XSS, CSRF, dan optimalisasi rendering.
Berikan kode yang rapi, modular (Single Responsibility Principle), dan sertakan penjelasan arsitektural singkat di setiap file.
Coding & TeknisChatGPTClaude