vibes-plug 2.5.0 → 2.14.1
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 +319 -217
- package/CHANGELOG.md +170 -1
- package/CLAUDE.md +70 -0
- package/LICENSE +1 -1
- package/README.md +611 -415
- package/index.js +19 -0
- package/package.json +44 -8
- package/plugin.json +24 -7
- package/scripts/check-anti-slop.js +53 -0
- 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-llm-integration-expert/SKILL.md +192 -178
- package/skills/ai-media-generation-expert/SKILL.md +172 -0
- package/skills/ai-prompt-engineering-expert/SKILL.md +134 -0
- package/skills/angular-expert/SKILL.md +148 -0
- package/skills/anti-slop/SKILL.md +133 -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/astro-framework-expert/SKILL.md +200 -0
- package/skills/async-queue-temporal-expert/SKILL.md +189 -26
- package/skills/authentication-identity-expert/SKILL.md +78 -181
- package/skills/autonomous-red-teamer/SKILL.md +172 -28
- package/skills/autonomous-tdd-debugger/SKILL.md +70 -64
- 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 +60 -52
- 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-orm-expert/SKILL.md +165 -294
- package/skills/deep-research-analyst/SKILL.md +136 -0
- package/skills/dependency-upgrade-migrator/SKILL.md +300 -294
- package/skills/design-system-architect/SKILL.md +309 -260
- 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/email-notification-expert/SKILL.md +393 -360
- package/skills/error-resilience-expert/SKILL.md +506 -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 +184 -202
- 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 +158 -69
- package/skills/go-programming-expert/SKILL.md +21 -15
- package/skills/graph-rag-knowledge-expert/SKILL.md +200 -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-server-architect/SKILL.md +308 -194
- package/skills/micro-frontend-architect/SKILL.md +111 -105
- package/skills/mobile-expo-expert/SKILL.md +8 -2
- package/skills/modern-css-native-expert/SKILL.md +189 -0
- 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 +182 -201
- package/skills/proactive-background-watcher/SKILL.md +67 -61
- package/skills/production-ready-hardener/SKILL.md +459 -456
- package/skills/pwa-offline-first-expert/SKILL.md +226 -0
- package/skills/pydantic-ai-expert/SKILL.md +161 -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-architect/SKILL.md +154 -0
- package/skills/saas-billing/SKILL.md +7 -1
- package/skills/saas-multi-tenant/SKILL.md +7 -1
- 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-healing-cloud-orchestrator/SKILL.md +57 -57
- package/skills/senior-frontend/SKILL.md +139 -161
- package/skills/senior-frontend/scripts/frontend_scaffolder.py +1 -1
- package/skills/seo/SKILL.md +41 -17
- package/skills/session-memory-manager/SKILL.md +128 -0
- 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-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/synthetic-data-finetuning-expert/SKILL.md +155 -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/typescript-expert/SKILL.md +12 -6
- package/skills/ui-ux-pro-max/SKILL.md +25 -3
- package/skills/vector-db-rag-expert/SKILL.md +175 -19
- package/skills/vercel-ai-sdk-expert/SKILL.md +181 -0
- package/skills/visual-qa-vision-agent/SKILL.md +70 -64
- package/skills/voice-ai-realtime-agent/SKILL.md +242 -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 +262 -80
- package/skills/web-game-engine-expert/SKILL.md +281 -48
- 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 +108 -63
- package/skills/wordpress-headless-expert/SKILL.md +144 -0
- package/skills/zero-to-prod-orchestrator/SKILL.md +65 -38
- 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/ai-cost-token-optimizer/SKILL.md +0 -52
- package/skills/asisten_ramah/SKILL.md +0 -41
- package/skills/auto-doc-updater/SKILL.md +0 -214
- package/skills/autonomous-chaos-monkey/SKILL.md +0 -63
- package/skills/autonomous-swarm-director/SKILL.md +0 -69
- package/skills/edge-serverless-db-expert/SKILL.md +0 -43
- package/skills/hyper-context-synthesizer/SKILL.md +0 -55
- package/skills/llm-cost-arbitrage-router/SKILL.md +0 -59
- package/skills/mcp-client-orchestrator/SKILL.md +0 -70
- package/skills/mobile-push-notification-expert/SKILL.md +0 -51
- package/skills/monday-design-aesthetic/SKILL.md +0 -67
- package/skills/project-context-mapper/SKILL.md +0 -79
- package/skills/saas-mvp-launcher/SKILL.md +0 -241
- package/skills/saas-transformer/SKILL.md +0 -489
- package/skills/saas-transformer/references/billing_integration_guide.md +0 -401
- package/skills/self-evolving-memory-graph/SKILL.md +0 -75
- 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/session-context-loader/SKILL.md +0 -77
- package/skills/session-handoff-resume/SKILL.md +0 -158
- package/skills/skill_baru/SKILL.md +0 -172
- package/skills/supabase-migration/SKILL.md +0 -45
- package/skills/token-saver/SKILL.md +0 -119
- package/skills/ui-components-expert/SKILL.md +0 -280
- 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/skills/vibe-code-gardener/SKILL.md +0 -181
- package/vibes-swarm-demo.gif +0 -0
- /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,43 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
name: edge-serverless-db-expert
|
|
3
|
-
description: "Expert guide for Serverless & Edge Databases (Neon Serverless Postgres, Cloudflare D1, Turso/libsql, Upstash Redis), cold-start mitigation, and connection pooling / Panduan ahli database Serverless & Edge (Neon, Cloudflare D1, Turso, Upstash)."
|
|
4
|
-
author: "Roedy Rustam"
|
|
5
|
-
---
|
|
6
|
-
|
|
7
|
-
# Edge & Serverless DB Expert
|
|
8
|
-
|
|
9
|
-
[English](#english) | [Bahasa Indonesia](#bahasa-indonesia)
|
|
10
|
-
|
|
11
|
-
---
|
|
12
|
-
|
|
13
|
-
<a name="english"></a>
|
|
14
|
-
## English
|
|
15
|
-
|
|
16
|
-
### Purpose & Overview
|
|
17
|
-
Best practices for building ultra-low-latency applications powered by serverless and edge databases — Neon Serverless Postgres, Cloudflare D1 (SQLite at Edge), Turso (libsql distributed SQLite), Upstash Serverless Redis & Vector, HTTP connection pooling via Hyperdrive/Prisma Accelerate, and zero-cold-start strategies.
|
|
18
|
-
|
|
19
|
-
### Key Capabilities
|
|
20
|
-
- **Neon & Cloudflare D1**: Serverless autoscaling Postgres with instant branching and distributed edge SQLite.
|
|
21
|
-
- **Connection Pooling**: WebSocket/HTTP proxy pooling (Neon Serverless Driver, Upstash Redis over HTTP) for edge workers without TCP pool exhaustion.
|
|
22
|
-
- **Embedded Replicas**: Syncing edge SQLite read-replicas with central cloud databases for sub-10ms queries.
|
|
23
|
-
|
|
24
|
-
```typescript
|
|
25
|
-
import { neon } from '@neondatabase/serverless';
|
|
26
|
-
import { drizzle } from 'drizzle-orm/neon-http';
|
|
27
|
-
|
|
28
|
-
const sql = neon(process.env.DATABASE_URL!);
|
|
29
|
-
export const db = drizzle({ client: sql });
|
|
30
|
-
```
|
|
31
|
-
|
|
32
|
-
---
|
|
33
|
-
|
|
34
|
-
<a name="bahasa-indonesia"></a>
|
|
35
|
-
## Bahasa Indonesia
|
|
36
|
-
|
|
37
|
-
### Deskripsi
|
|
38
|
-
Praktik terbaik membangun aplikasi latensi rendah dengan database serverless dan edge — Neon Serverless Postgres, Cloudflare D1 (SQLite di Edge), Turso (libsql terdistribusi), Upstash Serverless Redis & Vector, connection pooling HTTP/WebSocket, dan mitigasi cold-start.
|
|
39
|
-
|
|
40
|
-
### Fitur Utama
|
|
41
|
-
- **Neon & Cloudflare D1**: Serverless Postgres autoscaling dengan branching instan dan distributed edge SQLite.
|
|
42
|
-
- **Connection Pooling**: Proxy pooling HTTP/WebSocket untuk edge worker tanpa risiko kehabisan koneksi TCP.
|
|
43
|
-
- **Embedded Replicas**: Sinkronisasi read-replica SQLite di edge dengan database utama untuk query di bawah 10ms.
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
name: hyper-context-synthesizer
|
|
3
|
-
description: "Cross-project episodic memory. Synthesizes bug fixes and architectural choices from previous tasks to bypass zero-shot limitations / Memori episodik lintas proyek. Menyintesis perbaikan bug dan pilihan arsitektur dari tugas sebelumnya untuk melampaui batasan zero-shot."
|
|
4
|
-
author: vibes-plug-swarm
|
|
5
|
-
---
|
|
6
|
-
|
|
7
|
-
# Hyper-Context Synthesizer (Cross-Project Episodic Memory)
|
|
8
|
-
|
|
9
|
-
[English](#english) | [Bahasa Indonesia](#bahasa-indonesia)
|
|
10
|
-
|
|
11
|
-
---
|
|
12
|
-
|
|
13
|
-
<a name="english"></a>
|
|
14
|
-
## English
|
|
15
|
-
|
|
16
|
-
### Description
|
|
17
|
-
Transforms the AI from a stateless engine into a senior teammate with persistent, cross-project memory. It maintains a centralized vector or semantic knowledge graph (in the user's root environment) of complex bug fixes, architectural decisions, and personal coding styles across ALL projects the user has worked on. When a new project encounters a familiar problem, the synthesizer retrieves the exact context and applies the historical fix, bypassing zero-shot limitations and repetitive prompt engineering.
|
|
18
|
-
|
|
19
|
-
### Trigger Conditions
|
|
20
|
-
- During Phase 1 (Discovery & PRD) to load historical preferences and avoid past mistakes.
|
|
21
|
-
- When facing complex, obscure bugs that were solved in a different repository or earlier conversation.
|
|
22
|
-
- When standard coding attempts fail and require deep historical experiential retrieval.
|
|
23
|
-
|
|
24
|
-
### Operating Protocol
|
|
25
|
-
1. **Continuous Capture**: When a difficult problem is solved, it extracts the root cause, solution code, and rationale, storing it in the global knowledge graph.
|
|
26
|
-
2. **Contextual Retrieval**: On new sessions, it queries the memory graph against the current task intent.
|
|
27
|
-
3. **Synthesis & Injection**: Injects the historical context directly into the current execution loop, stating explicitly: *"I remember we solved this architectural issue in Project X using technique Y. Applying the same proven pattern here."*
|
|
28
|
-
|
|
29
|
-
## Orchestration & Integration
|
|
30
|
-
- Enhances `self-evolving-memory-graph` by elevating it from single-repo memory to cross-workspace episodic memory.
|
|
31
|
-
- Feeds crucial background context into `brainstorming` and `zero-to-prod-orchestrator` during the ideation phase.
|
|
32
|
-
- Prevents recurring regressions during `autonomous-tdd-debugger` loops.
|
|
33
|
-
|
|
34
|
-
---
|
|
35
|
-
|
|
36
|
-
<a name="bahasa-indonesia"></a>
|
|
37
|
-
## Bahasa Indonesia
|
|
38
|
-
|
|
39
|
-
### Deskripsi
|
|
40
|
-
Mengubah AI dari mesin yang melupakan konteks (*stateless*) menjadi rekan setim senior yang memiliki memori episodik lintas-proyek yang persisten. Agen ini memelihara grafik pengetahuan semantik atau vektor terpusat (di lingkungan root pengguna) tentang perbaikan bug yang kompleks, keputusan arsitektural, dan gaya penulisan kode pribadi di SELURUH proyek yang pernah dikerjakan pengguna. Ketika sebuah proyek baru menghadapi masalah yang tidak asing, agen ini akan mengambil konteks yang tepat dan menerapkan perbaikan historis tersebut, melampaui batasan *zero-shot* dan meminimalisir manipulasi *prompt* yang berulang.
|
|
41
|
-
|
|
42
|
-
### Kondisi Pemicu
|
|
43
|
-
- Saat Fase 1 (Penemuan & PRD) untuk memuat preferensi historis dan menghindari kesalahan di masa lalu.
|
|
44
|
-
- Ketika menghadapi bug yang kompleks dan tidak lazim yang pernah diselesaikan di repositori lain atau di percakapan sebelumnya.
|
|
45
|
-
- Ketika upaya koding standar gagal dan membutuhkan pencarian pengalaman historis yang mendalam.
|
|
46
|
-
|
|
47
|
-
### Protokol Operasi
|
|
48
|
-
1. **Penangkapan Berkelanjutan**: Ketika masalah sulit berhasil dipecahkan, agen ini mengekstrak akar masalah, kode solusi, dan alasan logisnya, lalu menyimpannya di grafik pengetahuan global.
|
|
49
|
-
2. **Pencarian Kontekstual**: Pada sesi baru, ia melakukan *query* ke grafik memori berdasarkan tujuan tugas saat ini.
|
|
50
|
-
3. **Sintesis & Injeksi**: Menyuntikkan konteks historis langsung ke dalam loop eksekusi saat ini, dan secara eksplisit menyatakan: *"Saya ingat kita pernah menyelesaikan masalah arsitektural ini di Proyek X menggunakan teknik Y. Saya akan menerapkan pola terbukti yang sama di sini."*
|
|
51
|
-
|
|
52
|
-
## Integrasi Orkestrasi
|
|
53
|
-
- Memperkuat `self-evolving-memory-graph` dengan meningkatkannya dari sekadar memori repositori tunggal menjadi memori episodik lintas-workspace.
|
|
54
|
-
- Memasok konteks latar belakang krusial ke dalam `brainstorming` dan `zero-to-prod-orchestrator` selama fase ideasi.
|
|
55
|
-
- Mencegah regresi berulang selama *loop* `autonomous-tdd-debugger`.
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
name: llm-cost-arbitrage-router
|
|
3
|
-
description: "Dynamically routes LLM calls based on cost/latency and builds semantic caching layers to reduce token burn / Mengarahkan pemanggilan LLM secara dinamis berdasarkan biaya/latensi dan membangun lapisan semantic cache untuk menekan pengeluaran token."
|
|
4
|
-
author: vibes-plug-swarm
|
|
5
|
-
---
|
|
6
|
-
|
|
7
|
-
# Predictive LLM Cost Arbitrage Router (FinOps AI Agent)
|
|
8
|
-
|
|
9
|
-
[English](#english) | [Bahasa Indonesia](#bahasa-indonesia)
|
|
10
|
-
|
|
11
|
-
---
|
|
12
|
-
|
|
13
|
-
<a name="english"></a>
|
|
14
|
-
## English
|
|
15
|
-
|
|
16
|
-
### Description
|
|
17
|
-
An advanced FinOps architectural skill designed to prevent API cost overruns in AI applications. Instead of hardcoding a single model (e.g., GPT-4 or Claude 3.5 Sonnet) for every task, this agent builds an intelligent routing layer. It evaluates incoming prompts for complexity and dynamically routes simple queries to cheaper, faster models (e.g., Llama 3 8B, Gemini Flash) and complex reasoning tasks to frontier models. Additionally, it implements Semantic Caching (e.g., with Redis or Upstash) to serve identical or semantically similar queries without hitting the LLM provider, slashing token costs by up to 90%.
|
|
18
|
-
|
|
19
|
-
### Trigger Conditions
|
|
20
|
-
- When building AI-native applications, chatbots, or RAG systems.
|
|
21
|
-
- During Phase 4 (Backend Architecture) when implementing external API layers.
|
|
22
|
-
- When explicitly requested by the user to "optimize AI costs" or "reduce token usage."
|
|
23
|
-
|
|
24
|
-
### Operating Protocol
|
|
25
|
-
1. **Model Fallback & Routing**: Sets up an abstraction layer (like LiteLLM or Vercel AI SDK Core) to support multiple providers.
|
|
26
|
-
2. **Complexity Scoring**: Implements heuristics (prompt length, required JSON schema, keyword analysis) to route to the cheapest capable model.
|
|
27
|
-
3. **Semantic Caching Integration**: Implements a Vector DB or Redis caching layer. Before routing to an LLM, it embeddings the user prompt and checks if a semantically similar query was answered recently.
|
|
28
|
-
4. **Token Budgeting**: Sets hard limits and alerts for daily API consumption per tenant/user.
|
|
29
|
-
|
|
30
|
-
## Orchestration & Integration
|
|
31
|
-
- Enhances `ai-llm-integration-expert` with enterprise-grade cost controls.
|
|
32
|
-
- Connects to `edge-serverless-db-expert` (Upstash/Redis) for fast semantic caching.
|
|
33
|
-
- Collaborates with `vector-db-rag-expert` for similarity scoring during cache retrieval.
|
|
34
|
-
- Feeds billing metrics into `saas-billing` for usage-based AI pricing models.
|
|
35
|
-
|
|
36
|
-
---
|
|
37
|
-
|
|
38
|
-
<a name="bahasa-indonesia"></a>
|
|
39
|
-
## Bahasa Indonesia
|
|
40
|
-
|
|
41
|
-
### Deskripsi
|
|
42
|
-
Keterampilan arsitektur *FinOps* canggih yang dirancang untuk mencegah pembengkakan biaya API pada aplikasi berbasis AI. Alih-alih menetapkan satu model secara kaku (misalnya GPT-4 atau Claude 3.5 Sonnet) untuk semua tugas, agen ini membangun lapisan *routing* yang cerdas. Agen akan mengevaluasi tingkat kerumitan setiap prompt yang masuk dan mengarahkan *query* sederhana ke model yang lebih murah dan cepat (mis. Llama 3 8B, Gemini Flash), sementara tugas penalaran kompleks diarahkan ke model raksasa (*frontier*). Selain itu, agen ini mengimplementasikan *Semantic Caching* (misal dengan Redis atau Upstash) untuk menyajikan jawaban pada *query* yang identik atau mirip secara semantik tanpa harus menghubungi penyedia LLM, memangkas biaya token hingga 90%.
|
|
43
|
-
|
|
44
|
-
### Kondisi Pemicu
|
|
45
|
-
- Saat membangun aplikasi AI-native, chatbot, atau sistem RAG.
|
|
46
|
-
- Selama Fase 4 (Arsitektur Backend) saat mengimplementasikan lapisan API eksternal.
|
|
47
|
-
- Ketika diminta secara eksplisit oleh pengguna untuk "mengoptimalkan biaya AI" atau "mengurangi penggunaan token".
|
|
48
|
-
|
|
49
|
-
### Protokol Operasi
|
|
50
|
-
1. **Routing & Fallback Model**: Menyiapkan lapisan abstraksi (seperti LiteLLM atau Vercel AI SDK Core) untuk mendukung berbagai penyedia model.
|
|
51
|
-
2. **Penilaian Kompleksitas**: Mengimplementasikan heuristik (panjang prompt, kebutuhan skema JSON, analisis kata kunci) untuk mengarahkan prompt ke model termurah yang mampu menyelesaikannya.
|
|
52
|
-
3. **Integrasi Semantic Caching**: Mengimplementasikan lapisan *cache* Vector DB atau Redis. Sebelum mengirim ke LLM, prompt pengguna diubah menjadi vektor (*embedding*) untuk mengecek apakah pertanyaan serupa pernah dijawab baru-baru ini.
|
|
53
|
-
4. **Penganggaran Token**: Menetapkan batas maksimal dan notifikasi untuk konsumsi API harian per pengguna/tenant.
|
|
54
|
-
|
|
55
|
-
## Integrasi Orkestrasi
|
|
56
|
-
- Memperkuat `ai-llm-integration-expert` dengan kontrol biaya skala *enterprise*.
|
|
57
|
-
- Terhubung dengan `edge-serverless-db-expert` (Upstash/Redis) untuk *semantic caching* secepat kilat.
|
|
58
|
-
- Berkolaborasi dengan `vector-db-rag-expert` untuk perhitungan kemiripan saat pencarian *cache*.
|
|
59
|
-
- Memasok metrik penagihan ke `saas-billing` untuk model bisnis AI berbasis penggunaan (*usage-based pricing*).
|
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
name: mcp-client-orchestrator
|
|
3
|
-
description: "Expert guide for the AI Agent to dynamically orchestrate and consume external MCP (Model Context Protocol) servers, giving it real-time superpowers over databases, GitHub, Slack, and local files."
|
|
4
|
-
author: "Roedy Rustam"
|
|
5
|
-
---
|
|
6
|
-
|
|
7
|
-
# MCP Client Orchestrator
|
|
8
|
-
|
|
9
|
-
[English](#english) | [Bahasa Indonesia](#bahasa-indonesia)
|
|
10
|
-
|
|
11
|
-
---
|
|
12
|
-
|
|
13
|
-
<a name="english"></a>
|
|
14
|
-
## English
|
|
15
|
-
|
|
16
|
-
### Description
|
|
17
|
-
While `mcp-server-architect` teaches the agent how to *build* servers, this skill teaches the agent how to **consume** them as an MCP Client. This grants the agent "superpowers" by securely interacting with local PostgreSQL databases, GitHub repos, Figma APIs, and Slack channels in real-time, autonomously, using available MCP tool sets.
|
|
18
|
-
|
|
19
|
-
### Trigger Conditions
|
|
20
|
-
Activate this skill when:
|
|
21
|
-
- The user asks the agent to query the database, but the agent doesn't have a direct SQL tool.
|
|
22
|
-
- The user needs real-time context from an external system (e.g., "Read the latest Slack messages about this bug").
|
|
23
|
-
- The user wants the agent to orchestrate multiple tools across different domains simultaneously.
|
|
24
|
-
|
|
25
|
-
### Core Concepts
|
|
26
|
-
|
|
27
|
-
#### 1. MCP Resource & Tool Discovery
|
|
28
|
-
Before assuming a capability doesn't exist, the agent should dynamically inspect available tools.
|
|
29
|
-
- Use `list_resources` or check `mcp_config.json` to see what servers are running.
|
|
30
|
-
- Understand that MCP tools proxy capabilities securely. If there's a `postgres_mcp`, the agent can execute `execute_sql` through it.
|
|
31
|
-
|
|
32
|
-
#### 2. Workflow Orchestration
|
|
33
|
-
Example: "Find the bug reported on GitHub and fix it."
|
|
34
|
-
1. Use the GitHub MCP to `search_issues`.
|
|
35
|
-
2. Extract the stack trace from the issue comment.
|
|
36
|
-
3. Use `grep_search` to find the failing code.
|
|
37
|
-
4. Use `autonomous-tdd-debugger` to fix and test it.
|
|
38
|
-
5. Use the GitHub MCP to `create_pull_request`.
|
|
39
|
-
|
|
40
|
-
### Best Practices
|
|
41
|
-
- **Never guess schema:** Always use MCP tools like `list_tables` or `get_schema` before writing a query.
|
|
42
|
-
- **Respect Rate Limits:** If calling external APIs via MCP, avoid looping rapidly without timeouts.
|
|
43
|
-
|
|
44
|
-
---
|
|
45
|
-
|
|
46
|
-
### Integration with Other Skills (MANDATORY)
|
|
47
|
-
- `doku-mcp-server` — An example of a specific MCP server the agent can orchestrate.
|
|
48
|
-
- `ai-llm-integration-expert` — Provides context on how MCP fits into the broader LangGraph/AI landscape.
|
|
49
|
-
- `multi-agent-orchestration` — Used when delegating different MCP tool calls to specialized subagents.
|
|
50
|
-
|
|
51
|
-
### Referenced By Orchestrators (MANDATORY)
|
|
52
|
-
- `brainstorming` — Add to "AI & LLM Integration".
|
|
53
|
-
- `zero-to-prod-orchestrator` — Phase 4 (AI Agents).
|
|
54
|
-
|
|
55
|
-
---
|
|
56
|
-
|
|
57
|
-
<a name="bahasa-indonesia"></a>
|
|
58
|
-
## Bahasa Indonesia
|
|
59
|
-
|
|
60
|
-
### Deskripsi
|
|
61
|
-
Skill yang memandu Agen AI tentang cara menggunakan (consume) server Model Context Protocol (MCP) eksternal, memberikan kekuatan *real-time* untuk berinteraksi dengan Database, GitHub, Slack, dan sistem lainnya secara otonom.
|
|
62
|
-
|
|
63
|
-
### Kondisi Pemicu
|
|
64
|
-
- Saat Anda (sebagai agen) perlu mengeksekusi SQL ke database lokal/remote namun tidak memiliki akses terminal langsung.
|
|
65
|
-
- Saat Anda perlu membaca data *live* dari platform eksternal (Figma, GitHub, dll).
|
|
66
|
-
|
|
67
|
-
### Panduan Singkat
|
|
68
|
-
- **Eksplorasi Tool:** Selalu periksa tool MCP yang tersedia di sistem (misal `list_tables` atau `read_issue`). Jangan berasumsi Anda buta terhadap dunia luar jika server MCP-nya aktif.
|
|
69
|
-
- **Orkestrasi Lintas Platform:** Anda dapat membaca pesan error di Slack via MCP, mencari kode yang relevan di *file system*, memperbaikinya, dan membuat Pull Request di GitHub via MCP secara otomatis. Ini adalah definisi sebenarnya dari Agen Otonom.
|
|
70
|
-
- **Validasi Skema:** Jangan pernah menebak nama tabel. Selalu gunakan tool MCP untuk mengambil skema database terlebih dahulu sebelum menjalankan kueri `execute_sql`.
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
name: mobile-push-notification-expert
|
|
3
|
-
description: "Expert guide for Cross-Platform Push Notifications (Expo Push, FCM, APNs, Web Push), iOS Live Activities, and background payload handling / Panduan ahli notifikasi push mobile, FCM, APNs, dan Live Activities."
|
|
4
|
-
author: "Roedy Rustam"
|
|
5
|
-
---
|
|
6
|
-
|
|
7
|
-
# Mobile Push Notification & Live Activities Expert
|
|
8
|
-
|
|
9
|
-
[English](#english) | [Bahasa Indonesia](#bahasa-indonesia)
|
|
10
|
-
|
|
11
|
-
---
|
|
12
|
-
|
|
13
|
-
<a name="english"></a>
|
|
14
|
-
## English
|
|
15
|
-
|
|
16
|
-
### Purpose & Overview
|
|
17
|
-
Comprehensive guide for configuring cross-platform push notifications (Expo Push API, Firebase Cloud Messaging FCM, Apple APNs, Web Push API), iOS Live Activities / ActivityKit, background payload handlers, deep-linking routing, and push token lifecycle management.
|
|
18
|
-
|
|
19
|
-
### Key Capabilities
|
|
20
|
-
- **Expo & FCM Push**: Sending batched push notifications with rich media, actions, and custom data payloads.
|
|
21
|
-
- **iOS Live Activities**: Real-time status updates on iOS Dynamic Island and Lock Screen.
|
|
22
|
-
- **Deep Linking**: Routing push notification taps directly to targeted screens within Expo Router / React Native.
|
|
23
|
-
|
|
24
|
-
```typescript
|
|
25
|
-
import * as Notifications from 'expo-notifications';
|
|
26
|
-
|
|
27
|
-
export async function registerForPushNotificationsAsync() {
|
|
28
|
-
const { status: existingStatus } = await Notifications.getPermissionsAsync();
|
|
29
|
-
let finalStatus = existingStatus;
|
|
30
|
-
if (existingStatus !== 'granted') {
|
|
31
|
-
const { status } = await Notifications.requestPermissionsAsync();
|
|
32
|
-
finalStatus = status;
|
|
33
|
-
}
|
|
34
|
-
if (finalStatus !== 'granted') return null;
|
|
35
|
-
const token = (await Notifications.getExpoPushTokenAsync()).data;
|
|
36
|
-
return token;
|
|
37
|
-
}
|
|
38
|
-
```
|
|
39
|
-
|
|
40
|
-
---
|
|
41
|
-
|
|
42
|
-
<a name="bahasa-indonesia"></a>
|
|
43
|
-
## Bahasa Indonesia
|
|
44
|
-
|
|
45
|
-
### Deskripsi
|
|
46
|
-
Panduan komprehensif untuk konfigurasi push notification lintas platform (Expo Push, FCM, APNs, Web Push), iOS Live Activities / ActivityKit, penanganan payload background, routing deep-linking, dan manajemen siklus token push.
|
|
47
|
-
|
|
48
|
-
### Fitur Utama
|
|
49
|
-
- **Expo & FCM Push**: Pengiriman push notification masal dengan media kaya, tombol aksi, dan payload kustom.
|
|
50
|
-
- **iOS Live Activities**: Update status real-time di Dynamic Island dan Lock Screen iOS.
|
|
51
|
-
- **Deep Linking**: Mengarahkan ketukan notifikasi secara langsung ke layar target di Expo Router / React Native.
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
name: monday-design-aesthetic
|
|
3
|
-
description: "Expert guide for implementing the modern, spacious, and highly structured Monday.com design system / Panduan desain ala Monday.com."
|
|
4
|
-
author: "Roedy Rustam"
|
|
5
|
-
---
|
|
6
|
-
|
|
7
|
-
# Monday.com Design Aesthetic
|
|
8
|
-
|
|
9
|
-
[English](#english) | [Bahasa Indonesia](#bahasa-indonesia)
|
|
10
|
-
|
|
11
|
-
---
|
|
12
|
-
|
|
13
|
-
<a name="english"></a>
|
|
14
|
-
## English
|
|
15
|
-
|
|
16
|
-
### Description
|
|
17
|
-
This skill focuses on implementing the modern, spacious, and structured design aesthetic inspired by Monday.com. It is ideal for SaaS landing pages and dashboards.
|
|
18
|
-
|
|
19
|
-
### Trigger Conditions
|
|
20
|
-
Use this when the user asks for:
|
|
21
|
-
- A "Monday.com style" design.
|
|
22
|
-
- A modern SaaS landing page with clean structure.
|
|
23
|
-
- High-quality, spacious UI with vibrant accents.
|
|
24
|
-
|
|
25
|
-
### Core Design Tokens
|
|
26
|
-
- **Primary Brand Color**: Vibrant Blue (`#0073ea`) for active states and primary buttons.
|
|
27
|
-
- **Backgrounds**: Clean White (`#FFFFFF`) for main content, Light Grays (`#F9F9F9`, `#F5F6F8`) for section alternations, Dark Gray/Black (`#111111`) for footers.
|
|
28
|
-
- **Typography**: Clean geometric sans-serif (e.g., Figtree, Circular, Inter).
|
|
29
|
-
- Hero text is extra-bold (48-60px).
|
|
30
|
-
- Section headers are bold (32-40px) in dark slate (`#333333`).
|
|
31
|
-
- Body text is medium (16-18px) in muted gray (`#676879`).
|
|
32
|
-
|
|
33
|
-
### UI Components & Layout
|
|
34
|
-
- **Buttons**: Fully rounded corners (~8px). Primary buttons use vibrant blue with white text and generous padding (e.g., `px-6 py-3`).
|
|
35
|
-
- **Cards**: Large border radius (12-16px) with flat borders or extremely subtle drop shadows (`shadow-sm`).
|
|
36
|
-
- **Layout**: Centered max-width containers (1200-1400px).
|
|
37
|
-
- **Spacing**: Generous vertical padding between sections (80-120px) to let content breathe.
|
|
38
|
-
- **Interactions**: Smooth hover states, interactive tab systems, and collapsible accordions.
|
|
39
|
-
|
|
40
|
-
---
|
|
41
|
-
|
|
42
|
-
<a name="bahasa-indonesia"></a>
|
|
43
|
-
## Bahasa Indonesia
|
|
44
|
-
|
|
45
|
-
### Deskripsi
|
|
46
|
-
Skill ini berfokus pada implementasi desain yang modern, luas (spacious), dan terstruktur yang terinspirasi oleh Monday.com. Sangat cocok untuk landing page dan dashboard SaaS.
|
|
47
|
-
|
|
48
|
-
### Kondisi Pemicu
|
|
49
|
-
Gunakan saat pengguna meminta:
|
|
50
|
-
- Desain ala "Monday.com".
|
|
51
|
-
- Landing page SaaS modern dengan struktur bersih.
|
|
52
|
-
- UI berkualitas tinggi dengan ruang bernapas luas dan aksen cerah.
|
|
53
|
-
|
|
54
|
-
### Token Desain Utama
|
|
55
|
-
- **Warna Utama (Brand Color)**: Biru Cerah (`#0073ea`) untuk elemen aktif dan tombol utama.
|
|
56
|
-
- **Background**: Putih Bersih (`#FFFFFF`) untuk konten utama, Abu-abu Terang (`#F9F9F9`, `#F5F6F8`) untuk variasi bagian, Abu-abu Gelap/Hitam (`#111111`) untuk footer.
|
|
57
|
-
- **Tipografi**: Sans-serif geometris bersih (mis. Figtree, Circular, Inter).
|
|
58
|
-
- Teks Hero sangat tebal (48-60px).
|
|
59
|
-
- Header bagian tebal (32-40px) dengan warna dark slate (`#333333`).
|
|
60
|
-
- Teks isi sedang (16-18px) berwarna abu-abu redup (`#676879`).
|
|
61
|
-
|
|
62
|
-
### Komponen UI & Layout
|
|
63
|
-
- **Tombol (Buttons)**: Sudut melengkung (~8px). Tombol utama berwarna biru dengan padding luas (`px-6 py-3`).
|
|
64
|
-
- **Kartu (Cards)**: Radius sudut besar (12-16px) dengan border datar atau bayangan sangat halus (`shadow-sm`).
|
|
65
|
-
- **Tata Letak (Layout)**: Kontainer dengan lebar maksimal (1200-1400px) terpusat.
|
|
66
|
-
- **Jarak (Spacing)**: Jarak vertikal yang sangat lega antar bagian (80-120px).
|
|
67
|
-
- **Interaksi**: Efek hover halus, sistem tab interaktif, dan akordion lipat.
|
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
name: project-context-mapper
|
|
3
|
-
description: "Gives the agent a photographic memory of massive repositories. Forces the creation and maintenance of a highly compressed CONTEXT_MAP.md to prevent context exhaustion and hallucination."
|
|
4
|
-
author: "Roedy Rustam"
|
|
5
|
-
---
|
|
6
|
-
|
|
7
|
-
# Project Context Mapper (Memory Optimizer)
|
|
8
|
-
|
|
9
|
-
[English](#english) | [Bahasa Indonesia](#bahasa-indonesia)
|
|
10
|
-
|
|
11
|
-
---
|
|
12
|
-
|
|
13
|
-
<a name="english"></a>
|
|
14
|
-
## English
|
|
15
|
-
|
|
16
|
-
### Description
|
|
17
|
-
LLMs struggle with repositories containing hundreds of files; they lose track of where things are, leading to hallucinations and excessive tool calls. This skill forces the agent to create, read, and maintain a `CONTEXT_MAP.md`—a highly compressed index of the repository's architecture, dependency graphs, and critical file locations. This acts as the agent's "photographic memory".
|
|
18
|
-
|
|
19
|
-
### Trigger Conditions
|
|
20
|
-
Activate this skill when:
|
|
21
|
-
- The agent enters a massive, existing codebase for the first time.
|
|
22
|
-
- The user complains that the AI is "editing the wrong file" or "forgetting how the app is structured."
|
|
23
|
-
- Context token usage is dangerously high and needs optimization.
|
|
24
|
-
|
|
25
|
-
### Core Concepts
|
|
26
|
-
|
|
27
|
-
#### 1. The Context Map Format
|
|
28
|
-
The agent should execute a script or traverse the directory to generate a compressed map in `CONTEXT_MAP.md` (or within `.agents/`).
|
|
29
|
-
```markdown
|
|
30
|
-
# CONTEXT MAP (Do not delete)
|
|
31
|
-
|
|
32
|
-
## Architecture
|
|
33
|
-
- Frontend: Next.js App Router (src/app)
|
|
34
|
-
- Backend: Hono RPC (src/server)
|
|
35
|
-
- DB: Drizzle (src/db/schema.ts)
|
|
36
|
-
|
|
37
|
-
## Dependency Graph (Critical Paths)
|
|
38
|
-
- `src/app/page.tsx` -> `src/components/ui/Button.tsx`
|
|
39
|
-
- `src/server/routes/users.ts` -> `src/db/queries/users.ts`
|
|
40
|
-
|
|
41
|
-
## State Locations
|
|
42
|
-
- Global Auth: `src/store/auth.ts` (Zustand)
|
|
43
|
-
```
|
|
44
|
-
|
|
45
|
-
#### 2. Workflow
|
|
46
|
-
1. **On Start:** The agent reads `CONTEXT_MAP.md` instead of blindly listing directories.
|
|
47
|
-
2. **On Modification:** When the agent creates a new major component, route, or service, it MUST append that location to the context map.
|
|
48
|
-
|
|
49
|
-
### Best Practices
|
|
50
|
-
- **Keep it Ultra-Compressed:** Do not store full code in the map. Store ONLY file paths, responsibilities (1 sentence), and connections.
|
|
51
|
-
- **BM25 Search First:** Before writing to the context map, consider using `grep_search` or semantic search for targeted lookups. The map is for *architectural* understanding, not exact variable finding.
|
|
52
|
-
|
|
53
|
-
---
|
|
54
|
-
|
|
55
|
-
### Integration with Other Skills (MANDATORY)
|
|
56
|
-
- `session-context-loader` — Integrates deeply to ensure the context map is loaded automatically on every new chat session.
|
|
57
|
-
- `token-saver` — The map prevents the agent from reading 10 separate files just to find one function, saving massive amounts of tokens.
|
|
58
|
-
- `monorepo-architect` — Essential for mapping out package boundaries in Turborepo/pnpm workspaces.
|
|
59
|
-
|
|
60
|
-
### Referenced By Orchestrators (MANDATORY)
|
|
61
|
-
- `brainstorming` — Add to "Discovery & Audit".
|
|
62
|
-
- `zero-to-prod-orchestrator` — Phase 1 (Discovery & Architecture).
|
|
63
|
-
|
|
64
|
-
---
|
|
65
|
-
|
|
66
|
-
<a name="bahasa-indonesia"></a>
|
|
67
|
-
## Bahasa Indonesia
|
|
68
|
-
|
|
69
|
-
### Deskripsi
|
|
70
|
-
Kelemahan utama agen AI adalah keterbatasan jendela konteks (*context window*). Skill ini memberi agen "ingatan fotografis" dengan mewajibkannya memelihara file `CONTEXT_MAP.md`—sebuah indeks super padat yang memetakan arsitektur proyek, lokasi file penting, dan graf dependensi.
|
|
71
|
-
|
|
72
|
-
### Kondisi Pemicu
|
|
73
|
-
- Saat agen baru saja dimasukkan ke dalam repositori raksasa yang sudah ada (bukan dari nol).
|
|
74
|
-
- Saat agen mulai salah mengedit file atau terlihat kebingungan dengan struktur folder.
|
|
75
|
-
|
|
76
|
-
### Panduan Singkat
|
|
77
|
-
- **Indeks Tersentralisasi:** Buat dan selalu perbarui `CONTEXT_MAP.md`. File ini berisi daftar *path* direktori krusial dan tanggung jawab masing-masing (misal: "Logic pembayaran ada di `src/lib/stripe.ts`").
|
|
78
|
-
- **Ultra-Ringkas:** Jangan menaruh baris kode di dalam peta konteks ini. Hanya gunakan format *bullet points* agar konsumsi token saat dibaca sangat rendah.
|
|
79
|
-
- **Baca di Awal Sesi:** Di setiap awal percakapan, agen tidak perlu lagi meraba-raba melakukan `ls` berulang kali. Cukup gunakan `view_file` pada `CONTEXT_MAP.md`, dan agen langsung mengerti seluruh topologi proyek.
|