vibes-plug 2.5.0 → 2.14.1

package/skills/realtime-collaboration-expert/SKILL.md

@@ -1,7 +1,7 @@
 ---
 name: realtime-collaboration-expert
 description: "Expert guide for building real-time collaboration features using WebSockets, WebRTC, CRDTs (Yjs, Automerge), and Liveblocks / Panduan ahli untuk fitur kolaborasi real-time."
-author: "Antigravity"
+author: "Roedy Rustam"
 ---
 
 # Real-Time Collaboration Expert / Ahli Kolaborasi Real-Time
@@ -23,6 +23,33 @@ Expert guide for implementing multiplayer, real-time collaboration features in w
 - **Security in Real-time**: Authenticate and authorize every WebSocket connection upon establishment and validate all incoming socket messages to prevent malicious payloads.
 - **Scale**: Be mindful of message broadcasting limits. Use Redis Pub/Sub or similar message brokers when scaling WebSocket servers across multiple instances.
 
+### Implementation Checklist
+- [ ] Choose a CRDT library (Yjs/Automerge) and a corresponding provider (WebSockets, WebRTC, Liveblocks).
+- [ ] Initialize the shared document state and bind it to the frontend UI components (e.g., ProseMirror, Monaco).
+- [ ] Implement presence (awareness) to broadcast cursor positions and active user lists.
+- [ ] Handle offline states by buffering local changes and syncing upon reconnection.
+
+### Example: Yjs with WebSocket Provider
+```javascript
+import * as Y from 'yjs'
+import { WebsocketProvider } from 'y-websocket'
+
+// 1. Initialize a shared Yjs document
+const ydoc = new Y.Doc()
+
+// 2. Connect to the WebSocket room
+const provider = new WebsocketProvider('ws://localhost:1234', 'my-room-name', ydoc)
+
+// 3. Share state (e.g., an array of chat messages)
+const yarray = ydoc.getArray('messages')
+yarray.observe(event => {
+  console.log('Messages updated:', yarray.toArray())
+})
+```
+
+## Orchestration & Integration
+- Integrates with: `state-management-expert`, `event-driven-architect`, `mcp-server-architect`.
+
 ### Trigger Conditions
 Active whenever the user is building multiplayer features, live cursors, document co-editing, real-time chats, or working with WebSockets, Yjs, or WebRTC.
 
@@ -41,5 +68,32 @@ Panduan ahli untuk mengimplementasikan fitur kolaborasi real-time dan *multiplay
 - **Keamanan Real-time**: Lakukan autentikasi dan otorisasi setiap koneksi WebSocket pada saat tersambung dan validasi semua pesan *socket* yang masuk untuk mencegah *payload* berbahaya.
 - **Skalabilitas**: Perhatikan batas penyiaran (broadcasting) pesan. Gunakan Redis Pub/Sub atau *message broker* serupa saat meningkatkan (scaling) server WebSocket di beberapa instans.
 
+### Checklist Implementasi
+- [ ] Pilih pustaka CRDT (Yjs/Automerge) dan provider yang sesuai (WebSockets, WebRTC, Liveblocks).
+- [ ] Inisialisasi state dokumen bersama dan ikat ke komponen UI frontend (misal: ProseMirror, Monaco).
+- [ ] Implementasikan presence (kesadaran) untuk menyiarkan posisi kursor dan daftar pengguna aktif.
+- [ ] Tangani state offline dengan melakukan buffer perubahan lokal dan sinkronisasi ulang saat terhubung kembali.
+
+### Contoh: Yjs dengan Provider WebSocket
+```javascript
+import * as Y from 'yjs'
+import { WebsocketProvider } from 'y-websocket'
+
+// 1. Inisialisasi dokumen Yjs bersama
+const ydoc = new Y.Doc()
+
+// 2. Hubungkan ke ruangan WebSocket
+const provider = new WebsocketProvider('ws://localhost:1234', 'nama-ruangan-saya', ydoc)
+
+// 3. Berbagi state (misal: array pesan chat)
+const yarray = ydoc.getArray('messages')
+yarray.observe(event => {
+  console.log('Pesan diperbarui:', yarray.toArray())
+})
+```
+
+## Integrasi Orkestrasi
+- Terintegrasi dengan: `state-management-expert`, `event-driven-architect`, `mcp-server-architect`.
+
 ### Kondisi Pemicu
 Aktif setiap kali pengguna sedang membangun fitur *multiplayer*, kursor langsung (live cursors), pengeditan dokumen bersama, obrolan real-time, atau bekerja dengan WebSockets, Yjs, atau WebRTC.

package/skills/rich-text-editor-expert/SKILL.md

@@ -0,0 +1,177 @@
+---
+name: rich-text-editor-expert
+description: "Expert guide for rich text editor integration (Tiptap, Lexical, ProseMirror), collaborative editing, and custom extensions / Panduan ahli integrasi editor rich text (Tiptap, Lexical, ProseMirror), editing kolaboratif, dan ekstensi kustom."
+author: "Roedy Rustam"
+---
+
+# Rich Text Editor Expert (2026 Edition)
+
+[English](#english) | [Bahasa Indonesia](#bahasa-indonesia)
+
+---
+
+<a name="english"></a>
+## English
+
+### Orchestration & Integration
+- **`realtime-collaboration-expert`**: Yjs/Automerge CRDTs for collaborative editing.
+- **`form-validation-expert`**: Form integration patterns for editor content.
+- **`headless-cms-expert`**: CMS schema integration for rich text fields.
+- **`file-upload-media-expert`**: Image/video embedding within editor content.
+- **`senior-frontend`**: React component patterns for editor wrappers.
+
+### Description
+Expert guide for integrating production-quality rich text editors into web applications. Covers Tiptap v2 (ProseMirror-based, extensible), Lexical (Meta's framework, high-performance), and ProseMirror (low-level, maximum control). Includes custom node/mark creation, collaborative editing with Yjs, slash commands, mention systems, image/video embedding, Portable Text output, and accessibility compliance.
+
+### Trigger Conditions
+- Adding a WYSIWYG or rich text editor to an application.
+- Building collaborative document editing features.
+- Creating custom editor extensions (mentions, slash commands, embeds).
+- Choosing between Tiptap, Lexical, or ProseMirror.
+- Implementing content serialization (HTML, JSON, Markdown, Portable Text).
+
+---
+
+### Editor Selection Guide
+
+| Criteria | Tiptap v2 | Lexical (Meta) | ProseMirror |
+|----------|-----------|----------------|-------------|
+| Abstraction Level | High | Medium | Low |
+| Framework | React, Vue, vanilla | React (primary) | Vanilla JS |
+| Extension Ecosystem | ★★★★★ (50+ extensions) | ★★★ (growing) | ★★★★ (community) |
+| Collaboration | Yjs built-in | Yjs plugin | Yjs via prosemirror-collab |
+| Performance | ★★★★ | ★★★★★ | ★★★★ |
+| Learning Curve | Low-Medium | Medium-High | High |
+| **Best For** | Most apps, CMS | High-scale, messaging | Custom editors |
+
+**Recommendation:** Use **Tiptap v2** for 90% of use cases. Use **Lexical** for high-performance messaging apps. Use **ProseMirror** only when you need full low-level control.
+
+### Core Patterns
+
+#### 1. Tiptap v2 Setup (React)
+
+```tsx
+import { useEditor, EditorContent } from '@tiptap/react';
+import StarterKit from '@tiptap/starter-kit';
+import Placeholder from '@tiptap/extension-placeholder';
+import Image from '@tiptap/extension-image';
+import Link from '@tiptap/extension-link';
+import Collaboration from '@tiptap/extension-collaboration';
+import * as Y from 'yjs';
+
+const ydoc = new Y.Doc();
+
+function RichEditor({ onUpdate }: { onUpdate: (json: object) => void }) {
+  const editor = useEditor({
+    extensions: [
+      StarterKit.configure({ history: false }), // Disable history for collab
+      Placeholder.configure({ placeholder: 'Start writing...' }),
+      Image.configure({ inline: true, allowBase64: false }),
+      Link.configure({ openOnClick: false, autolink: true }),
+      Collaboration.configure({ document: ydoc }),
+    ],
+    onUpdate: ({ editor }) => onUpdate(editor.getJSON()),
+  });
+
+  return (
+    <div className="editor-wrapper">
+      <MenuBar editor={editor} />
+      <EditorContent editor={editor} className="prose max-w-none" />
+    </div>
+  );
+}
+```
+
+#### 2. Custom Slash Command Extension (Tiptap)
+
+```typescript
+import { Extension } from '@tiptap/core';
+import Suggestion from '@tiptap/suggestion';
+
+export const SlashCommands = Extension.create({
+  name: 'slashCommands',
+  addOptions() {
+    return {
+      suggestion: {
+        char: '/',
+        items: ({ query }) => [
+          { title: 'Heading 1', command: ({ editor }) => editor.chain().focus().toggleHeading({ level: 1 }).run() },
+          { title: 'Bullet List', command: ({ editor }) => editor.chain().focus().toggleBulletList().run() },
+          { title: 'Code Block', command: ({ editor }) => editor.chain().focus().toggleCodeBlock().run() },
+          { title: 'Image', command: ({ editor }) => { /* open upload dialog */ } },
+        ].filter((item) => item.title.toLowerCase().includes(query.toLowerCase())),
+      },
+    };
+  },
+  addProseMirrorPlugins() {
+    return [Suggestion({ editor: this.editor, ...this.options.suggestion })];
+  },
+});
+```
+
+#### 3. Lexical Setup (React)
+
+```tsx
+import { LexicalComposer } from '@lexical/react/LexicalComposer';
+import { RichTextPlugin } from '@lexical/react/LexicalRichTextPlugin';
+import { ContentEditable } from '@lexical/react/LexicalContentEditable';
+import { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin';
+import { AutoFocusPlugin } from '@lexical/react/LexicalAutoFocusPlugin';
+import { HeadingNode, QuoteNode } from '@lexical/rich-text';
+import { ListNode, ListItemNode } from '@lexical/list';
+import { CodeNode } from '@lexical/code';
+
+const editorConfig = {
+  namespace: 'MyEditor',
+  nodes: [HeadingNode, QuoteNode, ListNode, ListItemNode, CodeNode],
+  onError: (error: Error) => console.error(error),
+  theme: { /* custom theme classes */ },
+};
+
+function LexicalEditor() {
+  return (
+    <LexicalComposer initialConfig={editorConfig}>
+      <RichTextPlugin
+        contentEditable={<ContentEditable className="prose" />}
+        placeholder={<div className="text-gray-400">Start writing...</div>}
+        ErrorBoundary={LexicalErrorBoundary}
+      />
+      <HistoryPlugin />
+      <AutoFocusPlugin />
+    </LexicalComposer>
+  );
+}
+```
+
+#### 4. Content Serialization Patterns
+- **JSON** (Tiptap/Lexical): Store editor state as JSON for exact restoration.
+- **HTML**: Use `editor.getHTML()` for rendering in non-editor contexts.
+- **Markdown**: Convert with `@tiptap/extension-markdown` for developer-facing content.
+- **Portable Text** (Sanity): Map Tiptap nodes to Portable Text blocks for CMS storage.
+
+### Production Checklist
+- [ ] Content sanitization (DOMPurify) before rendering user HTML.
+- [ ] Image upload with presigned URLs (not base64 in content).
+- [ ] Keyboard shortcuts documented and accessible.
+- [ ] Mobile-responsive toolbar (sticky or floating).
+- [ ] Autosave with debounce (500ms) and conflict resolution.
+- [ ] Max content length validation.
+
+---
+
+<a name="bahasa-indonesia"></a>
+## Bahasa Indonesia
+
+### Integrasi Orkestrasi
+- **`realtime-collaboration-expert`**: CRDT Yjs/Automerge untuk editing kolaboratif.
+- **`form-validation-expert`**: Pola integrasi form untuk konten editor.
+- **`headless-cms-expert`**: Integrasi skema CMS untuk field rich text.
+
+### Deskripsi
+Panduan ahli untuk mengintegrasikan editor rich text berkualitas produksi ke dalam aplikasi web. Mencakup Tiptap v2, Lexical (Meta), dan ProseMirror. Termasuk pembuatan node/mark kustom, editing kolaboratif dengan Yjs, slash commands, sistem mention, embedding gambar/video, dan output Portable Text.
+
+### Kondisi Pemicu
+- Menambahkan editor WYSIWYG atau rich text ke aplikasi.
+- Membangun fitur editing dokumen kolaboratif.
+- Membuat ekstensi editor kustom (mention, slash commands, embed).
+- Memilih antara Tiptap, Lexical, atau ProseMirror.

package/skills/rust-programming-expert/SKILL.md

@@ -1,7 +1,7 @@
 ---
 name: rust-programming-expert
 description: "Expert-level skill for Rust programming (Rust 2024 / v1.85+). Covers memory safety, async, Axum/SQLx, CLI, and optimization in English and Indonesian."
-author: "Roedy Rustam"
+author: "Roedy Rustam"
 ---
 
 # Rust Programming Expert (2024 Edition / v1.88+)
@@ -13,6 +13,9 @@ author: "Roedy Rustam"
 <a name="english"></a>
 ## English
 
+### Orchestration & Integration
+Connects and orchestrates with relevant domain skills like `brainstorming`, `zero-to-prod-orchestrator`, and `project-context-mapper` to ensure cohesive execution.
+
 ### Description
 Expert-level Rust development for building memory-safe, high-performance systems, APIs, CLI tools, and WebAssembly. Covers the **Rust 2024 edition**, async/await with Tokio, Axum 0.8 web framework, SQLx for async database access, and modern Rust idioms.
 
@@ -197,6 +200,9 @@ async fn main() -> anyhow::Result<()> {
 <a name="bahasa-indonesia"></a>
 ## Bahasa Indonesia
 
+### Integrasi Orkestrasi
+Terhubung dan mengorkestrasi skill domain yang relevan seperti `brainstorming`, `zero-to-prod-orchestrator`, dan `project-context-mapper` untuk memastikan eksekusi yang kohesif.
+
 ### Deskripsi
 Pengembangan Rust tingkat ahli untuk membangun sistem, API, CLI tool, dan WebAssembly yang aman di memori dan berkinerja tinggi. Mencakup **edisi Rust 2024**, async/await dengan Tokio, framework web Axum 0.8, SQLx untuk akses database async, dan idiom Rust modern.
 

package/skills/saas-architect/SKILL.md

@@ -0,0 +1,154 @@
+---
+name: saas-architect
+description: "Master SaaS orchestrator for greenfield MVP launch (0 to 1) and legacy application SaaS transformation (1 to N) / Master orkestrator SaaS untuk peluncuran MVP dari nol (0 ke 1) dan transformasi aplikasi menjadi SaaS (1 ke N)."
+author: "Roedy Rustam"
+---
+
+# SaaS Architect (MVP Launcher & Transformation Master)
+
+[English](#english) | [Bahasa Indonesia](#bahasa-indonesia)
+
+---
+
+<a name="english"></a>
+## English
+
+### Orchestration & Integration
+Connects and orchestrates with domain skills like `brainstorming`, `zero-to-prod-orchestrator`, `saas-multi-tenant`, `saas-billing`, `session-memory-manager`, `prd-architect`, and `production-ready-hardener`.
+- **MANDATORY**: Execute `modern-web-guidance` FIRST for all frontend HTML/CSS/JS features to ensure compliance with modern standards.
+
+### Description
+The **SaaS Architect** is the master lifecycle orchestrator for building commercial SaaS platforms. It operates in two specialized modes:
+- **Mode A (Greenfield MVP 0-to-1)**: Validating ideas, rapid stack selection, multi-entry points architecture, authentication, billing setup, and launch checklist.
+- **Mode B (App Modernization 1-to-N)**: Systematically converting existing single-tenant or internal applications into enterprise-grade multi-tenant SaaS platforms using a 9-phase transformation pipeline.
+
+### Trigger Conditions
+- Planning or launching a brand-new SaaS product from scratch.
+- Modernizing or converting an existing web app into a commercial SaaS.
+- Setting up multi-tenancy, workspace isolation, team management, or feature gating.
+- Conducting a technical audit of an existing SaaS architecture.
+
+---
+
+### Mode A: Greenfield SaaS MVP (0 to 1)
+
+#### 1. Idea Validation & Scoping
+- Define the exact customer problem in one sentence.
+- Verify 3+ pre-commitments or letters of intent before deep coding.
+- Keep MVP scope tight (target 4-6 weeks to launch).
+
+#### 2. Modern SaaS Stack Blueprint (2026)
+- **Frontend & App**: Next.js 15 App Router + React 19 + TypeScript.
+- **Styling & UI**: Tailwind CSS v4 + Base UI / shadcn/ui primitives.
+- **Data Layer**: PostgreSQL (Neon Serverless / Supabase) via Drizzle ORM or Prisma 6.
+- **Auth**: Clerk, Auth.js v5, or Supabase Auth with OAuth2 PKCE.
+- **Billing**: Stripe / Midtrans / DOKU via webhook-driven synchronization.
+- **Email & Jobs**: Resend + React Email; BullMQ / Trigger.dev v3 for background jobs.
+- **Deployment**: Vercel / Cloudflare Edge with zero-config CI/CD.
+
+#### 3. Architecture & Entry Points Isolation
+Apply the `multiple-entry-points` pattern to segregate responsibilities:
+- **Public Entry (`app.example.com` or `example.com`)**: Marketing landing, pricing, documentation, and blog.
+- **Tenant Dashboard (`app.example.com/dashboard` or `[tenant].example.com`)**: Authenticated customer workspace.
+- **Super Admin Subdomain (`admin.example.com`)**: Dedicated subdomain strictly isolated from customer tenant routes for global metrics, tenant provisioning, user moderation, and feature override controls.
+
+#### 4. Pre-Launch Quality Gate
+- Authentication and session validation (Edge JWT + Redis caching).
+- Webhook signature validation active for all billing events.
+- Error tracking configured (Sentry) and rate limiting on API routes.
+- ToS, Privacy Policy, and 2-3 pricing tiers with trial workflows.
+
+---
+
+### Mode B: SaaS Transformation & Modernization (1 to N)
+
+For existing codebases, execute the structured 9-phase transformation pipeline:
+
+```
+┌──────────────────────────────────────────────────────────────────┐
+│                   SAAS TRANSFORMATION PIPELINE                   │
+│  Phase 1: Discovery & Architecture Audit (Scanner script)        │
+│  Phase 2: Multi-Tenancy & Data Isolation (saas-multi-tenant)    │
+│  Phase 3: Identity & RBAC Management (authentication-identity)  │
+│  Phase 4: Billing, Subscriptions & Webhooks (saas-billing)      │
+│  Phase 5: Workspace & Team Collaboration (Invites, Roles)        │
+│  Phase 6: Frontend App Shell & Multi-Entry Points               │
+│  Phase 7: Feature Gating, Limits & Metering                     │
+│  Phase 8: Production Hardening, Testing & Security Audit        │
+│  Phase 9: Deployment, Multi-Tenant Monitoring & Launch          │
+└──────────────────────────────────────────────────────────────────┘
+```
+
+#### Transformation Scanner
+Run `python scripts/saas_transformation_scanner.py` to inspect the legacy codebase. It scores readiness across:
+1. Multi-Tenancy Readiness (Foreign keys, tenant isolation)
+2. Auth & RBAC Maturity
+3. Billing & Subscription hooks
+4. Feature Gating presence
+
+#### Core Modernization Principles
+- **Data Isolation**: Refer to `saas-multi-tenant` for Shared Schema RLS or Schema-per-tenant patterns. Do not write raw duplicate schemas.
+- **Subscription State Machine**: Refer to `saas-billing` for webhook handling, invoice synchronization, and dunning cycles.
+- **Feature Gating**: Implement hierarchical checks (System Flag -> Plan Tier -> Tenant Addon -> User Role) as detailed in `references/feature_gating_patterns.md`.
+
+---
+
+### 🎨 Automatic Visual Assets Generation Mandate (CRITICAL)
+When initializing or scaffolding any new SaaS application:
+1. Automatically invoke `generate_image` to create a production-quality application logo matching the brand identity.
+2. Use this asset immediately as the navbar logo, browser favicon (`favicon.ico`), and Open Graph social banner (`og:image`). Never use placeholder icons.
+
+### 📄 Standard Pages Mandate
+Every SaaS application must scaffold complete, functional implementations for:
+- Landing Page (Hero, Features, Social Proof, Pricing, FAQ)
+- Authentication (Sign In, Sign Up, Password Reset, Magic Link)
+- Onboarding Wizard (<5 minutes to first value)
+- Settings (Profile, Workspace, Team Members, Billing / Plans, API Keys)
+- Super Admin Panel on dedicated subdomain (`admin.example.com`)
+
+---
+
+<a name="bahasa-indonesia"></a>
+## Bahasa Indonesia
+
+### Integrasi Orkestrasi
+Terhubung dan mengorkestrasi skill domain seperti `brainstorming`, `zero-to-prod-orchestrator`, `saas-multi-tenant`, `saas-billing`, `session-memory-manager`, `prd-architect`, dan `production-ready-hardener`.
+- **WAJIB**: Jalankan `modern-web-guidance` PERTAMA KALI untuk semua pengerjaan frontend web.
+
+### Deskripsi
+**SaaS Architect** adalah orkestrator siklus hidup utama untuk membangun platform SaaS komersial. Beroperasi dalam dua mode:
+- **Mode A (Greenfield MVP 0 ke 1)**: Validasi ide, pemilihan tech stack kilat, arsitektur multi-entry points, autentikasi, billing, dan checklist peluncuran.
+- **Mode B (Modernisasi Aplikasi 1 ke N)**: Mentransformasi aplikasi single-tenant atau internal yang sudah ada menjadi SaaS multi-tenant enterprise menggunakan pipeline 9 fase terstruktur.
+
+### Kondisi Pemicu
+- Membangun produk SaaS baru dari awal.
+- Memodernisasi atau mengubah aplikasi web biasa menjadi SaaS komersial.
+- Mengonfigurasi multi-tenancy, isolasi ruang kerja (workspace), manajemen tim, atau feature gating.
+- Melakukan audit arsitektur teknis SaaS.
+
+---
+
+### Mode A: SaaS MVP dari Nol (0 ke 1)
+1. **Validasi Ide**: Rumuskan masalah dalam satu kalimat, validasi dengan 3+ komitmen bayar sebelum mulai coding.
+2. **Tech Stack Modern (2026)**: Next.js 15 App Router, Tailwind CSS v4, PostgreSQL (Neon/Supabase) via Drizzle/Prisma, Clerk/Auth.js, Stripe/Midtrans/DOKU, Resend, Vercel.
+3. **Isolasi Entry Point**: Pisahkan landing page publik, dashboard penyewa (tenant), dan **Dashboard Super Admin** pada subdomain terpisah (`admin.example.com`).
+4. **Gerbang Kualitas Pra-Rilis**: Sesi login teroptimasi (JWT + Redis), webhook billing tervalidasi, Sentry aktif, rate limiting, halaman harga 2-3 tier.
+
+---
+
+### Mode B: Transformasi & Modernisasi SaaS (1 ke N)
+Gunakan pipeline 9 fase terstruktur:
+1. Audit arsitektur & jalankan `python scripts/saas_transformation_scanner.py`.
+2. Fondasi multi-tenancy (merujuk ke `saas-multi-tenant`).
+3. Autentikasi terpusat & RBAC (merujuk ke `authentication-identity-expert`).
+4. Mesin billing & siklus langganan (merujuk ke `saas-billing`).
+5. Manajemen tim & undangan workspace.
+6. Shell frontend & pemisahan entry point.
+7. Feature gating berjenjang (`references/feature_gating_patterns.md`).
+8. Pengujian E2E & hardening keamanan.
+9. Rilis & pemantauan multi-tenant.
+
+---
+
+### 🎨 Mandat Pembuatan Aset Visual Otomatis (KRITIS)
+Gunakan tool `generate_image` secara otomatis untuk membuat logo aplikasi kustom saat inisialisasi aplikasi. Pasang logo tersebut sebagai logo navbar, favicon (`favicon.ico`), dan gambar Open Graph (`og:image`). Dilarang memakai placeholder.

package/skills/saas-billing/SKILL.md

@@ -1,7 +1,7 @@
 ---
 name: saas-billing
 description: "Implement and audit SaaS billing systems, subscription state machines, secure webhooks, and local database synchronization / Implementasi dan audit sistem billing SaaS, state machine langganan, webhook aman, dan sinkronisasi database lokal."
-author: "Roedy Rustam"
+author: "Roedy Rustam"
 ---
 
 # SaaS Billing Expert (2026 Edition)
@@ -13,6 +13,9 @@ author: "Roedy Rustam"
 <a name="english"></a>
 ## English
 
+### Orchestration & Integration
+Connects and orchestrates with relevant domain skills like `brainstorming`, `zero-to-prod-orchestrator`, and `project-context-mapper` to ensure cohesive execution.
+
 ### Description
 Expert guide for implementing and auditing SaaS billing systems. Covers subscription state machines, secure webhook handling, database synchronization, and the 2026 billing landscape including Stripe, **Polar.sh** (open-source, developer-first), **LemonSqueezy**, PayPal, and Midtrans (for Southeast Asia).
 
@@ -312,6 +315,9 @@ export const subscriptions = pgTable('subscriptions', {
 <a name="bahasa-indonesia"></a>
 ## Bahasa Indonesia
 
+### Integrasi Orkestrasi
+Terhubung dan mengorkestrasi skill domain yang relevan seperti `brainstorming`, `zero-to-prod-orchestrator`, dan `project-context-mapper` untuk memastikan eksekusi yang kohesif.
+
 ### Deskripsi
 Panduan ahli untuk mengimplementasikan dan mengaudit sistem billing SaaS. Mencakup state machine langganan, penanganan webhook aman, sinkronisasi database, dan lanskap billing 2026 termasuk Stripe, **Polar.sh** (open-source, developer-first), **LemonSqueezy**, PayPal, dan Midtrans (untuk Asia Tenggara).
 

package/skills/saas-multi-tenant/SKILL.md

@@ -1,7 +1,7 @@
 ---
 name: saas-multi-tenant
 description: "Design and implement multi-tenant SaaS architectures with RLS, tenant isolation, and PostgreSQL / Desain dan implementasikan arsitektur SaaS multi-tenant dengan RLS, isolasi tenant, dan PostgreSQL."
-author: "Roedy Rustam"
+author: "Roedy Rustam"
 ---
 
 # SaaS Multi-Tenant Expert (2026 Edition)
@@ -13,6 +13,9 @@ author: "Roedy Rustam"
 <a name="english"></a>
 ## English
 
+### Orchestration & Integration
+Connects and orchestrates with relevant domain skills like `brainstorming`, `zero-to-prod-orchestrator`, and `project-context-mapper` to ensure cohesive execution.
+
 ### Description
 Expert guide for designing and implementing multi-tenant SaaS architectures with full tenant isolation, Supabase/PostgreSQL Row Level Security (RLS), schema-per-org patterns, RBAC, and Super Admin access controls.
 
@@ -206,6 +209,9 @@ if (!can(currentMember.role, 'project:delete')) {
 <a name="bahasa-indonesia"></a>
 ## Bahasa Indonesia
 
+### Integrasi Orkestrasi
+Terhubung dan mengorkestrasi skill domain yang relevan seperti `brainstorming`, `zero-to-prod-orchestrator`, dan `project-context-mapper` untuk memastikan eksekusi yang kohesif.
+
 ### Deskripsi
 Panduan ahli untuk merancang dan mengimplementasikan arsitektur SaaS multi-tenant dengan isolasi tenant penuh, Row Level Security (RLS) Supabase/PostgreSQL, pola schema-per-org, RBAC, dan kontrol akses Super Admin.
 

package/skills/scalability-clean-code/SKILL.md

@@ -1,7 +1,7 @@
 ---
 name: scalability-clean-code
 description: "Software architecture guidelines to maintain code readability (Clean Code, SOLID, DRY) and application scalability / Panduan arsitektur perangkat lunak untuk menjaga keterbacaan kode (Clean Code, SOLID, DRY) dan kemampuan skalabilitas aplikasi."
-author: "Roedy Rustam"
+author: "Roedy Rustam"
 ---
 
 # Scalability & Clean Code (2026 Edition)
@@ -13,6 +13,9 @@ author: "Roedy Rustam"
 <a name="english"></a>
 ## English
 
+### Orchestration & Integration
+Connects and orchestrates with relevant domain skills like `brainstorming`, `zero-to-prod-orchestrator`, and `project-context-mapper` to ensure cohesive execution.
+
 ### Description
 Software architecture guidelines for writing clean, scalable, and maintainable code. Covers SOLID principles, DRY/YAGNI/KISS, Clean Architecture layers, **Vertical Slice Architecture** (the modern alternative to layered architecture), Domain-Driven Design (DDD) patterns, and practical refactoring techniques.
 
@@ -168,6 +171,9 @@ When choosing an architecture, ask:
 <a name="bahasa-indonesia"></a>
 ## Bahasa Indonesia
 
+### Integrasi Orkestrasi
+Terhubung dan mengorkestrasi skill domain yang relevan seperti `brainstorming`, `zero-to-prod-orchestrator`, dan `project-context-mapper` untuk memastikan eksekusi yang kohesif.
+
 ### Deskripsi
 Panduan arsitektur perangkat lunak untuk menulis kode yang bersih, skalabel, dan mudah dirawat. Mencakup prinsip SOLID, DRY/YAGNI/KISS, lapisan Clean Architecture, **Vertical Slice Architecture** (alternatif modern dari layered architecture), pola Domain-Driven Design (DDD), dan teknik refactoring praktis.
 

package/skills/search-engine-expert/SKILL.md

@@ -0,0 +1,89 @@
+---
+name: search-engine-expert
+description: "Expert guide for full-text search engines (Typesense, Meilisearch, Elasticsearch), faceted search, and autocomplete / Panduan ahli mesin pencarian full-text (Typesense, Meilisearch, Elasticsearch), pencarian berfaset, dan autocomplete."
+author: "Roedy Rustam"
+---
+
+# Search Engine Expert (2026 Edition)
+
+[English](#english) | [Bahasa Indonesia](#bahasa-indonesia)
+
+---
+
+<a name="english"></a>
+## English
+
+### Orchestration & Integration
+- **`database-orm-expert`**: Database indexing strategies alongside search.
+- **`vector-db-rag-expert`**: Hybrid search (semantic + full-text).
+- **`performance-web-vitals`**: Search latency optimization.
+- **`ecommerce-expert`**: Product search and faceted navigation.
+
+### Description
+Expert guide for implementing full-text search in web applications. Covers Typesense (typo-tolerant, easy setup), Meilisearch (Rust-based, instant search), Elasticsearch/OpenSearch (enterprise-grade), faceted search, autocomplete, search-as-you-type, relevance tuning, index optimization, and geo-search.
+
+### Trigger Conditions
+- Implementing search functionality beyond basic SQL LIKE queries.
+- Building autocomplete or search-as-you-type features.
+- Choosing a search engine for an application.
+- Implementing faceted search for e-commerce product filtering.
+
+---
+
+### Search Engine Selection
+
+| Engine | Speed | Setup | Typo Tolerance | Facets | Best For |
+|--------|-------|-------|----------------|--------|----------|
+| Typesense | ★★★★★ | Easy | ✅ Built-in | ✅ | Small-medium apps |
+| Meilisearch | ★★★★★ | Easy | ✅ Built-in | ✅ | Developer experience |
+| Elasticsearch | ★★★★ | Complex | Plugin | ✅ | Enterprise, analytics |
+| Algolia | ★★★★★ | SaaS | ✅ Built-in | ✅ | Quick integration |
+
+```typescript
+// Typesense — Setup and search
+import Typesense from 'typesense';
+
+const client = new Typesense.Client({
+  nodes: [{ host: 'localhost', port: 8108, protocol: 'http' }],
+  apiKey: process.env.TYPESENSE_API_KEY!,
+});
+
+// Create collection
+await client.collections().create({
+  name: 'products',
+  fields: [
+    { name: 'name', type: 'string' },
+    { name: 'description', type: 'string' },
+    { name: 'price', type: 'float', facet: true },
+    { name: 'category', type: 'string', facet: true },
+    { name: 'rating', type: 'float', sort: true },
+  ],
+  default_sorting_field: 'rating',
+});
+
+// Search with facets
+const results = await client.collections('products').documents().search({
+  q: 'wireless headphones',
+  query_by: 'name,description',
+  filter_by: 'price:<100 && category:=Electronics',
+  facet_by: 'category,price',
+  sort_by: 'rating:desc',
+  per_page: 20,
+});
+```
+
+## Orchestration & Integration
+- `database-orm-expert`, `vector-db-rag-expert`, `ecommerce-expert`
+
+---
+
+<a name="bahasa-indonesia"></a>
+## Bahasa Indonesia
+
+### Deskripsi
+Panduan ahli untuk mengimplementasikan pencarian full-text di aplikasi web. Mencakup Typesense, Meilisearch, Elasticsearch, pencarian berfaset, autocomplete, dan optimasi relevansi.
+
+### Kondisi Pemicu
+- Mengimplementasikan fungsionalitas pencarian di luar query SQL LIKE.
+- Membangun fitur autocomplete atau search-as-you-type.
+- Memilih mesin pencarian untuk aplikasi.

package/skills/secure-fuzz-testing/SKILL.md

@@ -1,7 +1,7 @@
 ---
 name: secure-fuzz-testing
 description: "Expert-level skill for writing and integrating coverage-guided fuzz tests in Python, Rust, and Go for secure code validation in English and Indonesian."
-author: "Roedy Rustam"
+author: "Roedy Rustam"
 ---
 
 # Secure Fuzz Testing
@@ -13,6 +13,9 @@ author: "Roedy Rustam"
 <a name="english"></a>
 ## English
 
+### Orchestration & Integration
+Connects and orchestrates with relevant domain skills like `brainstorming`, `zero-to-prod-orchestrator`, and `project-context-mapper` to ensure cohesive execution.
+
 ### Description
 Expert-level guidance for writing, running, and integrating coverage-guided fuzz tests (fuzzing) to identify security vulnerabilities, memory leaks, and input-validation issues in software applications. This skill covers writing fuzz targets in **Python**, **Rust**, and **Go**, configuring compilers with sanitizers (ASan, MSan, UBSan), and setting up automated CI/CD security pipelines.
 
@@ -109,6 +112,9 @@ Use compiler instrumentation flags to expose hidden bugs:
 <a name="bahasa-indonesia"></a>
 ## Bahasa Indonesia
 
+### Integrasi Orkestrasi
+Terhubung dan mengorkestrasi skill domain yang relevan seperti `brainstorming`, `zero-to-prod-orchestrator`, dan `project-context-mapper` untuk memastikan eksekusi yang kohesif.
+
 ### Deskripsi
 Panduan tingkat ahli untuk menulis, menjalankan, dan mengintegrasikan pengujian berbasis cakupan (*coverage-guided fuzzing*) untuk mengidentifikasi celah keamanan, kebocoran memori, dan kesalahan validasi input dalam aplikasi perangkat lunak. Skill ini mencakup penulisan target fuzzing dalam bahasa **Python**, **Rust**, dan **Go**, konfigurasi compiler dengan sanitizer (ASan, MSan, UBSan), serta penyiapan pipa otomatisasi keamanan CI/CD.