vibes-plug 2.11.0 → 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.
- package/.claude/rules/vibes-plug-core.md +5 -0
- package/.cursor/rules/vibes-plug-core.mdc +8 -3
- package/.cursorrules +9 -3
- package/AGENTS.md +25 -4
- package/CHANGELOG.md +151 -0
- package/CLAUDE.md +15 -8
- package/README.md +216 -641
- package/bin/vibes.mjs +1104 -0
- package/index.js +1 -1
- package/package.json +11 -3
- package/plugin.json +4 -3
- package/scripts/check-anti-slop.js +53 -0
- package/scripts/check-anti-slop.mjs +53 -0
- package/scripts/generate_swarm_gif.py +2 -2
- package/scripts/install.js +3 -1
- package/scripts/update_skills.js +1 -1
- package/scripts/update_skills.mjs +86 -0
- package/scripts/validate-skills.mjs +111 -0
- package/skills/accessibility-testing-expert/SKILL.md +117 -116
- package/skills/affective-computing-emotion-ai/SKILL.md +83 -0
- package/skills/agentic-coding-workflow-expert/SKILL.md +297 -0
- package/skills/agentic-memory-architect/SKILL.md +52 -0
- package/skills/agentic-micro-economy-architect/SKILL.md +92 -0
- package/skills/ai-llm-integration-expert/SKILL.md +330 -187
- package/skills/ai-media-generation-expert/SKILL.md +173 -172
- package/skills/ai-prompt-engineering-expert/SKILL.md +170 -50
- package/skills/ai-safety-governance-expert/SKILL.md +223 -0
- package/skills/angular-expert/SKILL.md +149 -148
- package/skills/anti-slop/SKILL.md +134 -0
- package/skills/api-design-expert/SKILL.md +4 -3
- package/skills/api-gateway-proxy-expert/SKILL.md +3 -2
- package/skills/app-analyzer-optimizer/SKILL.md +4 -3
- package/skills/apple-ecosystem-expert/SKILL.md +6 -5
- package/skills/astro-framework-expert/SKILL.md +201 -200
- package/skills/async-queue-temporal-expert/SKILL.md +218 -240
- package/skills/authentication-identity-expert/SKILL.md +79 -184
- package/skills/autonomous-red-teamer/SKILL.md +338 -203
- package/skills/autonomous-tdd-debugger/SKILL.md +6 -5
- package/skills/biome-linter-formatter-expert/SKILL.md +90 -89
- package/skills/blockchain-web3-expert/SKILL.md +116 -115
- package/skills/brainstorming/SKILL.md +392 -377
- package/skills/browser-automation-expert/SKILL.md +260 -222
- package/skills/bun-runtime-expert/SKILL.md +5 -4
- package/skills/chatbot-messaging-expert/SKILL.md +115 -114
- package/skills/ci-cd-devops-architect/SKILL.md +3 -2
- package/skills/cloud-hosting-expert/SKILL.md +5 -4
- package/skills/coderabbit/SKILL.md +5 -4
- package/skills/compliance-gdpr-privacy-expert/SKILL.md +3 -2
- package/skills/composable-mach-architect/SKILL.md +338 -0
- package/skills/cron-scheduler-expert/SKILL.md +5 -4
- package/skills/data-pipeline-etl-expert/SKILL.md +3 -2
- package/skills/data-telemetry-expert/SKILL.md +5 -4
- package/skills/data-visualization-expert/SKILL.md +155 -154
- package/skills/database-orm-expert/SKILL.md +102 -240
- package/skills/deep-research-analyst/SKILL.md +182 -0
- package/skills/dependency-upgrade-migrator/SKILL.md +11 -10
- package/skills/design-system-architect/SKILL.md +34 -3
- package/skills/desktop-electron-expert/SKILL.md +129 -128
- package/skills/documentation-site-expert/SKILL.md +60 -59
- package/skills/doku-mcp-server/SKILL.md +5 -4
- package/skills/doku-payment-gateway/SKILL.md +250 -232
- package/skills/domain-driven-design-expert/SKILL.md +3 -2
- package/skills/e2e-testing-expert/SKILL.md +5 -4
- package/skills/ecommerce-expert/SKILL.md +88 -87
- package/skills/email-notification-expert/SKILL.md +35 -7
- package/skills/ephemeral-generative-ui-architect/SKILL.md +88 -0
- package/skills/error-resilience-expert/SKILL.md +26 -4
- package/skills/event-driven-architect/SKILL.md +5 -4
- package/skills/feature-flag-analytics-expert/SKILL.md +3 -2
- package/skills/file-upload-media-expert/SKILL.md +5 -4
- package/skills/firebase-security-expert/SKILL.md +5 -4
- package/skills/form-validation-expert/SKILL.md +7 -6
- package/skills/frontier-ai-models-expert/SKILL.md +116 -0
- package/skills/fullstack-expert/SKILL.md +68 -144
- package/skills/gemini-agent-booster/SKILL.md +248 -172
- package/skills/geospatial-maps-expert/SKILL.md +81 -80
- package/skills/global-a11y-i18n-expert/SKILL.md +5 -4
- package/skills/glsl-shader-expert/SKILL.md +155 -71
- package/skills/go-programming-expert/SKILL.md +5 -4
- package/skills/graph-rag-knowledge-expert/SKILL.md +201 -159
- package/skills/graphql-apollo-expert/SKILL.md +5 -4
- package/skills/headless-cms-expert/SKILL.md +182 -181
- package/skills/hig/SKILL.md +5 -4
- package/skills/js-backend-expert/SKILL.md +219 -218
- package/skills/legacy-code-translator/SKILL.md +6 -5
- package/skills/llm-finops-router/SKILL.md +52 -0
- package/skills/local-slm-edge-ai-expert/SKILL.md +168 -167
- package/skills/logging-error-tracking-expert/SKILL.md +5 -4
- package/skills/mcp-server-architect/SKILL.md +316 -294
- package/skills/micro-frontend-architect/SKILL.md +5 -4
- package/skills/mobile-expo-expert/SKILL.md +5 -4
- package/skills/modern-css-native-expert/SKILL.md +190 -189
- package/skills/monorepo-architect/SKILL.md +5 -4
- package/skills/mpa-orchestrator/SKILL.md +41 -4
- package/skills/multi-agent-orchestration/SKILL.md +388 -254
- package/skills/mvc-expert/SKILL.md +5 -4
- package/skills/n8n-automation-expert/SKILL.md +90 -89
- package/skills/nextjs-app-router-expert/SKILL.md +3 -2
- package/skills/openapi-swagger-codegen-expert/SKILL.md +4 -3
- package/skills/payment-gateway-expert/SKILL.md +131 -128
- package/skills/pdf-document-generation-expert/SKILL.md +92 -91
- package/skills/performance-web-vitals/SKILL.md +5 -4
- package/skills/post-quantum-crypto-migrator/SKILL.md +3 -2
- package/skills/prd-architect/SKILL.md +85 -109
- package/skills/proactive-background-watcher/SKILL.md +5 -4
- package/skills/production-ready-hardener/SKILL.md +25 -27
- package/skills/pwa-offline-first-expert/SKILL.md +227 -185
- package/skills/pydantic-ai-expert/SKILL.md +162 -0
- package/skills/python-programming-expert/SKILL.md +5 -4
- package/skills/rate-limit-abuse-prevention/SKILL.md +5 -4
- package/skills/realtime-collaboration-expert/SKILL.md +3 -2
- package/skills/rich-text-editor-expert/SKILL.md +178 -177
- package/skills/rust-programming-expert/SKILL.md +5 -4
- package/skills/saas-architect/SKILL.md +155 -0
- package/skills/saas-billing/SKILL.md +394 -382
- package/skills/saas-multi-tenant/SKILL.md +7 -6
- package/skills/scalability-clean-code/SKILL.md +5 -4
- package/skills/search-engine-expert/SKILL.md +90 -89
- package/skills/self-healing-cloud-orchestrator/SKILL.md +3 -2
- package/skills/senior-frontend/SKILL.md +21 -18
- package/skills/senior-frontend/scripts/frontend_scaffolder.py +1 -1
- package/skills/seo/SKILL.md +4 -4
- package/skills/session-memory-manager/SKILL.md +129 -0
- package/skills/solidjs-expert/SKILL.md +81 -80
- package/skills/spa-orchestrator/SKILL.md +5 -4
- package/skills/sse-websocket-streaming-expert/SKILL.md +3 -2
- package/skills/state-management-expert/SKILL.md +5 -4
- package/skills/supabase-security-expert/SKILL.md +5 -4
- package/skills/svelte-sveltekit-expert/SKILL.md +92 -91
- package/skills/svg-animation-motion-expert/SKILL.md +3 -2
- package/skills/synthetic-data-finetuning-expert/SKILL.md +156 -0
- package/skills/tailwind-expert/SKILL.md +62 -5
- package/skills/tanstack-query-expert/SKILL.md +5 -4
- package/skills/tauri-expert/SKILL.md +5 -4
- package/skills/typescript-expert/SKILL.md +5 -4
- package/skills/ui-ux-pro-max/SKILL.md +7 -4
- package/skills/vector-db-rag-expert/SKILL.md +209 -208
- package/skills/vercel-ai-sdk-expert/SKILL.md +226 -0
- package/skills/voice-ai-realtime-agent/SKILL.md +243 -202
- package/skills/vue-frontend-expert/SKILL.md +5 -4
- package/skills/wasm-edge-computing-expert/SKILL.md +3 -2
- package/skills/web-3d-graphics-expert/SKILL.md +259 -82
- package/skills/web-game-engine-expert/SKILL.md +278 -50
- package/skills/web-scraper/SKILL.md +158 -157
- package/skills/website-design-cloner/SKILL.md +5 -4
- package/skills/webxr-ar-vr-expert/SKILL.md +105 -65
- package/skills/wordpress-headless-expert/SKILL.md +145 -144
- package/skills/zero-tech-debt-auditor/SKILL.md +115 -0
- package/skills/zero-to-prod-orchestrator/SKILL.md +281 -227
- package/skills/zero-trust-secret-vault/SKILL.md +3 -2
- package/BLUEPRINT.md +0 -309
- package/skills/ai-cost-token-optimizer/SKILL.md +0 -82
- package/skills/ai-evals-benchmark-expert/SKILL.md +0 -188
- package/skills/asisten-ramah/SKILL.md +0 -47
- package/skills/auto-doc-updater/SKILL.md +0 -220
- package/skills/autonomous-chaos-monkey/SKILL.md +0 -63
- package/skills/background-jobs-queue-expert/SKILL.md +0 -235
- package/skills/bootstrap-to-modern/SKILL.md +0 -94
- package/skills/database-migration-versioning-expert/SKILL.md +0 -90
- package/skills/edge-serverless-db-expert/SKILL.md +0 -99
- package/skills/mcp-client-orchestrator/SKILL.md +0 -76
- package/skills/mobile-push-notification-expert/SKILL.md +0 -71
- package/skills/monday-design-aesthetic/SKILL.md +0 -73
- package/skills/multiple-entry-points/SKILL.md +0 -91
- package/skills/project-context-mapper/SKILL.md +0 -85
- package/skills/saas-mvp-launcher/SKILL.md +0 -260
- package/skills/saas-transformer/SKILL.md +0 -500
- package/skills/saas-transformer/references/billing_integration_guide.md +0 -401
- package/skills/secure-fuzz-testing/SKILL.md +0 -207
- package/skills/self-evolving-memory-graph/SKILL.md +0 -91
- package/skills/session-context-loader/SKILL.md +0 -83
- package/skills/session-handoff-resume/SKILL.md +0 -164
- package/skills/skill-baru/SKILL.md +0 -178
- package/skills/supabase-migration/SKILL.md +0 -91
- package/skills/token-saver/SKILL.md +0 -119
- package/skills/ui-components-expert/SKILL.md +0 -166
- package/skills/vibe-code-gardener/SKILL.md +0 -181
- package/skills/visual-qa-vision-agent/SKILL.md +0 -71
- /package/skills/{saas-transformer → saas-architect}/references/feature_gating_patterns.md +0 -0
- /package/skills/{saas-transformer → saas-architect}/references/saas_transformation_checklist.md +0 -0
- /package/skills/{saas-transformer → saas-architect}/scripts/saas_transformation_scanner.py +0 -0
|
@@ -1,173 +1,249 @@
|
|
|
1
|
-
---
|
|
2
|
-
name: gemini-agent-booster
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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 `
|
|
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.
|
|
45
|
-
For complex architectural decisions, security audits, or debugging race conditions, control the reasoning depth via `thinkingConfig`:
|
|
46
|
-
- **
|
|
47
|
-
- **
|
|
48
|
-
- **
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
- **
|
|
53
|
-
- **
|
|
54
|
-
- **
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
-
|
|
90
|
-
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
-
|
|
110
|
-
-
|
|
111
|
-
-
|
|
112
|
-
-
|
|
113
|
-
-
|
|
114
|
-
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
-
|
|
159
|
-
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
###
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
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
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
- **`
|
|
19
|
-
- **`
|
|
20
|
-
- **`
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
-
|
|
28
|
-
-
|
|
29
|
-
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
|
39
|
-
|
|
|
40
|
-
|
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
import '
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
-
|
|
80
|
-
-
|
|
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.
|