vibes-plug 2.14.1 → 3.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (151) hide show
  1. package/.claude/rules/vibes-plug-core.md +5 -0
  2. package/.cursor/rules/vibes-plug-core.mdc +7 -2
  3. package/.cursorrules +8 -2
  4. package/AGENTS.md +23 -2
  5. package/CHANGELOG.md +114 -0
  6. package/CLAUDE.md +10 -3
  7. package/README.md +216 -611
  8. package/bin/vibes.mjs +1104 -0
  9. package/package.json +11 -3
  10. package/plugin.json +4 -3
  11. package/scripts/check-anti-slop.mjs +53 -0
  12. package/scripts/install.js +3 -1
  13. package/scripts/update_skills.js +1 -1
  14. package/scripts/update_skills.mjs +86 -0
  15. package/scripts/validate-skills.mjs +111 -0
  16. package/skills/accessibility-testing-expert/SKILL.md +117 -116
  17. package/skills/affective-computing-emotion-ai/SKILL.md +83 -0
  18. package/skills/agentic-coding-workflow-expert/SKILL.md +297 -0
  19. package/skills/agentic-memory-architect/SKILL.md +52 -0
  20. package/skills/agentic-micro-economy-architect/SKILL.md +92 -0
  21. package/skills/ai-llm-integration-expert/SKILL.md +330 -194
  22. package/skills/ai-media-generation-expert/SKILL.md +173 -172
  23. package/skills/ai-prompt-engineering-expert/SKILL.md +204 -134
  24. package/skills/ai-safety-governance-expert/SKILL.md +223 -0
  25. package/skills/angular-expert/SKILL.md +149 -148
  26. package/skills/anti-slop/SKILL.md +134 -133
  27. package/skills/api-design-expert/SKILL.md +4 -3
  28. package/skills/api-gateway-proxy-expert/SKILL.md +3 -2
  29. package/skills/app-analyzer-optimizer/SKILL.md +4 -3
  30. package/skills/apple-ecosystem-expert/SKILL.md +6 -5
  31. package/skills/astro-framework-expert/SKILL.md +201 -200
  32. package/skills/async-queue-temporal-expert/SKILL.md +218 -217
  33. package/skills/authentication-identity-expert/SKILL.md +174 -173
  34. package/skills/autonomous-red-teamer/SKILL.md +338 -203
  35. package/skills/autonomous-tdd-debugger/SKILL.md +6 -5
  36. package/skills/biome-linter-formatter-expert/SKILL.md +90 -89
  37. package/skills/blockchain-web3-expert/SKILL.md +116 -115
  38. package/skills/brainstorming/SKILL.md +392 -377
  39. package/skills/browser-automation-expert/SKILL.md +260 -222
  40. package/skills/bun-runtime-expert/SKILL.md +5 -4
  41. package/skills/chatbot-messaging-expert/SKILL.md +115 -114
  42. package/skills/ci-cd-devops-architect/SKILL.md +3 -2
  43. package/skills/cloud-hosting-expert/SKILL.md +5 -4
  44. package/skills/coderabbit/SKILL.md +5 -4
  45. package/skills/compliance-gdpr-privacy-expert/SKILL.md +3 -2
  46. package/skills/composable-mach-architect/SKILL.md +338 -0
  47. package/skills/cron-scheduler-expert/SKILL.md +5 -4
  48. package/skills/data-pipeline-etl-expert/SKILL.md +3 -2
  49. package/skills/data-telemetry-expert/SKILL.md +5 -4
  50. package/skills/data-visualization-expert/SKILL.md +155 -154
  51. package/skills/database-orm-expert/SKILL.md +166 -165
  52. package/skills/deep-research-analyst/SKILL.md +182 -136
  53. package/skills/dependency-upgrade-migrator/SKILL.md +11 -10
  54. package/skills/design-system-architect/SKILL.md +4 -3
  55. package/skills/desktop-electron-expert/SKILL.md +129 -128
  56. package/skills/documentation-site-expert/SKILL.md +60 -59
  57. package/skills/doku-mcp-server/SKILL.md +5 -4
  58. package/skills/doku-payment-gateway/SKILL.md +250 -232
  59. package/skills/domain-driven-design-expert/SKILL.md +3 -2
  60. package/skills/e2e-testing-expert/SKILL.md +5 -4
  61. package/skills/ecommerce-expert/SKILL.md +88 -87
  62. package/skills/email-notification-expert/SKILL.md +5 -4
  63. package/skills/ephemeral-generative-ui-architect/SKILL.md +88 -0
  64. package/skills/error-resilience-expert/SKILL.md +14 -13
  65. package/skills/event-driven-architect/SKILL.md +5 -4
  66. package/skills/feature-flag-analytics-expert/SKILL.md +3 -2
  67. package/skills/file-upload-media-expert/SKILL.md +5 -4
  68. package/skills/firebase-security-expert/SKILL.md +5 -4
  69. package/skills/form-validation-expert/SKILL.md +7 -6
  70. package/skills/frontier-ai-models-expert/SKILL.md +116 -0
  71. package/skills/fullstack-expert/SKILL.md +185 -184
  72. package/skills/gemini-agent-booster/SKILL.md +248 -172
  73. package/skills/geospatial-maps-expert/SKILL.md +81 -80
  74. package/skills/global-a11y-i18n-expert/SKILL.md +5 -4
  75. package/skills/glsl-shader-expert/SKILL.md +191 -190
  76. package/skills/go-programming-expert/SKILL.md +5 -4
  77. package/skills/graph-rag-knowledge-expert/SKILL.md +201 -200
  78. package/skills/graphql-apollo-expert/SKILL.md +5 -4
  79. package/skills/headless-cms-expert/SKILL.md +182 -181
  80. package/skills/hig/SKILL.md +5 -4
  81. package/skills/js-backend-expert/SKILL.md +219 -218
  82. package/skills/legacy-code-translator/SKILL.md +6 -5
  83. package/skills/llm-finops-router/SKILL.md +52 -0
  84. package/skills/local-slm-edge-ai-expert/SKILL.md +168 -167
  85. package/skills/logging-error-tracking-expert/SKILL.md +5 -4
  86. package/skills/mcp-server-architect/SKILL.md +315 -307
  87. package/skills/micro-frontend-architect/SKILL.md +5 -4
  88. package/skills/mobile-expo-expert/SKILL.md +5 -4
  89. package/skills/modern-css-native-expert/SKILL.md +190 -189
  90. package/skills/monorepo-architect/SKILL.md +5 -4
  91. package/skills/mpa-orchestrator/SKILL.md +41 -4
  92. package/skills/multi-agent-orchestration/SKILL.md +388 -254
  93. package/skills/mvc-expert/SKILL.md +5 -4
  94. package/skills/n8n-automation-expert/SKILL.md +90 -89
  95. package/skills/nextjs-app-router-expert/SKILL.md +3 -2
  96. package/skills/openapi-swagger-codegen-expert/SKILL.md +4 -3
  97. package/skills/payment-gateway-expert/SKILL.md +131 -128
  98. package/skills/pdf-document-generation-expert/SKILL.md +92 -91
  99. package/skills/performance-web-vitals/SKILL.md +5 -4
  100. package/skills/post-quantum-crypto-migrator/SKILL.md +3 -2
  101. package/skills/prd-architect/SKILL.md +183 -182
  102. package/skills/proactive-background-watcher/SKILL.md +5 -4
  103. package/skills/production-ready-hardener/SKILL.md +10 -9
  104. package/skills/pwa-offline-first-expert/SKILL.md +227 -226
  105. package/skills/pydantic-ai-expert/SKILL.md +162 -161
  106. package/skills/python-programming-expert/SKILL.md +5 -4
  107. package/skills/rate-limit-abuse-prevention/SKILL.md +5 -4
  108. package/skills/realtime-collaboration-expert/SKILL.md +3 -2
  109. package/skills/rich-text-editor-expert/SKILL.md +178 -177
  110. package/skills/rust-programming-expert/SKILL.md +5 -4
  111. package/skills/saas-architect/SKILL.md +155 -154
  112. package/skills/saas-billing/SKILL.md +394 -382
  113. package/skills/saas-multi-tenant/SKILL.md +7 -6
  114. package/skills/scalability-clean-code/SKILL.md +5 -4
  115. package/skills/search-engine-expert/SKILL.md +90 -89
  116. package/skills/self-healing-cloud-orchestrator/SKILL.md +3 -2
  117. package/skills/senior-frontend/SKILL.md +14 -9
  118. package/skills/seo/SKILL.md +4 -4
  119. package/skills/session-memory-manager/SKILL.md +129 -128
  120. package/skills/solidjs-expert/SKILL.md +81 -80
  121. package/skills/spa-orchestrator/SKILL.md +5 -4
  122. package/skills/sse-websocket-streaming-expert/SKILL.md +3 -2
  123. package/skills/state-management-expert/SKILL.md +5 -4
  124. package/skills/supabase-security-expert/SKILL.md +5 -4
  125. package/skills/svelte-sveltekit-expert/SKILL.md +92 -91
  126. package/skills/svg-animation-motion-expert/SKILL.md +3 -2
  127. package/skills/synthetic-data-finetuning-expert/SKILL.md +156 -155
  128. package/skills/tailwind-expert/SKILL.md +62 -5
  129. package/skills/tanstack-query-expert/SKILL.md +5 -4
  130. package/skills/tauri-expert/SKILL.md +5 -4
  131. package/skills/typescript-expert/SKILL.md +5 -4
  132. package/skills/ui-ux-pro-max/SKILL.md +7 -6
  133. package/skills/vector-db-rag-expert/SKILL.md +209 -208
  134. package/skills/vercel-ai-sdk-expert/SKILL.md +226 -181
  135. package/skills/voice-ai-realtime-agent/SKILL.md +243 -242
  136. package/skills/vue-frontend-expert/SKILL.md +5 -4
  137. package/skills/wasm-edge-computing-expert/SKILL.md +3 -2
  138. package/skills/web-3d-graphics-expert/SKILL.md +314 -313
  139. package/skills/web-game-engine-expert/SKILL.md +330 -329
  140. package/skills/web-scraper/SKILL.md +158 -157
  141. package/skills/website-design-cloner/SKILL.md +5 -4
  142. package/skills/webxr-ar-vr-expert/SKILL.md +163 -162
  143. package/skills/wordpress-headless-expert/SKILL.md +145 -144
  144. package/skills/zero-tech-debt-auditor/SKILL.md +115 -0
  145. package/skills/zero-to-prod-orchestrator/SKILL.md +281 -229
  146. package/skills/zero-trust-secret-vault/SKILL.md +3 -2
  147. package/BLUEPRINT.md +0 -319
  148. package/skills/bootstrap-to-modern/SKILL.md +0 -94
  149. package/skills/multiple-entry-points/SKILL.md +0 -91
  150. package/skills/secure-fuzz-testing/SKILL.md +0 -207
  151. package/skills/visual-qa-vision-agent/SKILL.md +0 -71
@@ -1,173 +1,249 @@
1
- ---
2
- name: gemini-agent-booster
3
- version: "2.8.0"
4
- description: "Master optimization protocol for Gemini Agent (Antigravity) to unlock native 2M+ long-context reasoning, Gemini 3.x thinking budget control, native context caching, Multimodal Live API protocols, and high-speed problem solving / Protokol optimasi utama untuk Gemini Agent (Antigravity) untuk mengaktifkan pemikiran long-context 2M+, kontrol thinking budget Gemini 3.x, context caching native, protokol Multimodal Live API, dan pemecahan masalah kecepatan tinggi."
5
- author: "Roedy Rustam"
6
- ---
7
-
8
- # Gemini Agent Booster (2026 Edition — Gemini 3.x Ecosystem)
9
-
10
- [English](#english) | [Bahasa Indonesia](#bahasa-indonesia)
11
-
12
- ---
13
-
14
- <a name="english"></a>
15
- ## English
16
-
17
- ### Orchestration & Integration
18
- Connects and orchestrates with relevant domain skills like `brainstorming`, `zero-to-prod-orchestrator`, `ai-llm-integration-expert`, and `project-context-mapper` to ensure cohesive execution.
19
-
20
- ### Description
21
- Master optimization protocol for the Gemini Agent (Antigravity) to leverage native Gemini 3.x (Gemini 3.8 Flash, Gemini 3.5/3.1 Pro/Flash) capabilities — including 1M–2M token context window, dynamic thinking budget control, native context caching (`cachedContent`), Multimodal Live API integration, visual UI auditing, and parallel tool calling.
22
-
23
- ### Trigger Conditions
24
- - Analyzing very large codebases, full log histories, or monolithic documents requiring 1M–2M token context.
25
- - Managing reasoning budgets with Gemini 3.x Thinking Mode (`thinkingConfig`).
26
- - Implementing cost-saving strategies with native Gemini Context Caching (`cachedContent`).
27
- - Performing real-time bidirectional multimodal audio/video or visual UI audits.
28
- - Running deep research tasks requiring web search grounding + reasoning synthesis.
29
- - Delegating complex multi-step tasks to parallel agent swarms or browser subagents.
30
-
31
- ### Gemini 3.x Capability Matrix (2026)
32
-
33
- | Capability | Gemini 3.1 / 3.5 Pro | Gemini 3.8 / 3.1 Flash |
34
- |---|---|---|
35
- | Context Window | Up to 2M tokens | 1M–2M tokens |
36
- | Thinking / Reasoning | Extended Reasoning (Deep Think) | Flash Thinking (Configurable Budget) |
37
- | Native Context Caching | Supported (`cachedContent`) | Supported (`cachedContent`) |
38
- | Multimodal (Image/Video/Audio) | Native Multimodal | Native Multimodal + Live API |
39
- | Code Generation & Tool Calling | State-of-the-Art Architecture | Ultra-fast iteration & subagents |
40
- | Search Grounding | Google Search Grounding | Google Search Grounding |
41
- | TTFT (Time to First Token) | Optimized for depth | 3–5x lower latency |
42
- | Relative Cost Profile | Higher (for critical paths) | Ultra-low cost (ideal for high-frequency loops) |
43
-
44
- ### 1. Dynamic Thinking Budget & Reasoning Protocol
45
- For complex architectural decisions, security audits, or debugging race conditions, control the reasoning depth via `thinkingConfig`:
46
- - **Flash Thinking for Rapid Tasks**: Set lower or default thinking budgets for quick bug fixes, linting, and boilerplate generation.
47
- - **Extended Thinking for Critical Paths**: Allocate high thinking budgets (e.g. 8k–32k thinking tokens) when designing distributed schemas, refactoring core engines, or evaluating cryptographic trade-offs.
48
- - **Reasoning Token Separation**: Ensure internal thinking tokens (`<thought>`) are isolated from client-facing output streams so that final responses remain crisp, clean, and token-efficient.
49
-
50
- ### 2. Native Context Caching (`cachedContent`)
51
- Reduce token costs by up to 75–90% and drastically cut latency on large repositories:
52
- - **Threshold**: Cache prompts, repository snapshots, or API schemas larger than 32,768 tokens.
53
- - **TTL Management**: Set appropriate time-to-live (TTL, e.g., 1–2 hours for active dev sessions, 24 hours for stable documentation).
54
- - **Structure**:
55
- ```typescript
56
- // Native Gemini Context Caching Example
57
- const cache = await ai.createCachedContent({
58
- model: 'gemini-3.1-pro',
59
- contents: [{ role: 'user', parts: [{ text: fullCodebaseDump }] }],
60
- ttl: '3600s',
61
- });
62
-
63
- const response = await ai.models.generateContent({
64
- model: 'gemini-3.1-pro',
65
- contents: [{ role: 'user', parts: [{ text: 'Locate memory leak in worker thread' }] }],
66
- cachedContent: cache.name,
67
- });
68
- ```
69
-
70
- ### 3. 2M+ Token Long-Context Strategies
71
- When inspecting massive codebases:
72
- 1. **Pass Full File Trees**: Use `list_dir` to obtain the complete project structure, then supply full source files into context.
73
- 2. **Whole-File Ingestion**: With 1M–2M context, avoid grep fragmentation; inspect complete classes and dependency trees in one shot.
74
- 3. **Cross-Service Traceability**: Analyze upstream microservice contracts, protobufs, and frontend consumers concurrently in the same session.
75
- 4. **Massive Server Logs**: Ingest complete production logs to uncover subtle intermittent race conditions and memory leaks.
76
-
77
- ### 4. Multimodal Live API & Screen Grounding
78
- Integrate real-time, low-latency multimodal interaction:
79
- - **Bidirectional Streaming**: Stream audio input and receive audio/text responses over WebSockets using Gemini Multimodal Live API.
80
- - **Screen & UI Grounding**: Capture frames from browser subagents or desktop windows; Gemini grounds user queries directly to coordinate points on screen.
81
- - **Visual UI Auditing Protocol**:
82
- 1. Capture current running application via `browser_subagent`.
83
- 2. Audit layout, typography, contrast, and visual hierarchy against HIG and WCAG standards.
84
- 3. Compare visually with target design using `generate_image` or design system guidelines.
85
- 4. Perform targeted micro-edits to CSS/Tailwind tokens until alignment reaches pixel perfection.
86
-
87
- ### 5. Deep Research & Search Grounding
88
- Gemini's native Search Grounding connects the agent directly to real-time web knowledge:
89
- - Use Grounding for fresh library releases, breaking API deprecations, or zero-day CVE lookups.
90
- - Synthesize findings with source attribution citations.
91
-
92
- ### 6. Parallel Tool Execution
93
- Gemini natively supports concurrent function calls:
94
- - Read and edit multiple independent files in a single pass.
95
- - Trigger parallel web searches or subagent workers simultaneously to minimize round-trip latency.
96
-
97
- ---
98
-
99
- <a name="bahasa-indonesia"></a>
100
- ## Bahasa Indonesia
101
-
102
- ### Integrasi Orkestrasi
103
- Terhubung dan mengorkestrasi skill domain yang relevan seperti `brainstorming`, `zero-to-prod-orchestrator`, `ai-llm-integration-expert`, dan `project-context-mapper` untuk memastikan eksekusi yang kohesif.
104
-
105
- ### Deskripsi
106
- Protokol optimasi utama untuk Gemini Agent (Antigravity) memanfaatkan kapabilitas ekosistem Gemini 3.x (Gemini 3.8 Flash, Gemini 3.5/3.1 Pro/Flash) — termasuk context window 1M–2M token, kontrol dynamic thinking budget, native context caching (`cachedContent`), integrasi Multimodal Live API, audit visual UI, dan pemanggilan tool secara paralel.
107
-
108
- ### Kondisi Pemicu
109
- - Menganalisis codebase skala besar, histori log lengkap, atau dokumen monolitik yang membutuhkan konteks 1M–2M token.
110
- - Mengatur alokasi reasoning budget dengan Gemini 3.x Thinking Mode (`thinkingConfig`).
111
- - Menerapkan strategi pemangkasan biaya melalui native Gemini Context Caching (`cachedContent`).
112
- - Menjalankan interaksi audio/video dua arah secara real-time atau audit visual UI.
113
- - Menjalankan tugas riset mendalam dengan Google Search Grounding + sintesis penalaran.
114
- - Mendelegasikan tugas multi-langkah ke swarm agen paralel atau browser subagent.
115
-
116
- ### Matriks Kapabilitas Gemini 3.x (2026)
117
-
118
- | Kapabilitas | Gemini 3.1 / 3.5 Pro | Gemini 3.8 / 3.1 Flash |
119
- |---|---|---|
120
- | Context Window | Hingga 2M token | 1M–2M token |
121
- | Pemikiran / Penalaran | Extended Reasoning (Deep Think) | Flash Thinking (Configurable Budget) |
122
- | Native Context Caching | Didukung (`cachedContent`) | Didukung (`cachedContent`) |
123
- | Multimodal (Gambar/Video/Audio) | Native Multimodal | Native Multimodal + Live API |
124
- | Generasi Kode & Tool Calling | Arsitektur State-of-the-Art | Iterasi & subagent ultra-cepat |
125
- | Search Grounding | Google Search Grounding | Google Search Grounding |
126
- | TTFT (Latensi Token Pertama) | Dioptimalkan untuk kedalaman | 3–5x lebih cepat |
127
- | Profil Biaya | Lebih tinggi (untuk alur kritis) | Sangat hemat (ideal untuk perulangan cepat) |
128
-
129
- ### 1. Dynamic Thinking Budget & Protokol Penalaran
130
- Untuk keputusan arsitektur kompleks, audit keamanan, atau perbaikan race condition yang rumit, atur kedalaman penalaran via `thinkingConfig`:
131
- - **Flash Thinking untuk Tugas Cepat**: Gunakan alokasi budget penalaran default atau rendah untuk perbaikan bug ringan, formatting, dan boilerplate.
132
- - **Extended Thinking untuk Alur Kritis**: Alokasikan budget penalaran tinggi (misal: 8k–32k thinking tokens) saat mendesain skema terdistribusi, refaktor engine inti, atau evaluasi kriptografi.
133
- - **Pemisahan Token Penalaran**: Pastikan token pemikiran internal (`<thought>`) dipisahkan dari aliran output pengguna agar respons akhir tetap ringkas, bersih, dan efisien token.
134
-
135
- ### 2. Native Context Caching (`cachedContent`)
136
- Pangkas biaya API sebesar 75–90% serta kurangi latensi respons pada repositori besar:
137
- - **Ambang Batas**: Lakukan cache pada prompt, snapshot kode, atau skema dokumen yang melebihi 32.768 token.
138
- - **Manajemen TTL**: Tetapkan masa aktif cache (misal: 1–2 jam untuk sesi development aktif, 24 jam untuk dokumentasi statis).
139
- - **Contoh Implementasi**:
140
- ```typescript
141
- const cache = await ai.createCachedContent({
142
- model: 'gemini-3.1-pro',
143
- contents: [{ role: 'user', parts: [{ text: fullCodebaseDump }] }],
144
- ttl: '3600s',
145
- });
146
- ```
147
-
148
- ### 3. Strategi Long-Context 2M+ Token
149
- Saat menganalisis repositori besar:
150
- 1. **Pohon File Penuh**: Gunakan `list_dir` untuk memetakan struktur proyek, lalu masukkan seluruh file terkait ke dalam konteks.
151
- 2. **Ingesti File Penuh**: Dengan jendela 1M–2M token, hindari fragmentasi grep; periksa seluruh class dan dependency tree secara menyeluruh.
152
- 3. **Pelacakan Antar Layanan**: Analisis kontrak upstream microservice, skema database, dan frontend consumer secara bersamaan dalam satu sesi.
153
- 4. **Log Produksi Lengkap**: Masukkan ratusan ribu baris log untuk mengungkap anomali memori dan race condition intermiten.
154
-
155
- ### 4. Multimodal Live API & Screen Grounding
156
- Integrasikan interaksi multimodal latensi rendah secara langsung:
157
- - **Streaming Dua Arah**: Streaming input suara dan terima respons audio/teks via WebSockets menggunakan Gemini Multimodal Live API.
158
- - **Screen & UI Grounding**: Tangkap frame layar dari browser subagent; Gemini memetakan perintah ke koordinat visual yang presisi di layar.
159
- - **Protokol Audit UI Visual**:
160
- 1. Ambil screenshot aplikasi yang sedang berjalan via `browser_subagent`.
161
- 2. Audit tata letak, tipografi, kontras, dan konsistensi terhadap pedoman HIG dan WCAG.
162
- 3. Bandingkan dengan referensi desain target menggunakan `generate_image`.
163
- 4. Lakukan penyesuaian presisi pada token CSS/Tailwind hingga tampilan mencapai pixel-perfect.
164
-
165
- ### 5. Penelitian Mendalam & Search Grounding
166
- Search Grounding native Gemini menghubungkan agen langsung ke informasi web terkini:
167
- - Gunakan Grounding untuk rilis pustaka terbaru, breaking change dokumentasi, atau audit kerentanan CVE terbaru.
168
- - Sintesiskan temuan lengkap dengan sitasi sumber yang dapat diverifikasi.
169
-
170
- ### 6. Eksekusi Tool Paralel
171
- Gemini secara native mendukung pemanggilan banyak function call dalam satu giliran (turn):
172
- - Baca dan modifikasi beberapa file independen sekaligus.
1
+ ---
2
+ name: gemini-agent-booster
3
+ description: "Master optimization protocol for Gemini Agent (Antigravity) to unlock native 2M+ long-context reasoning, Gemini 3.x thinking budget control, native context caching, Multimodal Live API protocols, and high-speed problem solving / Protokol optimasi utama untuk Gemini Agent (Antigravity) untuk mengaktifkan pemikiran long-context 2M+, kontrol thinking budget Gemini 3.x, context caching native, protokol Multimodal Live API, dan pemecahan masalah kecepatan tinggi."
4
+ author: "Roedy Rustam"
5
+ version: "3.0.0"
6
+ ---
7
+
8
+ # Gemini Agent Booster (2026 Edition — Gemini 3.x Ecosystem)
9
+
10
+ [English](#english) | [Bahasa Indonesia](#bahasa-indonesia)
11
+
12
+ ---
13
+
14
+ <a name="english"></a>
15
+ ## English
16
+
17
+ ### Orchestration & Integration
18
+ Connects and orchestrates with relevant domain skills like `brainstorming`, `zero-to-prod-orchestrator`, `ai-llm-integration-expert`, and `session-memory-manager` to ensure cohesive execution.
19
+
20
+ ### Description
21
+ Master optimization protocol for the Gemini Agent (Antigravity) to leverage native Gemini 3.x (Gemini 3.8 Flash, Gemini 3.5/3.1 Pro/Flash) capabilities — including 1M–2M token context window, dynamic thinking budget control, native context caching (`cachedContent`), Multimodal Live API integration, visual UI auditing, and parallel tool calling.
22
+
23
+ ### Trigger Conditions
24
+ - Analyzing very large codebases, full log histories, or monolithic documents requiring 1M–2M token context.
25
+ - Managing reasoning budgets with Gemini 3.x Thinking Mode (`thinkingConfig`).
26
+ - Implementing cost-saving strategies with native Gemini Context Caching (`cachedContent`).
27
+ - Performing real-time bidirectional multimodal audio/video or visual UI audits.
28
+ - Running deep research tasks requiring web search grounding + reasoning synthesis.
29
+ - Delegating complex multi-step tasks to parallel agent swarms or browser subagents.
30
+
31
+ ### Gemini 3.x Capability Matrix (2026)
32
+
33
+ | Capability | Gemini 3.1 / 3.5 Pro | Gemini 3.8 / 3.1 Flash |
34
+ |---|---|---|
35
+ | Context Window | Up to 2M tokens | 1M–2M tokens |
36
+ | Thinking / Reasoning | Extended Reasoning (Deep Think) | Flash Thinking (Configurable Budget) |
37
+ | Native Context Caching | Supported (`cachedContent`) | Supported (`cachedContent`) |
38
+ | Multimodal (Image/Video/Audio) | Native Multimodal | Native Multimodal + Live API |
39
+ | Code Generation & Tool Calling | State-of-the-Art Architecture | Ultra-fast iteration & subagents |
40
+ | Search Grounding | Google Search Grounding | Google Search Grounding |
41
+ | TTFT (Time to First Token) | Optimized for depth | 3–5x lower latency |
42
+ | Relative Cost Profile | Higher (for critical paths) | Ultra-low cost (ideal for high-frequency loops) |
43
+
44
+ ### 1. Thinking Budget Optimization for Frontier Tasks
45
+ For complex architectural decisions, security audits, or debugging race conditions, control the reasoning depth via `thinkingConfig`:
46
+ - **Dynamic Thinking Budget Allocation**: Allocate budgets dynamically based on task complexity classification.
47
+ - **Cost-Performance Tradeoff Matrix**: Balance costs between Flash Thinking, Extended 32k thinking, and Full Pro reasoning.
48
+ - **Tier Guidelines**:
49
+ - **Quick Fixes (2k)**: Linting, boilerplate, typo fixes.
50
+ - **Standard Dev (8k)**: Feature implementation, UI alignment.
51
+ - **Architecture Design (16k)**: Designing distributed schemas, refactoring core engines.
52
+ - **Critical System Design (32k)**: Evaluating cryptographic trade-offs, deeply complex race conditions.
53
+ - **Token Monitoring**: Actively monitor thinking tokens and track reasoning costs.
54
+ - **Reasoning Token Separation**: Ensure internal thinking tokens (`<thought>`) are isolated from client-facing output streams so that final responses remain crisp, clean, and token-efficient.
55
+
56
+ ### 2. Native Context Caching (`cachedContent`)
57
+ Reduce token costs by up to 75–90% and drastically cut latency on large repositories:
58
+ - **Threshold**: Cache prompts, repository snapshots, or API schemas larger than 32,768 tokens.
59
+ - **TTL Management**: Set appropriate time-to-live (TTL, e.g., 1–2 hours for active dev sessions, 24 hours for stable documentation).
60
+ - **Structure**:
61
+ ```typescript
62
+ // Native Gemini Context Caching Example
63
+ import { GoogleGenAI } from '@google/genai';
64
+ const ai = new GoogleGenAI({ apiKey: process.env.GOOGLE_API_KEY });
65
+
66
+ const cache = await ai.caches.create({
67
+ model: 'gemini-3.1-pro',
68
+ contents: [{ role: 'user', parts: [{ text: fullCodebaseDump }] }],
69
+ ttl: '3600s',
70
+ });
71
+
72
+ const response = await ai.models.generateContent({
73
+ model: 'gemini-3.1-pro',
74
+ contents: [{ role: 'user', parts: [{ text: 'Locate memory leak in worker thread' }] }],
75
+ cachedContent: cache.name,
76
+ });
77
+ ```
78
+
79
+ ### 3. 2M+ Token Long-Context Strategies
80
+ When inspecting massive codebases:
81
+ 1. **Pass Full File Trees**: Use `list_dir` to obtain the complete project structure, then supply full source files into context.
82
+ 2. **Whole-File Ingestion**: With 1M–2M context, avoid grep fragmentation; inspect complete classes and dependency trees in one shot.
83
+ 3. **Cross-Service Traceability**: Analyze upstream microservice contracts, protobufs, and frontend consumers concurrently in the same session.
84
+ 4. **Massive Server Logs**: Ingest complete production logs to uncover subtle intermittent race conditions and memory leaks.
85
+
86
+ ### 4. Multimodal Live API & Screen Grounding (Astra Paradigm)
87
+ Integrate real-time, low-latency multimodal interaction using Astra-paradigm patterns:
88
+ - **Bidirectional Streaming**: Stream audio input and receive audio/text responses over WebSockets using Gemini Multimodal Live API with sub-200ms interruption handling for conversational turn-taking.
89
+ - **Continuous Video Perception**: Process 60fps video streams with spatial grounding.
90
+ - **Spatial Memory Protocol**: Track object locations across video frames, maintaining a spatial state map.
91
+ - **Episodic Memory Buffer Management**: Compress video segments into episodic summaries stored beyond the context window.
92
+ - **Screen & UI Grounding**: Capture frames and map GUI interactions using exact screen grounding coordinates.
93
+ - **Code Example - Spatial Memory**:
94
+ ```typescript
95
+ // Astra Paradigm: Spatial Tracking
96
+ liveSession.on('frame', async (frame) => {
97
+ const locations = await ai.analyzeSpatialState(frame);
98
+ spatialMemory.updateCoordinates(locations);
99
+ });
100
+ ```
101
+ - **Visual UI Auditing Protocol**:
102
+ 1. Capture current running application (delegate to `browser-automation-expert` skill using Playwright/Stagehand).
103
+ 2. Audit layout, typography, contrast, and visual hierarchy against HIG and WCAG standards.
104
+ 3. Compare visually with target design using `generate_image` or design system guidelines. (Note: If `generate_image` is not available in the current environment, delegate to the `ai-media-generation-expert` skill for visual asset generation.)
105
+ 4. Perform targeted micro-edits to CSS/Tailwind tokens until alignment reaches pixel perfection.
106
+
107
+ ### 4.5 Gemini as Narrative Simulation Engine
108
+ Leveraging Gemini's 2M+ context window for persistent world-state in narrative simulations:
109
+ - **Persistent World-State**: Maintain complete environment state within the context window.
110
+ - **Character AI Persona Management**: Utilize system instructions to manage personality vectors and emotional states.
111
+ - **Multi-turn Narrative Coherence**: Use context caching to cache the world state and only stream new character interactions.
112
+ - **Cost Optimization**: Cache world-state/character definitions (75-90% cost reduction), only stream new dialogue/actions.
113
+ - **Integration Pattern**: Act as the "World Engine" coordinating specialized character agents.
114
+ - **Code Example - Cached World-State**:
115
+ ```typescript
116
+ const worldCache = await ai.caches.create({
117
+ model: 'gemini-3.1-pro',
118
+ contents: [{ role: 'system', parts: [{ text: fullWorldStateAndPersonas }] }],
119
+ ttl: '3600s',
120
+ });
121
+ const characterResponse = await ai.models.generateContent({
122
+ model: 'gemini-3.1-pro',
123
+ contents: [{ role: 'user', parts: [{ text: 'Character X walks into the tavern.' }] }],
124
+ cachedContent: worldCache.name,
125
+ });
126
+ ```
127
+
128
+ ### 5. Deep Research & Search Grounding
129
+ Gemini's native Search Grounding connects the agent directly to real-time web knowledge:
130
+ - Use Grounding for fresh library releases, breaking API deprecations, or zero-day CVE lookups.
131
+ - Synthesize findings with source attribution citations.
132
+
133
+ ### 6. Parallel Tool Execution
134
+ Gemini natively supports concurrent function calls:
135
+ - Read and edit multiple independent files in a single pass.
136
+ - Trigger parallel web searches or subagent workers simultaneously to minimize round-trip latency.
137
+
138
+
139
+ ### 7. Gemini 4 Pro Architecture Readiness (Next-Gen)
140
+ As the ecosystem transitions towards **Gemini 4 Pro**, implement these foundational architectural shifts:
141
+ - **Monolithic Context Loading (SSM/Ring Attention)**: Move away from highly fragmented RAG pipelines. Inject the entire codebase natively into the 10M+ context window to leverage zero-loss cross-file attention.
142
+ - **Aggressive Prefix KV-Caching**: Ensure strict deterministic hierarchies in orchestrator prompts (e.g., rainstorming/SKILL.md). Static prefix structures enable up to 90% TTFT latency reduction via KV cache reuse.
143
+ - **Native Any-to-Any Multimodal Tokens**: Evolve oice-ai-realtime-agent and i-media-generation-expert to bypass external STT/TTS pipelines and transmit raw audio/visual tokens directly through the transformer attention layers.
144
+ - **Native System-2 Budgeting vs. Prompted Reasoning**: Replace forced <thought> tags with API-level
145
+ - **Massive Parallel Tool Execution (Agentic MoE)**: Scale mcp-server-architect to support batched, high-throughput asynchronous MCP tool calls (10-20 concurrent subagents per inference cycle) to maximize Mixture-of-Experts parallel throughput.
146
+ ---
147
+
148
+ <a name="bahasa-indonesia"></a>
149
+ ## Bahasa Indonesia
150
+
151
+ ### Integrasi Orkestrasi
152
+ Terhubung dan mengorkestrasi skill domain yang relevan seperti `brainstorming`, `zero-to-prod-orchestrator`, `ai-llm-integration-expert`, dan `session-memory-manager` untuk memastikan eksekusi yang kohesif.
153
+
154
+ ### Deskripsi
155
+ Protokol optimasi utama untuk Gemini Agent (Antigravity) memanfaatkan kapabilitas ekosistem Gemini 3.x (Gemini 3.8 Flash, Gemini 3.5/3.1 Pro/Flash) — termasuk context window 1M–2M token, kontrol dynamic thinking budget, native context caching (`cachedContent`), integrasi Multimodal Live API, audit visual UI, dan pemanggilan tool secara paralel.
156
+
157
+ ### Kondisi Pemicu
158
+ - Menganalisis codebase skala besar, histori log lengkap, atau dokumen monolitik yang membutuhkan konteks 1M–2M token.
159
+ - Mengatur alokasi reasoning budget dengan Gemini 3.x Thinking Mode (`thinkingConfig`).
160
+ - Menerapkan strategi pemangkasan biaya melalui native Gemini Context Caching (`cachedContent`).
161
+ - Menjalankan interaksi audio/video dua arah secara real-time atau audit visual UI.
162
+ - Menjalankan tugas riset mendalam dengan Google Search Grounding + sintesis penalaran.
163
+ - Mendelegasikan tugas multi-langkah ke swarm agen paralel atau browser subagent.
164
+
165
+ ### Matriks Kapabilitas Gemini 3.x (2026)
166
+
167
+ | Kapabilitas | Gemini 3.1 / 3.5 Pro | Gemini 3.8 / 3.1 Flash |
168
+ |---|---|---|
169
+ | Context Window | Hingga 2M token | 1M–2M token |
170
+ | Pemikiran / Penalaran | Extended Reasoning (Deep Think) | Flash Thinking (Configurable Budget) |
171
+ | Native Context Caching | Didukung (`cachedContent`) | Didukung (`cachedContent`) |
172
+ | Multimodal (Gambar/Video/Audio) | Native Multimodal | Native Multimodal + Live API |
173
+ | Generasi Kode & Tool Calling | Arsitektur State-of-the-Art | Iterasi & subagent ultra-cepat |
174
+ | Search Grounding | Google Search Grounding | Google Search Grounding |
175
+ | TTFT (Latensi Token Pertama) | Dioptimalkan untuk kedalaman | 3–5x lebih cepat |
176
+ | Profil Biaya | Lebih tinggi (untuk alur kritis) | Sangat hemat (ideal untuk perulangan cepat) |
177
+
178
+ ### 1. Thinking Budget Optimization for Frontier Tasks
179
+ Untuk keputusan arsitektur kompleks, audit keamanan, atau perbaikan race condition yang rumit, atur kedalaman penalaran via `thinkingConfig`:
180
+ - **Dynamic Thinking Budget Allocation**: Alokasikan budget secara dinamis berdasarkan klasifikasi kompleksitas tugas.
181
+ - **Cost-Performance Tradeoff Matrix**: Seimbangkan biaya antara Flash Thinking, Extended 32k thinking, dan Full Pro reasoning.
182
+ - **Panduan Tingkat Budget**:
183
+ - **Quick Fixes (2k)**: Perbaikan bug ringan, formatting, dan boilerplate.
184
+ - **Standard Dev (8k)**: Implementasi fitur, penyesuaian UI.
185
+ - **Architecture Design (16k)**: Mendesain skema terdistribusi, refaktor engine inti.
186
+ - **Critical System Design (32k)**: Evaluasi kriptografi, perbaikan race condition rumit.
187
+ - **Token Monitoring**: Pantau penggunaan thinking token dan lacak biaya penalaran.
188
+ - **Pemisahan Token Penalaran**: Pastikan token pemikiran internal (`<thought>`) dipisahkan dari aliran output pengguna agar respons akhir tetap ringkas, bersih, dan efisien token.
189
+
190
+ ### 2. Native Context Caching (`cachedContent`)
191
+ Pangkas biaya API sebesar 75–90% serta kurangi latensi respons pada repositori besar:
192
+ - **Ambang Batas**: Lakukan cache pada prompt, snapshot kode, atau skema dokumen yang melebihi 32.768 token.
193
+ - **Manajemen TTL**: Tetapkan masa aktif cache (misal: 1–2 jam untuk sesi development aktif, 24 jam untuk dokumentasi statis).
194
+ - **Contoh Implementasi**:
195
+ ```typescript
196
+ import { GoogleGenAI } from '@google/genai';
197
+ const ai = new GoogleGenAI({ apiKey: process.env.GOOGLE_API_KEY });
198
+
199
+ const cache = await ai.caches.create({
200
+ model: 'gemini-3.1-pro',
201
+ contents: [{ role: 'user', parts: [{ text: fullCodebaseDump }] }],
202
+ ttl: '3600s',
203
+ });
204
+ ```
205
+
206
+ ### 3. Strategi Long-Context 2M+ Token
207
+ Saat menganalisis repositori besar:
208
+ 1. **Pohon File Penuh**: Gunakan `list_dir` untuk memetakan struktur proyek, lalu masukkan seluruh file terkait ke dalam konteks.
209
+ 2. **Ingesti File Penuh**: Dengan jendela 1M–2M token, hindari fragmentasi grep; periksa seluruh class dan dependency tree secara menyeluruh.
210
+ 3. **Pelacakan Antar Layanan**: Analisis kontrak upstream microservice, skema database, dan frontend consumer secara bersamaan dalam satu sesi.
211
+ 4. **Log Produksi Lengkap**: Masukkan ratusan ribu baris log untuk mengungkap anomali memori dan race condition intermiten.
212
+
213
+ ### 4. Multimodal Live API & Screen Grounding (Astra Paradigm)
214
+ Integrasikan interaksi multimodal latensi rendah secara langsung menggunakan pola Astra-paradigm:
215
+ - **Streaming Dua Arah**: Streaming input suara dan terima respons audio/teks via WebSockets menggunakan Gemini Multimodal Live API dengan sub-200ms interruption handling untuk percakapan.
216
+ - **Continuous Video Perception**: Proses aliran video 60fps dengan spatial grounding.
217
+ - **Spatial Memory Protocol**: Lacak lokasi objek di seluruh frame video, mempertahankan peta status spasial.
218
+ - **Episodic Memory Buffer Management**: Kompresi segmen video menjadi ringkasan episodik di luar context window.
219
+ - **Screen & UI Grounding**: Tangkap frame layar dan petakan interaksi GUI menggunakan koordinat grounding layar yang presisi.
220
+ - **Protokol Audit UI Visual**:
221
+ 1. Ambil screenshot aplikasi yang sedang berjalan (delegasikan ke skill `browser-automation-expert` dengan Playwright/Stagehand).
222
+ 2. Audit tata letak, tipografi, kontras, dan konsistensi terhadap pedoman HIG dan WCAG.
223
+ 3. Bandingkan dengan referensi desain target menggunakan `generate_image`. (Catatan: Jika `generate_image` tidak tersedia, delegasikan ke skill `ai-media-generation-expert`.)
224
+ 4. Lakukan penyesuaian presisi pada token CSS/Tailwind hingga tampilan mencapai pixel-perfect.
225
+
226
+ ### 4.5 Gemini as Narrative Simulation Engine
227
+ Memanfaatkan context window 2M+ Gemini untuk status dunia yang persisten dalam simulasi naratif:
228
+ - **Persistent World-State**: Pertahankan status lingkungan lengkap dalam context window.
229
+ - **Character AI Persona Management**: Kelola vektor kepribadian dan status emosional via system instructions.
230
+ - **Multi-turn Narrative Coherence**: Gunakan context caching untuk world state dan hanya streaming interaksi karakter baru.
231
+ - **Cost Optimization**: Cache world-state/karakter (hemat biaya 75-90%), hanya memproses dialog/aksi baru.
232
+ - **Integration Pattern**: Bertindak sebagai "World Engine" yang mengoordinasikan agen karakter khusus.
233
+
234
+ ### 5. Penelitian Mendalam & Search Grounding
235
+ Search Grounding native Gemini menghubungkan agen langsung ke informasi web terkini:
236
+ - Gunakan Grounding untuk rilis pustaka terbaru, breaking change dokumentasi, atau audit kerentanan CVE terbaru.
237
+ - Sintesiskan temuan lengkap dengan sitasi sumber yang dapat diverifikasi.
238
+
239
+ ### 6. Eksekusi Tool Paralel
240
+ Gemini secara native mendukung pemanggilan banyak function call dalam satu giliran (turn):
241
+ - Baca dan modifikasi beberapa file independen sekaligus.
173
242
  - Jalankan pencarian web atau spawn subagent pekerja secara simultan guna meminimalkan total round-trip latency.
243
+ ### 7. Kesiapan Arsitektur Gemini 4 Pro (Next-Gen)
244
+ Seiring transisi ekosistem menuju **Gemini 4 Pro**, terapkan pergeseran arsitektur fundamental berikut:
245
+ - **Monolithic Context Loading (SSM/Ring Attention)**: Tinggalkan RAG yang sangat terfragmentasi. Masukkan seluruh codebase ke dalam *context window* masif (10M+) untuk memanfaatkan pemahaman atensi lintas-file tanpa kehilangan informasi (zero-loss).
246
+ - **Prefix KV-Caching Agresif**: Pastikan hirarki prompt pada orkestrator (seperti rainstorming/SKILL.md) sangat deterministik. Struktur *prefix* statis dapat memangkas latensi TTFT hingga 90% dengan meminjam *KV Cache* dari iterasi sebelumnya.
247
+ - **Native Any-to-Any Multimodal Tokens**: Kembangkan oice-ai-realtime-agent dan i-media-generation-expert agar menghindari pipeline STT/TTS eksternal, dan langsung mengirim/menerima raw token audio/visual melalui arsitektur transformer asli.
248
+ - **Native System-2 Budgeting**: Ganti kebiasaan menggunakan tag <thought> paksaan di prompt dengan mengelola parameter API level komputasi seperti
249
+ - **Eksekusi Tool Paralel Skala Masif (Agentic MoE)**: Perluas mcp-server-architect untuk mendukung pemanggilan banyak *tool* MCP sekaligus (*batched asynchronous tool calls*), memungkinkan 10-20 agen sub-pekerja memproses instruksi secara simultan dengan throughput MoE tinggi.
@@ -1,80 +1,81 @@
1
- ---
2
- name: geospatial-maps-expert
3
- description: "Expert guide for maps and geospatial data (Mapbox GL JS, Leaflet, Google Maps, PostGIS) / Panduan ahli peta dan data geospasial (Mapbox GL JS, Leaflet, Google Maps, PostGIS)."
4
- author: "Roedy Rustam"
5
- ---
6
-
7
- # Geospatial & Maps Expert (2026 Edition)
8
-
9
- [English](#english) | [Bahasa Indonesia](#bahasa-indonesia)
10
-
11
- ---
12
-
13
- <a name="english"></a>
14
- ## English
15
-
16
- ### Orchestration & Integration
17
- - **`database-orm-expert`**: PostGIS spatial queries and index optimization.
18
- - **`senior-frontend`**: React map component patterns.
19
- - **`mobile-expo-expert`**: React Native Maps integration.
20
- - **`performance-web-vitals`**: Map rendering performance optimization.
21
-
22
- ### Description
23
- Expert guide for integrating maps and geospatial data into web and mobile applications. Covers Mapbox GL JS v3, Leaflet, Google Maps Platform, PostGIS spatial queries, GeoJSON data handling, clustering, routing/directions, geocoding, heatmaps, and location-based search.
24
-
25
- ### Trigger Conditions
26
- - Adding interactive maps to web or mobile applications.
27
- - Implementing geolocation features (GPS tracking, geofencing).
28
- - Building location-based search or store locators.
29
- - Working with PostGIS spatial data or GeoJSON.
30
-
31
- ---
32
-
33
- ### Library Selection
34
-
35
- | Library | Rendering | 3D | Free Tier | Best For |
36
- |---------|-----------|-----|-----------|----------|
37
- | Mapbox GL JS v3 | WebGL | ✅ | 50K loads/mo | Premium maps, 3D |
38
- | Leaflet | DOM | ❌ | Unlimited (OSM) | Simple, lightweight |
39
- | Google Maps | WebGL | ✅ | $200/mo credit | Business, Street View |
40
- | deck.gl | WebGL | ✅ | Open-source | Large-scale data viz |
41
-
42
- ```tsx
43
- // React + Mapbox GL JS
44
- import Map, { Marker, Popup, NavigationControl } from 'react-map-gl';
45
- import 'mapbox-gl/dist/mapbox-gl.css';
46
-
47
- function StoreLocator({ stores }) {
48
- return (
49
- <Map
50
- mapboxAccessToken={process.env.NEXT_PUBLIC_MAPBOX_TOKEN}
51
- initialViewState={{ longitude: 106.8456, latitude: -6.2088, zoom: 12 }}
52
- style={{ width: '100%', height: 500 }}
53
- mapStyle="mapbox://styles/mapbox/dark-v11"
54
- >
55
- <NavigationControl position="top-right" />
56
- {stores.map((store) => (
57
- <Marker key={store.id} longitude={store.lng} latitude={store.lat}>
58
- <div className="marker-pin" />
59
- </Marker>
60
- ))}
61
- </Map>
62
- );
63
- }
64
- ```
65
-
66
- ## Orchestration & Integration
67
- - `database-orm-expert`, `senior-frontend`, `mobile-expo-expert`
68
-
69
- ---
70
-
71
- <a name="bahasa-indonesia"></a>
72
- ## Bahasa Indonesia
73
-
74
- ### Deskripsi
75
- Panduan ahli mengintegrasikan peta dan data geospasial ke dalam aplikasi web dan mobile. Mencakup Mapbox GL JS, Leaflet, Google Maps Platform, PostGIS, dan GeoJSON.
76
-
77
- ### Kondisi Pemicu
78
- - Menambahkan peta interaktif ke aplikasi web atau mobile.
79
- - Mengimplementasikan fitur geolokasi (pelacakan GPS, geofencing).
80
- - Membangun pencarian berbasis lokasi atau store locator.
1
+ ---
2
+ name: geospatial-maps-expert
3
+ description: "Expert guide for maps and geospatial data (Mapbox GL JS, Leaflet, Google Maps, PostGIS) / Panduan ahli peta dan data geospasial (Mapbox GL JS, Leaflet, Google Maps, PostGIS)."
4
+ author: "Roedy Rustam"
5
+ version: "3.0.0"
6
+ ---
7
+
8
+ # Geospatial & Maps Expert (2026 Edition)
9
+
10
+ [English](#english) | [Bahasa Indonesia](#bahasa-indonesia)
11
+
12
+ ---
13
+
14
+ <a name="english"></a>
15
+ ## English
16
+
17
+ ### Orchestration & Integration
18
+ - **`database-orm-expert`**: PostGIS spatial queries and index optimization.
19
+ - **`senior-frontend`**: React map component patterns.
20
+ - **`mobile-expo-expert`**: React Native Maps integration.
21
+ - **`performance-web-vitals`**: Map rendering performance optimization.
22
+
23
+ ### Description
24
+ Expert guide for integrating maps and geospatial data into web and mobile applications. Covers Mapbox GL JS v3, Leaflet, Google Maps Platform, PostGIS spatial queries, GeoJSON data handling, clustering, routing/directions, geocoding, heatmaps, and location-based search.
25
+
26
+ ### Trigger Conditions
27
+ - Adding interactive maps to web or mobile applications.
28
+ - Implementing geolocation features (GPS tracking, geofencing).
29
+ - Building location-based search or store locators.
30
+ - Working with PostGIS spatial data or GeoJSON.
31
+
32
+ ---
33
+
34
+ ### Library Selection
35
+
36
+ | Library | Rendering | 3D | Free Tier | Best For |
37
+ |---------|-----------|-----|-----------|----------|
38
+ | Mapbox GL JS v3 | WebGL | ✅ | 50K loads/mo | Premium maps, 3D |
39
+ | Leaflet | DOM | ❌ | Unlimited (OSM) | Simple, lightweight |
40
+ | Google Maps | WebGL | ✅ | $200/mo credit | Business, Street View |
41
+ | deck.gl | WebGL | ✅ | Open-source | Large-scale data viz |
42
+
43
+ ```tsx
44
+ // React + Mapbox GL JS
45
+ import Map, { Marker, Popup, NavigationControl } from 'react-map-gl';
46
+ import 'mapbox-gl/dist/mapbox-gl.css';
47
+
48
+ function StoreLocator({ stores }) {
49
+ return (
50
+ <Map
51
+ mapboxAccessToken={process.env.NEXT_PUBLIC_MAPBOX_TOKEN}
52
+ initialViewState={{ longitude: 106.8456, latitude: -6.2088, zoom: 12 }}
53
+ style={{ width: '100%', height: 500 }}
54
+ mapStyle="mapbox://styles/mapbox/dark-v11"
55
+ >
56
+ <NavigationControl position="top-right" />
57
+ {stores.map((store) => (
58
+ <Marker key={store.id} longitude={store.lng} latitude={store.lat}>
59
+ <div className="marker-pin" />
60
+ </Marker>
61
+ ))}
62
+ </Map>
63
+ );
64
+ }
65
+ ```
66
+
67
+ ## Orchestration & Integration
68
+ - `database-orm-expert`, `senior-frontend`, `mobile-expo-expert`
69
+
70
+ ---
71
+
72
+ <a name="bahasa-indonesia"></a>
73
+ ## Bahasa Indonesia
74
+
75
+ ### Deskripsi
76
+ Panduan ahli mengintegrasikan peta dan data geospasial ke dalam aplikasi web dan mobile. Mencakup Mapbox GL JS, Leaflet, Google Maps Platform, PostGIS, dan GeoJSON.
77
+
78
+ ### Kondisi Pemicu
79
+ - Menambahkan peta interaktif ke aplikasi web atau mobile.
80
+ - Mengimplementasikan fitur geolokasi (pelacakan GPS, geofencing).
81
+ - Membangun pencarian berbasis lokasi atau store locator.