vibes-plug 2.5.0 → 2.11.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 +32 -0
- package/.cursor/rules/vibes-plug-core.mdc +51 -0
- package/.cursorrules +42 -0
- package/AGENTS.md +37 -7
- package/BLUEPRINT.md +309 -217
- package/CHANGELOG.md +133 -1
- package/CLAUDE.md +70 -0
- package/LICENSE +1 -1
- package/README.md +641 -415
- package/index.js +19 -0
- package/package.json +44 -8
- package/plugin.json +24 -7
- package/scripts/generate_swarm_gif.py +295 -0
- package/scripts/install.js +201 -0
- package/skills/accessibility-testing-expert/SKILL.md +116 -0
- package/skills/ai-cost-token-optimizer/SKILL.md +82 -52
- package/skills/ai-evals-benchmark-expert/SKILL.md +188 -0
- package/skills/ai-llm-integration-expert/SKILL.md +185 -178
- package/skills/ai-media-generation-expert/SKILL.md +172 -0
- package/skills/ai-prompt-engineering-expert/SKILL.md +84 -0
- package/skills/angular-expert/SKILL.md +148 -0
- package/skills/api-design-expert/SKILL.md +6 -3
- package/skills/api-gateway-proxy-expert/SKILL.md +81 -0
- package/skills/app-analyzer-optimizer/SKILL.md +6 -3
- package/skills/apple-ecosystem-expert/SKILL.md +144 -141
- package/skills/{asisten_ramah → asisten-ramah}/SKILL.md +7 -1
- package/skills/astro-framework-expert/SKILL.md +200 -0
- package/skills/async-queue-temporal-expert/SKILL.md +210 -24
- package/skills/authentication-identity-expert/SKILL.md +278 -275
- package/skills/auto-doc-updater/SKILL.md +7 -1
- package/skills/autonomous-chaos-monkey/SKILL.md +63 -63
- package/skills/autonomous-red-teamer/SKILL.md +172 -28
- package/skills/autonomous-tdd-debugger/SKILL.md +70 -64
- package/skills/background-jobs-queue-expert/SKILL.md +235 -0
- package/skills/biome-linter-formatter-expert/SKILL.md +89 -0
- package/skills/blockchain-web3-expert/SKILL.md +115 -0
- package/skills/bootstrap-to-modern/SKILL.md +9 -6
- package/skills/brainstorming/SKILL.md +58 -50
- package/skills/browser-automation-expert/SKILL.md +197 -21
- package/skills/bun-runtime-expert/SKILL.md +7 -1
- package/skills/chatbot-messaging-expert/SKILL.md +114 -0
- package/skills/ci-cd-devops-architect/SKILL.md +45 -36
- package/skills/cloud-hosting-expert/SKILL.md +7 -1
- package/skills/coderabbit/SKILL.md +7 -1
- package/skills/compliance-gdpr-privacy-expert/SKILL.md +85 -0
- package/skills/cron-scheduler-expert/SKILL.md +303 -297
- package/skills/data-pipeline-etl-expert/SKILL.md +84 -0
- package/skills/data-telemetry-expert/SKILL.md +7 -1
- package/skills/data-visualization-expert/SKILL.md +154 -0
- package/skills/database-migration-versioning-expert/SKILL.md +90 -0
- package/skills/database-orm-expert/SKILL.md +13 -3
- package/skills/dependency-upgrade-migrator/SKILL.md +300 -294
- package/skills/design-system-architect/SKILL.md +278 -259
- package/skills/desktop-electron-expert/SKILL.md +128 -0
- package/skills/documentation-site-expert/SKILL.md +59 -0
- package/skills/doku-mcp-server/SKILL.md +7 -1
- package/skills/doku-payment-gateway/SKILL.md +7 -1
- package/skills/domain-driven-design-expert/SKILL.md +82 -0
- package/skills/e2e-testing-expert/SKILL.md +7 -1
- package/skills/ecommerce-expert/SKILL.md +87 -0
- package/skills/edge-serverless-db-expert/SKILL.md +98 -42
- package/skills/email-notification-expert/SKILL.md +367 -361
- package/skills/error-resilience-expert/SKILL.md +485 -479
- package/skills/event-driven-architect/SKILL.md +7 -1
- package/skills/feature-flag-analytics-expert/SKILL.md +65 -45
- package/skills/file-upload-media-expert/SKILL.md +436 -430
- package/skills/firebase-security-expert/SKILL.md +7 -1
- package/skills/form-validation-expert/SKILL.md +406 -400
- package/skills/fullstack-expert/SKILL.md +60 -1
- package/skills/gemini-agent-booster/SKILL.md +173 -135
- package/skills/geospatial-maps-expert/SKILL.md +80 -0
- package/skills/global-a11y-i18n-expert/SKILL.md +7 -1
- package/skills/glsl-shader-expert/SKILL.md +106 -100
- package/skills/go-programming-expert/SKILL.md +21 -15
- package/skills/graph-rag-knowledge-expert/SKILL.md +159 -0
- package/skills/graphql-apollo-expert/SKILL.md +113 -107
- package/skills/headless-cms-expert/SKILL.md +181 -0
- package/skills/hig/SKILL.md +7 -1
- package/skills/js-backend-expert/SKILL.md +218 -216
- package/skills/legacy-code-translator/SKILL.md +70 -64
- package/skills/local-slm-edge-ai-expert/SKILL.md +167 -0
- package/skills/logging-error-tracking-expert/SKILL.md +343 -337
- package/skills/mcp-client-orchestrator/SKILL.md +75 -69
- package/skills/mcp-server-architect/SKILL.md +294 -194
- package/skills/micro-frontend-architect/SKILL.md +111 -105
- package/skills/mobile-expo-expert/SKILL.md +8 -2
- package/skills/mobile-push-notification-expert/SKILL.md +70 -50
- package/skills/modern-css-native-expert/SKILL.md +189 -0
- package/skills/monday-design-aesthetic/SKILL.md +7 -1
- package/skills/monorepo-architect/SKILL.md +7 -1
- package/skills/mpa-orchestrator/SKILL.md +20 -1
- package/skills/multi-agent-orchestration/SKILL.md +254 -234
- package/skills/multiple-entry-points/SKILL.md +37 -1
- package/skills/mvc-expert/SKILL.md +7 -1
- package/skills/n8n-automation-expert/SKILL.md +89 -0
- package/skills/nextjs-app-router-expert/SKILL.md +148 -0
- package/skills/openapi-swagger-codegen-expert/SKILL.md +67 -0
- package/skills/payment-gateway-expert/SKILL.md +85 -1
- package/skills/pdf-document-generation-expert/SKILL.md +91 -0
- package/skills/performance-web-vitals/SKILL.md +7 -1
- package/skills/post-quantum-crypto-migrator/SKILL.md +57 -57
- package/skills/prd-architect/SKILL.md +7 -1
- package/skills/proactive-background-watcher/SKILL.md +67 -61
- package/skills/production-ready-hardener/SKILL.md +461 -455
- package/skills/project-context-mapper/SKILL.md +84 -78
- package/skills/pwa-offline-first-expert/SKILL.md +185 -0
- package/skills/python-programming-expert/SKILL.md +407 -401
- package/skills/rate-limit-abuse-prevention/SKILL.md +376 -370
- package/skills/realtime-collaboration-expert/SKILL.md +55 -1
- package/skills/rich-text-editor-expert/SKILL.md +177 -0
- package/skills/rust-programming-expert/SKILL.md +7 -1
- package/skills/saas-billing/SKILL.md +7 -1
- package/skills/saas-multi-tenant/SKILL.md +7 -1
- package/skills/saas-mvp-launcher/SKILL.md +20 -1
- package/skills/saas-transformer/SKILL.md +499 -488
- package/skills/scalability-clean-code/SKILL.md +7 -1
- package/skills/search-engine-expert/SKILL.md +89 -0
- package/skills/secure-fuzz-testing/SKILL.md +7 -1
- package/skills/self-evolving-memory-graph/SKILL.md +90 -74
- package/skills/self-healing-cloud-orchestrator/SKILL.md +57 -57
- package/skills/senior-frontend/SKILL.md +141 -161
- package/skills/seo/SKILL.md +41 -17
- package/skills/session-context-loader/SKILL.md +82 -76
- package/skills/session-handoff-resume/SKILL.md +7 -1
- package/skills/{skill_baru → skill-baru}/SKILL.md +8 -2
- package/skills/solidjs-expert/SKILL.md +80 -0
- package/skills/spa-orchestrator/SKILL.md +20 -1
- package/skills/sse-websocket-streaming-expert/SKILL.md +93 -0
- package/skills/state-management-expert/SKILL.md +7 -1
- package/skills/supabase-migration/SKILL.md +47 -1
- package/skills/supabase-security-expert/SKILL.md +7 -1
- package/skills/svelte-sveltekit-expert/SKILL.md +91 -0
- package/skills/svg-animation-motion-expert/SKILL.md +115 -0
- package/skills/tailwind-expert/SKILL.md +88 -136
- package/skills/tanstack-query-expert/SKILL.md +7 -1
- package/skills/tauri-expert/SKILL.md +7 -1
- package/skills/token-saver/SKILL.md +1 -1
- package/skills/typescript-expert/SKILL.md +12 -6
- package/skills/ui-components-expert/SKILL.md +165 -279
- package/skills/ui-ux-pro-max/SKILL.md +23 -3
- package/skills/vector-db-rag-expert/SKILL.md +175 -19
- package/skills/vibe-code-gardener/SKILL.md +1 -1
- package/skills/visual-qa-vision-agent/SKILL.md +70 -64
- package/skills/voice-ai-realtime-agent/SKILL.md +202 -0
- package/skills/vue-frontend-expert/SKILL.md +131 -125
- package/skills/wasm-edge-computing-expert/SKILL.md +97 -0
- package/skills/web-3d-graphics-expert/SKILL.md +136 -130
- package/skills/web-game-engine-expert/SKILL.md +101 -95
- package/skills/web-scraper/SKILL.md +157 -207
- package/skills/website-design-cloner/SKILL.md +179 -173
- package/skills/webxr-ar-vr-expert/SKILL.md +122 -116
- package/skills/wordpress-headless-expert/SKILL.md +144 -0
- package/skills/zero-to-prod-orchestrator/SKILL.md +52 -27
- package/skills/zero-trust-secret-vault/SKILL.md +87 -39
- package/.github/ISSUE_TEMPLATE/feature_request.md +0 -20
- package/.github/workflows/publish.yml +0 -20
- package/CONTRIBUTING.md +0 -199
- package/SECURITY.md +0 -21
- package/banner.png +0 -0
- package/skills/autonomous-swarm-director/SKILL.md +0 -69
- package/skills/hyper-context-synthesizer/SKILL.md +0 -55
- package/skills/llm-cost-arbitrage-router/SKILL.md +0 -59
- package/skills/senior-fullstack/SKILL.md +0 -167
- package/skills/senior-fullstack/references/architecture_patterns.md +0 -160
- package/skills/senior-fullstack/references/development_workflows.md +0 -222
- package/skills/senior-fullstack/references/tech_stack_guide.md +0 -190
- package/skills/senior-fullstack/scripts/code_quality_analyzer.py +0 -114
- package/skills/senior-fullstack/scripts/fullstack_scaffolder.py +0 -114
- package/skills/senior-fullstack/scripts/project_scaffolder.py +0 -114
- package/skills/seo-aeo-landing-page-writer/SKILL.md +0 -97
- package/skills/seo-geo/SKILL.md +0 -188
- package/skills/ui-ux-pro-max/scripts/__pycache__/core.cpython-310.pyc +0 -0
- package/skills/ui-ux-pro-max/scripts/__pycache__/core.cpython-312.pyc +0 -0
- package/skills/ui-ux-pro-max/scripts/__pycache__/design_system.cpython-310.pyc +0 -0
- package/skills/ui-ux-pro-max/scripts/__pycache__/design_system.cpython-312.pyc +0 -0
- package/skills/ui_ux_expert/SKILL.md +0 -125
- package/vibes-swarm-demo.gif +0 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
name: mpa-orchestrator
|
|
3
3
|
description: "Orchestrates Multi-Page Application (MPA) architecture within a single repository, integrating with relevant skills / Mengorkestrasi arsitektur Multi-Page Application (MPA) dalam satu repositori, terintegrasi dengan skill relevan lainnya."
|
|
4
|
-
author: "
|
|
4
|
+
author: "Roedy Rustam"
|
|
5
5
|
---
|
|
6
6
|
|
|
7
7
|
# Multi-Page Application (MPA) Orchestrator (2026 Edition)
|
|
@@ -13,6 +13,9 @@ author: "Antigravity"
|
|
|
13
13
|
<a name="english"></a>
|
|
14
14
|
## English
|
|
15
15
|
|
|
16
|
+
### Orchestration & Integration
|
|
17
|
+
Connects and orchestrates with relevant domain skills like `modern-web-guidance`, `brainstorming`, `zero-to-prod-orchestrator`, and `project-context-mapper` to ensure cohesive execution.
|
|
18
|
+
|
|
16
19
|
### Description
|
|
17
20
|
A structured approach for building and orchestrating Multi-Page Application (MPA) architectures within a single repository. Acts as an orchestrator connecting MPA principles with specialized skills (like `mvc-expert`, `saas-multi-tenant`, `senior-frontend`) to deliver cohesive, server-rendered applications. In 2026, MPAs are increasingly built with **Astro 5** for content-heavy sites or **traditional server frameworks** (Laravel, Django, Go) augmented with **HTMX 2** or **Alpine.js** for interactivity.
|
|
18
21
|
|
|
@@ -47,6 +50,7 @@ A structured approach for building and orchestrating Multi-Page Application (MPA
|
|
|
47
50
|
| React MPA with SSR | **Next.js 15** Pages Router or App Router |
|
|
48
51
|
|
|
49
52
|
### Orchestration Guidelines
|
|
53
|
+
- **With `modern-web-guidance`**: MUST execute FIRST before any HTML/CSS task to ensure modern frontend standards.
|
|
50
54
|
- **With `mvc-expert`**: Enforce MVC pattern — Controllers handle logic, Views handle rendering.
|
|
51
55
|
- **With `saas-multi-tenant`**: Integrate tenant identification in core routing middleware — every page load initializes `tenant_id` context securely.
|
|
52
56
|
- **With `senior-frontend` / `ui-ux-pro-max`**: Enhance with Alpine.js for reactive UI or HTMX 2 for HTML-driven partial updates — no heavy client-side bundles.
|
|
@@ -65,6 +69,9 @@ A structured approach for building and orchestrating Multi-Page Application (MPA
|
|
|
65
69
|
<a name="bahasa-indonesia"></a>
|
|
66
70
|
## Bahasa Indonesia
|
|
67
71
|
|
|
72
|
+
### Integrasi Orkestrasi
|
|
73
|
+
Terhubung dan mengorkestrasi skill domain yang relevan seperti `modern-web-guidance`, `brainstorming`, `zero-to-prod-orchestrator`, dan `project-context-mapper` untuk memastikan eksekusi yang kohesif.
|
|
74
|
+
|
|
68
75
|
### Deskripsi
|
|
69
76
|
Pendekatan terstruktur untuk membangun dan mengorkestrasi arsitektur Multi-Page Application (MPA) di dalam satu repositori. Bertindak sebagai orkestrator yang menghubungkan prinsip MPA dengan skill spesialis lain untuk menghasilkan aplikasi server-rendered yang kohesif dan modern. Di 2026, MPA semakin banyak dibangun dengan **Astro 5** untuk situs konten-berat atau framework server tradisional yang diperkuat dengan **HTMX 2** atau **Alpine.js**.
|
|
70
77
|
|
|
@@ -87,6 +94,7 @@ Pendekatan terstruktur untuk membangun dan mengorkestrasi arsitektur Multi-Page
|
|
|
87
94
|
| React MPA dengan SSR | **Next.js 15** Pages Router atau App Router |
|
|
88
95
|
|
|
89
96
|
### Panduan Orkestrasi
|
|
97
|
+
- **Dengan `modern-web-guidance`**: WAJIB dieksekusi PERTAMA KALI sebelum tugas HTML/CSS untuk memastikan standar frontend modern.
|
|
90
98
|
- **Dengan `mvc-expert`**: Pastikan MPA mengikuti pola MVC secara ketat.
|
|
91
99
|
- **Dengan `saas-multi-tenant`**: Integrasikan identifikasi tenant di middleware routing inti.
|
|
92
100
|
- **Dengan `senior-frontend` / `ui-ux-pro-max`**: Tingkatkan dengan Alpine.js atau HTMX 2 untuk interaksi tanpa bundle berat.
|
|
@@ -99,3 +107,14 @@ Pendekatan terstruktur untuk membangun dan mengorkestrasi arsitektur Multi-Page
|
|
|
99
107
|
- Membangun situs konten, halaman marketing, atau aplikasi kritis SEO.
|
|
100
108
|
- Menggunakan Astro 5 untuk situs statis atau konten-berat dengan island interaktif opsional.
|
|
101
109
|
- Menambahkan interaktivitas ke halaman server-rendered dengan HTMX 2 tanpa menulis ulang ke SPA.
|
|
110
|
+
|
|
111
|
+
---
|
|
112
|
+
### 📄 Standard Pages Mandate (CRITICAL)
|
|
113
|
+
**MANDATORY**: Whenever you are building a new application, landing page, or website, you MUST automatically create the following standard pages:
|
|
114
|
+
1. **About Page** (`/about`)
|
|
115
|
+
2. **Profile Page** (`/profile`)
|
|
116
|
+
3. **Contact Page** (`/contact`)
|
|
117
|
+
4. **Terms of Reference / Terms of Service** (`/terms`)
|
|
118
|
+
5. **Privacy Policy** (`/privacy-policy`)
|
|
119
|
+
|
|
120
|
+
These pages must be generated with standard boilerplate content that can later be customized to fit the specific application. Do not wait for the user to ask for them; they are a strict requirement for all web projects. / **WAJIB**: Otomatis buatkan halaman standar (About, Profile, Contact, Terms, Privacy Policy) pada setiap pembuatan aplikasi/website baru dengan konten boilerplate yang bisa disesuaikan nanti.
|
|
@@ -1,234 +1,254 @@
|
|
|
1
|
-
---
|
|
2
|
-
name: multi-agent-orchestration
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
- Building AI
|
|
27
|
-
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
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
|
-
graph
|
|
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
|
-
return
|
|
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
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
-
|
|
180
|
-
-
|
|
181
|
-
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
-
|
|
203
|
-
-
|
|
204
|
-
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
-
|
|
234
|
-
-
|
|
1
|
+
---
|
|
2
|
+
name: multi-agent-orchestration
|
|
3
|
+
version: "2.8.0"
|
|
4
|
+
description: "Expert guide for designing and orchestrating multi-agent systems, agent swarms, 2026 Anthropic agentic design patterns, graph-based workflows (LangGraph, OpenAI Agents SDK, Google ADK, Mastra.ai), shared state memory, and human-in-the-loop guardrails in English and Indonesian."
|
|
5
|
+
author: "Roedy Rustam"
|
|
6
|
+
---
|
|
7
|
+
|
|
8
|
+
# Multi-Agent Orchestration 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
|
+
Connects and orchestrates with relevant domain skills like `brainstorming`, `zero-to-prod-orchestrator`, `ai-llm-integration-expert`, `mcp-server-architect`, and `project-context-mapper` to ensure cohesive execution.
|
|
19
|
+
|
|
20
|
+
### Description
|
|
21
|
+
Expert guide for designing, building, and deploying production-grade multi-agent AI systems. Covers core agentic design patterns (Prompt Chaining, Routing, Parallelization, Orchestrator-Workers, Evaluator-Optimizer), stateful graph engines (LangGraph, OpenAI Agents SDK, Google ADK, Mastra.ai), shared episodic/semantic memory, tool execution sandboxes, and human-in-the-loop (HITL) guardrails.
|
|
22
|
+
|
|
23
|
+
**Swarm Synergy:** This skill acts as a master orchestrator when combined with `mcp-server-architect` (for external tool integration) and `ai-llm-integration-expert` (for foundation model setup). Together, they form a complete, end-to-end **AI Engineering Swarm**.
|
|
24
|
+
|
|
25
|
+
### Trigger Conditions
|
|
26
|
+
- Building autonomous AI agents that execute complex, multi-step tasks across several domains.
|
|
27
|
+
- Designing systems where multiple specialized AI agents collaborate, deliberate, and cross-validate.
|
|
28
|
+
- Implementing stateful, graph-based agent workflows with LangGraph, OpenAI Agents SDK, or Google ADK.
|
|
29
|
+
- Implementing Anthropic agentic design patterns: Evaluator-Optimizer loops, Orchestrator-Workers, or Routing.
|
|
30
|
+
- Integrating human-in-the-loop (HITL) pause checkpoints for high-risk actions (code execution, database migrations, financial transactions).
|
|
31
|
+
- Evaluating and selecting agent architectures across Python, TypeScript, and multi-platform swarms.
|
|
32
|
+
|
|
33
|
+
### Anthropic 2026 Core Agentic Design Patterns
|
|
34
|
+
|
|
35
|
+
Production systems should favor explicit **Workflows** over unbounded autonomous loops where predictability and reliability are required:
|
|
36
|
+
|
|
37
|
+
```
|
|
38
|
+
1. PROMPT CHAINING
|
|
39
|
+
[Input] ---> [LLM Step 1] ---> [Gate/Validator] ---> [LLM Step 2] ---> [Output]
|
|
40
|
+
|
|
41
|
+
2. ROUTING
|
|
42
|
+
[Input] ---> [Classifier/Router] ──┬──> [Specialist Agent A]
|
|
43
|
+
├──> [Specialist Agent B]
|
|
44
|
+
└──> [Specialist Agent C]
|
|
45
|
+
|
|
46
|
+
3. PARALLELIZATION (Sectioning & Voting)
|
|
47
|
+
[Input] ──┬──> [Task 1 (Subagent)] ──┐
|
|
48
|
+
├──> [Task 2 (Subagent)] ──┼──> [Aggregator / Synthesizer]
|
|
49
|
+
└──> [Task 3 (Subagent)] ──┘
|
|
50
|
+
|
|
51
|
+
4. ORCHESTRATOR-WORKERS (Dynamic Decomposition)
|
|
52
|
+
[Input] ---> [Orchestrator] ──┬──> [Worker 1 (Focused Context)] ──┐
|
|
53
|
+
├──> [Worker 2 (Focused Context)] ──┼──> [Orchestrator Synthesis]
|
|
54
|
+
└──> [Worker 3 (Focused Context)] ──┘
|
|
55
|
+
|
|
56
|
+
5. EVALUATOR-OPTIMIZER LOOP (Zero-Tolerance Quality Gate)
|
|
57
|
+
[Input] ---> [Generator Agent] <─────┐ (Feedback Loop)
|
|
58
|
+
│ │
|
|
59
|
+
▼ │
|
|
60
|
+
[Evaluator / Auditor] ────┘ (Reject / Needs Revision)
|
|
61
|
+
│
|
|
62
|
+
▼ (Approved)
|
|
63
|
+
[Output]
|
|
64
|
+
```
|
|
65
|
+
|
|
66
|
+
### Agent Framework Comparison (2026)
|
|
67
|
+
|
|
68
|
+
| Framework | Language | Best For | Key Differentiator |
|
|
69
|
+
|---|---|---|---|
|
|
70
|
+
| **LangGraph (v0.3+)** | Python / TypeScript | Complex stateful workflows & graphs | Graph-based, persistent checkpointers, time-travel debugging |
|
|
71
|
+
| **OpenAI Agents SDK** | Python | GPT-5 / o-series native agents | Built-in agent handoffs, tracing, and tripwire guardrails |
|
|
72
|
+
| **Google ADK** | Python | Gemini-powered swarms | Native Vertex AI, multi-agent streaming, search grounding |
|
|
73
|
+
| **Mastra.ai** | TypeScript | TS-first web apps & microservices | Built-in memory, evals, RAG, and native MCP support |
|
|
74
|
+
| **CrewAI** | Python | Role-playing business teams | Fast initial prototyping for business analyst teams |
|
|
75
|
+
|
|
76
|
+
### Core Implementation Guidelines
|
|
77
|
+
|
|
78
|
+
#### 1. LangGraph — Persistent State & HITL Checkpoints
|
|
79
|
+
LangGraph models agent workflows as directed acyclic or cyclic graphs with persistent state:
|
|
80
|
+
```python
|
|
81
|
+
from langgraph.graph import StateGraph, END
|
|
82
|
+
from langgraph.checkpoint.memory import MemorySaver
|
|
83
|
+
from typing import TypedDict, Annotated
|
|
84
|
+
import operator
|
|
85
|
+
|
|
86
|
+
class AgentState(TypedDict):
|
|
87
|
+
messages: Annotated[list, operator.add]
|
|
88
|
+
task: str
|
|
89
|
+
code_artifact: str
|
|
90
|
+
audit_feedback: str
|
|
91
|
+
approved: bool
|
|
92
|
+
|
|
93
|
+
def generator_node(state: AgentState):
|
|
94
|
+
# Generates or refactors code based on previous feedback
|
|
95
|
+
code = coder_agent.invoke(state["task"], feedback=state.get("audit_feedback"))
|
|
96
|
+
return {"code_artifact": code}
|
|
97
|
+
|
|
98
|
+
def evaluator_node(state: AgentState):
|
|
99
|
+
# Runs automated linter/tests & security review
|
|
100
|
+
audit = auditor_agent.invoke(state["code_artifact"])
|
|
101
|
+
return {
|
|
102
|
+
"audit_feedback": audit.critique,
|
|
103
|
+
"approved": audit.is_passing
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
def route_next(state: AgentState) -> str:
|
|
107
|
+
return END if state["approved"] else "generator"
|
|
108
|
+
|
|
109
|
+
builder = StateGraph(AgentState)
|
|
110
|
+
builder.add_node("generator", generator_node)
|
|
111
|
+
builder.add_node("evaluator", evaluator_node)
|
|
112
|
+
builder.set_entry_point("generator")
|
|
113
|
+
builder.add_edge("generator", "evaluator")
|
|
114
|
+
builder.add_conditional_edges("evaluator", route_next, {"generator": "generator", END: END})
|
|
115
|
+
|
|
116
|
+
# Persist state with checkpointer for HITL interruption before destructive actions
|
|
117
|
+
checkpointer = MemorySaver()
|
|
118
|
+
graph = builder.compile(checkpointer=checkpointer, interrupt_before=["generator"])
|
|
119
|
+
```
|
|
120
|
+
|
|
121
|
+
#### 2. OpenAI Agents SDK — Agent Handoffs & Guardrails
|
|
122
|
+
Implement native agent handoffs where specialized agents transition control cleanly:
|
|
123
|
+
```python
|
|
124
|
+
from agents import Agent, Runner, handoff, input_guardrail, GuardrailFunctionOutput
|
|
125
|
+
|
|
126
|
+
researcher = Agent(
|
|
127
|
+
name="Researcher",
|
|
128
|
+
instructions="Research libraries, security advisories, and system specs.",
|
|
129
|
+
tools=[web_search, doc_retrieval],
|
|
130
|
+
)
|
|
131
|
+
|
|
132
|
+
architect = Agent(
|
|
133
|
+
name="Architect",
|
|
134
|
+
instructions="Synthesize technical architecture and delegate research when needed.",
|
|
135
|
+
handoffs=[handoff(researcher, tool_name_override="delegate_research")],
|
|
136
|
+
)
|
|
137
|
+
|
|
138
|
+
@input_guardrail
|
|
139
|
+
async def safety_guardrail(ctx, agent, input_data) -> GuardrailFunctionOutput:
|
|
140
|
+
if contains_destructive_commands(input_data):
|
|
141
|
+
return GuardrailFunctionOutput(output_info="Blocked destructive payload", tripwire_triggered=True)
|
|
142
|
+
return GuardrailFunctionOutput(output_info="Safe", tripwire_triggered=False)
|
|
143
|
+
|
|
144
|
+
result = await Runner.run(architect, "Design high-throughput ingestion pipeline", guardrails=[safety_guardrail])
|
|
145
|
+
```
|
|
146
|
+
|
|
147
|
+
#### 3. Google ADK — Gemini Multi-Agent Systems
|
|
148
|
+
Orchestrate Gemini 3.x agents with streaming subagent calls and Vertex AI tooling:
|
|
149
|
+
```python
|
|
150
|
+
from google.adk.agents import Agent
|
|
151
|
+
from google.adk.tools import google_search, code_execution
|
|
152
|
+
|
|
153
|
+
director = Agent(
|
|
154
|
+
model="gemini-3.1-pro",
|
|
155
|
+
name="director",
|
|
156
|
+
instruction="Coordinate domain specialists and synthesize final deliverables.",
|
|
157
|
+
sub_agents=[frontend_agent, backend_agent, security_agent],
|
|
158
|
+
tools=[google_search, code_execution],
|
|
159
|
+
)
|
|
160
|
+
```
|
|
161
|
+
|
|
162
|
+
#### 4. Mastra.ai — TypeScript-Native Agents
|
|
163
|
+
For modern Next.js / Node.js / Bun environments:
|
|
164
|
+
```typescript
|
|
165
|
+
import { Agent, MastraMemory } from '@mastra/core';
|
|
166
|
+
import { createTool } from '@mastra/core/tools';
|
|
167
|
+
import { z } from 'zod';
|
|
168
|
+
|
|
169
|
+
const researcher = new Agent({
|
|
170
|
+
name: 'researcher',
|
|
171
|
+
instructions: 'Find and summarize accurate technical documentation.',
|
|
172
|
+
model: { provider: 'ANTHROPIC', name: 'claude-3-7-sonnet-20250219' },
|
|
173
|
+
memory: new MastraMemory({ storage: supabaseStorage }),
|
|
174
|
+
});
|
|
175
|
+
```
|
|
176
|
+
|
|
177
|
+
#### 5. Human-in-the-Loop (HITL) Guardrails
|
|
178
|
+
Mandatory safeguards before executing irreversible operations:
|
|
179
|
+
- **Interrupt Checkpoints**: Halt workflow execution before executing code, migrating databases, or modifying production records.
|
|
180
|
+
- **Approval Dashboards**: Surface diff previews and proposed shell commands to the user or admin before proceeding.
|
|
181
|
+
- **Confidence Gates**: Auto-proceed only when model confidence score is >= 0.90; trigger human escalation otherwise.
|
|
182
|
+
|
|
183
|
+
#### 6. Swarm Circuit Breakers & Fallback Protocols
|
|
184
|
+
- **Retry Caps**: Maximum 2 automated retries per subagent.
|
|
185
|
+
- **Fallback Escalation**: If a specialist agent stalls or loops, the Swarm Director gracefully fallbacks to `fullstack-expert` or requests human guidance.
|
|
186
|
+
- **Checkpoint Persistence**: Always persist intermediate progress to `PROGRESS.md` or `BLUEPRINT.md` so sessions can resume without losing context.
|
|
187
|
+
|
|
188
|
+
---
|
|
189
|
+
|
|
190
|
+
<a name="bahasa-indonesia"></a>
|
|
191
|
+
## Bahasa Indonesia
|
|
192
|
+
|
|
193
|
+
### Integrasi Orkestrasi
|
|
194
|
+
Terhubung dan mengorkestrasi skill domain yang relevan seperti `brainstorming`, `zero-to-prod-orchestrator`, `ai-llm-integration-expert`, `mcp-server-architect`, dan `project-context-mapper` untuk memastikan eksekusi yang kohesif.
|
|
195
|
+
|
|
196
|
+
### Deskripsi
|
|
197
|
+
Panduan ahli untuk merancang, membangun, dan men-deploy sistem multi-agen AI tingkat produksi. Mencakup pola desain agentik inti (Prompt Chaining, Routing, Parallelization, Orchestrator-Workers, Evaluator-Optimizer), engine graph stateful (LangGraph, OpenAI Agents SDK, Google ADK, Mastra.ai), memori bersama episodik/semantik, sandbox eksekusi tool, dan guardrail human-in-the-loop (HITL).
|
|
198
|
+
|
|
199
|
+
**Sinergi Swarm:** Skill ini bertindak sebagai orkestrator utama jika dipadukan dengan `mcp-server-architect` (untuk integrasi tool eksternal) dan `ai-llm-integration-expert` (untuk konfigurasi foundation model). Bersama-sama, ketiganya membentuk **AI Engineering Swarm** yang tangguh dari awal hingga rilis produksi.
|
|
200
|
+
|
|
201
|
+
### Kondisi Pemicu
|
|
202
|
+
- Membangun agen AI otonom yang mengeksekusi tugas kompleks multi-langkah lintas domain.
|
|
203
|
+
- Merancang sistem kolaborasi, deliberasi, dan validasi silang antar beberapa agen AI spesialis.
|
|
204
|
+
- Mengimplementasikan alur kerja graph stateful dengan LangGraph, OpenAI Agents SDK, atau Google ADK.
|
|
205
|
+
- Menerapkan 5 pola desain agentik standar: Prompt Chaining, Routing, Parallelization, Orchestrator-Workers, atau Evaluator-Optimizer.
|
|
206
|
+
- Mengintegrasikan pos henti human-in-the-loop (HITL) untuk tindakan berisiko tinggi (eksekusi kode, migrasi database, transaksi keuangan).
|
|
207
|
+
- Memilih dan mengevaluasi arsitektur agen di ekosistem Python, TypeScript, atau multi-platform.
|
|
208
|
+
|
|
209
|
+
### 5 Pola Desain Agentik Inti (Standar Anthropic 2026)
|
|
210
|
+
|
|
211
|
+
Untuk sistem produksi yang handal, utamakan arsitektur **Workflows** terstruktur daripada loop otonom tanpa batas:
|
|
212
|
+
|
|
213
|
+
1. **Prompt Chaining**: Memecah tugas menjadi langkah-langkah sekuensial dengan validasi output di setiap transisi.
|
|
214
|
+
2. **Routing**: Mengklasifikasikan input pengguna dan mengarahkannya ke model atau sub-agen yang memiliki spesialisasi yang tepat.
|
|
215
|
+
3. **Parallelization (Sectioning & Voting)**: Menjalankan beberapa sub-agen secara simultan untuk tugas independen atau menjalankan ensemble untuk konsensus voting.
|
|
216
|
+
4. **Orchestrator-Workers**: Agen orkestrator pusat memecah masalah dinamis, mendelegasikannya ke pekerja dengan konteks terfokus, lalu merangkum hasil akhirnya.
|
|
217
|
+
5. **Evaluator-Optimizer Loop**: Agen pembuat (*generator*) menghasilkan solusi sementara agen penilai (*evaluator*) memberikan audit dan umpan balik hingga standar kualitas terpenuhi.
|
|
218
|
+
|
|
219
|
+
### Perbandingan Framework Agen (2026)
|
|
220
|
+
|
|
221
|
+
| Framework | Bahasa | Terbaik Untuk | Keunggulan Utama |
|
|
222
|
+
|---|---|---|---|
|
|
223
|
+
| **LangGraph (v0.3+)** | Python / TypeScript | Alur kerja graf stateful kompleks | Berbasis graf, checkpointer persisten, time-travel debugging |
|
|
224
|
+
| **OpenAI Agents SDK** | Python | Agen native GPT-5 / o-series | Handoff antar agen bawaan, tracing, dan guardrail otomatis |
|
|
225
|
+
| **Google ADK** | Python | Swarm agen bertenaga Gemini | Integrasi Vertex AI native, streaming multi-agen, search grounding |
|
|
226
|
+
| **Mastra.ai** | TypeScript | Web apps & microservice TS-first | Memori bawaan, evaluasi otomatis, RAG, dan dukungan MCP native |
|
|
227
|
+
| **CrewAI** | Python | Tim simulasi peran | Cepat untuk membuat prototipe kolaborasi tim bisnis |
|
|
228
|
+
|
|
229
|
+
### Panduan Implementasi Inti
|
|
230
|
+
|
|
231
|
+
#### 1. LangGraph — State Persisten & Checkpoint HITL
|
|
232
|
+
Memodelkan alur agen sebagai graf terarah dengan state bersama dan penyimpanan checkpoint:
|
|
233
|
+
- Simpan state di database (PostgreSQL / MemorySaver) agar alur kerja dapat dijeda dan dilanjutkan kapan saja.
|
|
234
|
+
- Terapkan `interrupt_before` sebelum node yang menjalankan perintah destruktif untuk meminta persetujuan manusia (*Human-in-the-loop*).
|
|
235
|
+
|
|
236
|
+
#### 2. OpenAI Agents SDK — Handoffs & Guardrails
|
|
237
|
+
Terapkan transisi kendali yang mulus antar agen dengan fungsi `handoff` bawaan serta pasang filter `guardrail` pada input dan output untuk mencegah eksekusi instruksi berbahaya.
|
|
238
|
+
|
|
239
|
+
#### 3. Google ADK — Multi-Agent Gemini
|
|
240
|
+
Bangun hierarki agen dengan model Gemini 3.x, di mana root agent mengoordinasikan sub-agents untuk riset, eksekusi kode, dan pembuatan dokumen.
|
|
241
|
+
|
|
242
|
+
#### 4. Mastra.ai — Solusi TypeScript Penuh
|
|
243
|
+
Gunakan Mastra untuk ekosistem Next.js dan Node.js: sediakan memori persisten ke Supabase/PostgreSQL, integrasikan tool MCP secara langsung, dan manfaatkan framework evaluasi bawaan.
|
|
244
|
+
|
|
245
|
+
#### 5. Guardrails Human-in-the-Loop (HITL)
|
|
246
|
+
Pengamanan wajib sebelum melakukan tindakan yang tidak dapat dibatalkan:
|
|
247
|
+
- **Pos Henti Interupsi**: Hentikan eksekusi sebelum menjalankan skrip shell berbahaya, migrasi skema tabel, atau memodifikasi data produksi.
|
|
248
|
+
- **Tinjauan Pratinjau**: Tampilkan ringkasan perbedaan (*diff*) kepada pengguna sebelum modifikasi dieksekusi.
|
|
249
|
+
- **Ambang Keyakinan**: Otomatis lanjutkan hanya jika skor keyakinan model >= 0.90; eskalasikan ke manusia jika berada di bawah ambang batas.
|
|
250
|
+
|
|
251
|
+
#### 6. Circuit Breakers & Protokol Pemulihan Swarm
|
|
252
|
+
- **Batas Percobaan Ulang**: Maksimal 2 kali perbaikan otomatis per sub-agen.
|
|
253
|
+
- **Eskalasi Fallback**: Jika agen spesialis mengalami kendala konteks atau gagal berulang kali, Swarm Director segera mengalihkan tugas ke `fullstack-expert` atau meminta masukan pengguna.
|
|
254
|
+
- **Persistensi Kemajuan**: Simpan selalu checkpoint di `PROGRESS.md` atau `BLUEPRINT.md` agar alur kerja dapat dilanjutkan secara efisien tanpa token berlebih.
|