vibes-plug 2.11.0 → 3.9.0

package/skills/dependency-upgrade-migrator/SKILL.md

@@ -1,7 +1,8 @@
 ---
 name: dependency-upgrade-migrator
 description: "Expert guide for dependency upgrades, breaking change migrations, codemod automation, and package audit remediation / Panduan ahli untuk upgrade dependensi, migrasi breaking change, otomasi codemod, dan remediasi audit paket."
-author: "Roedy Rustam"
+author: "Roedy Rustam"
+version: "3.0.0"
 ---
 
 # Dependency Upgrade Migrator (2026 Edition)
@@ -14,10 +15,10 @@ author: "Roedy Rustam"
 ## English
 
 ### Orchestration & Integration
-Connects and orchestrates with relevant domain skills like `brainstorming`, `zero-to-prod-orchestrator`, and `project-context-mapper` to ensure cohesive execution.
+Connects and orchestrates with relevant domain skills like `brainstorming`, `zero-to-prod-orchestrator`, and `session-memory-manager` to ensure cohesive execution.
 
 ### Description
-Production-grade guide for safely upgrading dependencies, migrating through breaking changes, and maintaining healthy dependency trees. Covers **automated upgrade tooling** (`npm-check-updates`, `taze`, Renovate Bot), **major framework migration guides** (React 18→19, Next.js 14→15, Tailwind v3→v4), **codemod automation** (jscodeshift, ts-morph), **vulnerability remediation** (`npm audit`, `pnpm audit`), **lockfile hygiene**, **monorepo alignment** (pnpm catalogs), and **breaking change detection workflows**.
+Production-grade guide for safely upgrading dependencies, migrating through breaking changes, and maintaining healthy dependency trees. Covers **automated upgrade tooling** (`npm-check-updates`, `taze`, Renovate Bot), **major framework migration guides** (React 19→19, Next.js 15→15, Tailwind v3→v4), **codemod automation** (jscodeshift, ts-morph), **vulnerability remediation** (`npm audit`, `pnpm audit`), **lockfile hygiene**, **monorepo alignment** (pnpm catalogs), and **breaking change detection workflows**.
 
 ### Trigger Conditions
 Activate this skill when:
@@ -109,11 +110,11 @@ npx ncu --target minor  # Only show minor updates
 
 ### 4. Major Framework Migration Guides
 
-#### React 18 → 19
+#### React 19 → 19
 ```typescript
 // Key breaking changes:
 // 1. forwardRef no longer needed (ref is a regular prop)
-// ❌ Before (React 18)
+// ❌ Before (React 19)
 const Input = forwardRef<HTMLInputElement, Props>((props, ref) => (
   <input ref={ref} {...props} />
 ));
@@ -132,7 +133,7 @@ function Input({ ref, ...props }: Props & { ref?: React.Ref<HTMLInputElement> })
 // ✅ New: const theme = use(ThemeContext);
 ```
 
-#### Next.js 14 → 15
+#### Next.js 15 → 15
 ```typescript
 // Key changes:
 // 1. params/searchParams are now async in page/layout/route
@@ -148,7 +149,7 @@ function Input({ ref, ...props }: Props & { ref?: React.Ref<HTMLInputElement> })
 // Add: export const dynamic = 'force-static' if you want caching
 ```
 
-#### Tailwind CSS v3 → v4
+#### Tailwind CSS v4 → v4
 ```css
 /* Key changes: */
 /* 1. Configuration moves from JS to CSS */
@@ -279,10 +280,10 @@ catalog:
 ## 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.
+Terhubung dan mengorkestrasi skill domain yang relevan seperti `brainstorming`, `zero-to-prod-orchestrator`, dan `session-memory-manager` untuk memastikan eksekusi yang kohesif.
 
 ### Deskripsi
-Panduan tingkat produksi untuk upgrade dependensi yang aman, migrasi melalui breaking change, dan pemeliharaan dependency tree yang sehat. Mencakup **tooling upgrade otomatis** (`taze`, Renovate Bot), **panduan migrasi framework utama** (React 18→19, Next.js 14→15, Tailwind v3→v4), **otomasi codemod** (jscodeshift, ts-morph), **remediasi kerentanan** (`pnpm audit`), **kebersihan lockfile**, dan **penyelarasan dependensi monorepo** (pnpm catalogs).
+Panduan tingkat produksi untuk upgrade dependensi yang aman, migrasi melalui breaking change, dan pemeliharaan dependency tree yang sehat. Mencakup **tooling upgrade otomatis** (`taze`, Renovate Bot), **panduan migrasi framework utama** (React 19→19, Next.js 15→15, Tailwind v3→v4), **otomasi codemod** (jscodeshift, ts-morph), **remediasi kerentanan** (`pnpm audit`), **kebersihan lockfile**, dan **penyelarasan dependensi monorepo** (pnpm catalogs).
 
 ### Kondisi Pemicu
 Aktifkan skill ini ketika:
@@ -298,4 +299,4 @@ Aktifkan skill ini ketika:
 - `vibe-code-gardener` — Pembersihan pasca-upgrade, penghapusan dead code
 - `production-ready-hardener` — Fase audit keamanan
 - `ci-cd-devops-architect` — Integrasi Renovate Bot CI/CD
-- `e2e-testing-expert` — Pengujian regresi setelah upgrade mayor
+- `e2e-testing-expert` — Pengujian regresi setelah upgrade mayor

package/skills/design-system-architect/SKILL.md

@@ -1,7 +1,8 @@
 ---
 name: design-system-architect
 description: "Expert guide for designing, building, and maintaining scalable UI design systems with design tokens, headless primitives, Material Design 3 (M3), Tailwind v4 @theme, and WCAG 2.2 accessibility."
-author: "Roedy Rustam"
+author: "Roedy Rustam"
+version: "3.0.0"
 ---
 
 # Design System Architect (2026 Edition — shadcn/ui Registry)
@@ -215,6 +216,30 @@ import { Dialog, Button, Select } from '@base-ui-components/react';
 </Dialog.Root>
 ```
 
+### The 4 Pillars of UI Components Catalog
+
+#### 1. Input Controls (Buttons, Inputs, Selects)
+- **Visual States**: Explicitly define `default`, `hover`, `active`, `focus`, `disabled`, and `error`.
+- **Validation**: Display inline validation on blur using `aria-invalid` and `aria-describedby` (React Hook Form + Zod).
+- **Touch Targets**: Minimum 44×44px (WCAG 2.5.8), M3 recommends 48×48px.
+- **M3 Integration**: Use M3 button tiers (Filled, Tonal, Elevated, Outlined, Text) and FABs for primary actions.
+
+#### 2. Navigation (Navbars, Tabs, Command Palettes)
+- **Command Palette**: Add `⌘K` command menu via `cmdk`.
+- **Responsive Layout**: Bottom nav (<768px), collapsible rail (tablet), full sidebar (desktop).
+- **Smooth Page Transitions**: In Next.js 15, leverage `<Link viewTransition>` for layout morphing.
+- **Active State**: Clear high-contrast indicator with `role="navigation"` and `aria-current="page"`.
+
+#### 3. Information & Feedback (Toasts, Skeletons, Empty States)
+- **Toasts**: Use **Sonner**; cap at max 3 concurrent visible toasts. Auto-dismiss success, keep errors persistent.
+- **Loading UX**: Use layout-matching Skeletons over spinners to eliminate Cumulative Layout Shift (CLS).
+- **Empty States**: Clear illustration, contextual message, and primary CTA.
+
+#### 4. Containers & Layout (Cards, Modals, Sheets)
+- **Modals & Dialogs**: Radix UI / Base UI Dialog with automatic focus trapping and background scroll lock.
+- **Sheets / Drawers**: Bottom sheet for mobile secondary actions; side sheet on desktop.
+- **Cards**: Flat border or subtle shadow (`shadow-sm`); avoid heavy drop shadows in light mode.
+
 ### WCAG 2.2 Accessibility Checklist
 - [ ] All interactive elements have visible focus indicators (`ring-2`).
 - [ ] Color contrast ≥ 4.5:1 (text), ≥ 3:1 (large text / UI components).
@@ -232,7 +257,7 @@ import { Dialog, Button, Select } from '@base-ui-components/react';
 ## 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.
+Terhubung dan mengorkestrasi skill domain yang relevan seperti `brainstorming`, `zero-to-prod-orchestrator`, dan `session-memory-manager` untuk memastikan eksekusi yang kohesif.
 
 ### Deskripsi
 Panduan ahli untuk membangun dan memelihara design system UI yang skalabel. Mencakup design token dengan OKLCH dan `@theme` Tailwind v4, primitif komponen headless (Radix UI, **Base UI 1.x**), **registry shadcn/ui** untuk distribusi library komponen, CVA untuk varian type-safe, dan kepatuhan aksesibilitas WCAG 2.2.
@@ -266,6 +291,12 @@ shadcn/ui v2 memperkenalkan sistem registry — distribusikan komponen Anda seba
 ### Base UI 1.x — Primitif Aksesibilitas Tanpa Gaya
 Base UI (dari tim MUI) adalah alternatif Radix UI untuk 2026 dengan dukungan native React 19. Sepenuhnya tanpa gaya — terapkan className/Tailwind apapun.
 
+### Katalog 4 Pilar Komponen UI
+1. **Input Controls (Tombol, Input, Select)**: Definisikan status visual (`default`, `hover`, `active`, `focus`, `disabled`, `error`). Tampilkan validasi inline on-blur (`aria-invalid`, `aria-describedby` via React Hook Form + Zod). Target sentuh minimal 44x44px.
+2. **Navigasi (Navbar, Tab, Command Palette)**: Sediakan menu perintah `⌘K` dengan `cmdk`. Layout responsif (navigasi bawah di mobile, rail di tablet, sidebar penuh di desktop). Transisi halaman halus via `<Link viewTransition>` di Next.js 15.
+3. **Informasi & Feedback (Toast, Skeleton, Empty State)**: Gunakan **Sonner** untuk toast (maksimal 3 bersamaan). Gunakan Skeleton sesuai tata letak untuk mencegah CLS dibanding spinner.
+4. **Wadah & Layout (Card, Modal, Sheet)**: Dialog/Modal dengan penguncian scroll dan focus trapping otomatis (Base UI/Radix). Gunakan bottom sheet di mobile dan side sheet di desktop.
+
 ### Checklist Aksesibilitas WCAG 2.2
 - Semua elemen interaktif memiliki indikator fokus yang terlihat.
 - Kontras warna ≥ 4.5:1 (teks), ≥ 3:1 (komponen UI).
@@ -276,4 +307,4 @@ Base UI (dari tim MUI) adalah alternatif Radix UI untuk 2026 dengan dukungan nat
 
 
 ## Orchestration & Integration
-- Integrates with frontend orchestrators, Tailwind v4, Base UI, and shadcn/ui.
+- Integrates with frontend orchestrators, Tailwind v4, Base UI, and shadcn/ui.

package/skills/desktop-electron-expert/SKILL.md

@@ -1,128 +1,129 @@
----
-name: desktop-electron-expert
-description: "Expert guide for Electron 33+ desktop application development — Electron Forge, context isolation, IPC security, native menus, auto-updates, and multi-window management / Panduan ahli pengembangan desktop Electron 33+."
-author: "Roedy Rustam"
----
-
-# Desktop Electron Expert (2026 Edition)
-
-[English](#english) | [Bahasa Indonesia](#bahasa-indonesia)
-
----
-
-<a name="english"></a>
-## English
-
-### Orchestration & Integration
-- **`tauri-expert`**: Comparing Electron vs. Tauri architectures for desktop targets.
-- **`senior-frontend`**: React/Vue frontend architecture inside Electron renderers.
-- **`ci-cd-devops-architect`**: Multi-platform desktop packaging (Windows MSI/EXE, macOS DMG, Linux AppImage).
-- **`error-resilience-expert`**: Crash reporting and main/renderer crash recovery.
-
-### Description
-Production guide for engineering secure, high-performance cross-platform desktop applications using Electron 33+. Covers secure IPC communication via `contextBridge`, mandatory Context Isolation and Sandbox modes, native system integrations (tray, notifications, menus, global shortcuts), auto-updates with `electron-updater`, and build automation with Electron Forge / electron-builder.
-
-### Trigger Conditions
-- Building desktop apps with web technologies using Electron.
-- Hardening Electron security (Context Isolation, Preload scripts, CSP, nodeIntegration: false).
-- Implementing typed IPC communication between Main and Renderer processes.
-- Setting up auto-update workflows and multi-OS code signing.
-
----
-
-### Core Security & Architecture Patterns
-
-#### 1. Secure Main Process (`main.ts`)
-```typescript
-import { app, BrowserWindow, ipcMain } from 'electron';
-import path from 'path';
-
-let mainWindow: BrowserWindow | null = null;
-
-function createWindow() {
-  mainWindow = new BrowserWindow({
-    width: 1200,
-    height: 800,
-    webPreferences: {
-      preload: path.join(__dirname, 'preload.js'),
-      contextIsolation: true,       // MANDATORY for security
-      nodeIntegration: false,        // NEVER enable in renderer
-      sandbox: true,                 // Enable OS-level sandbox
-      webSecurity: true,
-    },
-  });
-
-  if (process.env.NODE_ENV === 'development') {
-    mainWindow.loadURL('http://localhost:5173');
-  } else {
-    mainWindow.loadFile(path.join(__dirname, '../dist/index.html'));
-  }
-}
-
-app.whenReady().then(() => {
-  createWindow();
-
-  // Typed IPC Handlers
-  ipcMain.handle('app:get-version', () => app.getVersion());
-  ipcMain.handle('file:read-config', async (_event, configName: string) => {
-    // Validate arguments safely
-    return { name: configName, loaded: true };
-  });
-});
-```
-
-#### 2. Type-Safe Preload Script (`preload.ts`)
-```typescript
-import { contextBridge, ipcRenderer } from 'electron';
-
-export interface ElectronAPI {
-  getVersion: () => Promise<string>;
-  readConfig: (name: string) => Promise<any>;
-}
-
-const api: ElectronAPI = {
-  getVersion: () => ipcRenderer.invoke('app:get-version'),
-  readConfig: (name: string) => ipcRenderer.invoke('file:read-config', name),
-};
-
-contextBridge.exposeInMainWorld('electronAPI', api);
-```
-
-#### 3. Renderer Consumer (`renderer.tsx`)
-```tsx
-declare global {
-  interface Window {
-    electronAPI: ElectronAPI;
-  }
-}
-
-import React, { useEffect, useState } from 'react';
-
-export function AppInfo() {
-  const [version, setVersion] = useState<string>('');
-
-  useEffect(() => {
-    window.electronAPI.getVersion().then(setVersion);
-  }, []);
-
-  return <div>App Version: {version}</div>;
-}
-```
-
----
-
-<a name="bahasa-indonesia"></a>
-## Bahasa Indonesia
-
-### Integrasi Orkestrasi
-- **`tauri-expert`**: Pemilihan dan perbandingan antara Electron dan Tauri untuk aplikasi desktop.
-- **`senior-frontend`**: Integrasi framework frontend (React/Vue) di dalam renderer Electron.
-- **`ci-cd-devops-architect`**: Otomasi build installer cross-platform (.exe, .dmg, .AppImage).
-
-### Deskripsi
-Panduan produksi untuk membangun aplikasi desktop cross-platform yang aman dan efisien menggunakan Electron 33+. Mengutamakan keamanan IPC dengan Context Isolation, isolasi proses renderer, integrasi sistem natif (system tray, menu, notifikasi), dan alur auto-update otomatis.
-
-### Kondisi Pemicu
-- Membangun aplikasi desktop menggunakan teknologi web berbasis Electron.
-- Memperketat keamanan Electron (Context Isolation, Sandbox, sanitasi IPC).
-- Mengonfigurasi auto-updater dan packaging multi-OS.
+---
+name: desktop-electron-expert
+description: "Expert guide for Electron 33+ desktop application development — Electron Forge, context isolation, IPC security, native menus, auto-updates, and multi-window management / Panduan ahli pengembangan desktop Electron 33+."
+author: "Roedy Rustam"
+version: "3.0.0"
+---
+
+# Desktop Electron Expert (2026 Edition)
+
+[English](#english) | [Bahasa Indonesia](#bahasa-indonesia)
+
+---
+
+<a name="english"></a>
+## English
+
+### Orchestration & Integration
+- **`tauri-expert`**: Comparing Electron vs. Tauri architectures for desktop targets.
+- **`senior-frontend`**: React/Vue frontend architecture inside Electron renderers.
+- **`ci-cd-devops-architect`**: Multi-platform desktop packaging (Windows MSI/EXE, macOS DMG, Linux AppImage).
+- **`error-resilience-expert`**: Crash reporting and main/renderer crash recovery.
+
+### Description
+Production guide for engineering secure, high-performance cross-platform desktop applications using Electron 33+. Covers secure IPC communication via `contextBridge`, mandatory Context Isolation and Sandbox modes, native system integrations (tray, notifications, menus, global shortcuts), auto-updates with `electron-updater`, and build automation with Electron Forge / electron-builder.
+
+### Trigger Conditions
+- Building desktop apps with web technologies using Electron.
+- Hardening Electron security (Context Isolation, Preload scripts, CSP, nodeIntegration: false).
+- Implementing typed IPC communication between Main and Renderer processes.
+- Setting up auto-update workflows and multi-OS code signing.
+
+---
+
+### Core Security & Architecture Patterns
+
+#### 1. Secure Main Process (`main.ts`)
+```typescript
+import { app, BrowserWindow, ipcMain } from 'electron';
+import path from 'path';
+
+let mainWindow: BrowserWindow | null = null;
+
+function createWindow() {
+  mainWindow = new BrowserWindow({
+    width: 1200,
+    height: 800,
+    webPreferences: {
+      preload: path.join(__dirname, 'preload.js'),
+      contextIsolation: true,       // MANDATORY for security
+      nodeIntegration: false,        // NEVER enable in renderer
+      sandbox: true,                 // Enable OS-level sandbox
+      webSecurity: true,
+    },
+  });
+
+  if (process.env.NODE_ENV === 'development') {
+    mainWindow.loadURL('http://localhost:5173');
+  } else {
+    mainWindow.loadFile(path.join(__dirname, '../dist/index.html'));
+  }
+}
+
+app.whenReady().then(() => {
+  createWindow();
+
+  // Typed IPC Handlers
+  ipcMain.handle('app:get-version', () => app.getVersion());
+  ipcMain.handle('file:read-config', async (_event, configName: string) => {
+    // Validate arguments safely
+    return { name: configName, loaded: true };
+  });
+});
+```
+
+#### 2. Type-Safe Preload Script (`preload.ts`)
+```typescript
+import { contextBridge, ipcRenderer } from 'electron';
+
+export interface ElectronAPI {
+  getVersion: () => Promise<string>;
+  readConfig: (name: string) => Promise<any>;
+}
+
+const api: ElectronAPI = {
+  getVersion: () => ipcRenderer.invoke('app:get-version'),
+  readConfig: (name: string) => ipcRenderer.invoke('file:read-config', name),
+};
+
+contextBridge.exposeInMainWorld('electronAPI', api);
+```
+
+#### 3. Renderer Consumer (`renderer.tsx`)
+```tsx
+declare global {
+  interface Window {
+    electronAPI: ElectronAPI;
+  }
+}
+
+import React, { useEffect, useState } from 'react';
+
+export function AppInfo() {
+  const [version, setVersion] = useState<string>('');
+
+  useEffect(() => {
+    window.electronAPI.getVersion().then(setVersion);
+  }, []);
+
+  return <div>App Version: {version}</div>;
+}
+```
+
+---
+
+<a name="bahasa-indonesia"></a>
+## Bahasa Indonesia
+
+### Integrasi Orkestrasi
+- **`tauri-expert`**: Pemilihan dan perbandingan antara Electron dan Tauri untuk aplikasi desktop.
+- **`senior-frontend`**: Integrasi framework frontend (React/Vue) di dalam renderer Electron.
+- **`ci-cd-devops-architect`**: Otomasi build installer cross-platform (.exe, .dmg, .AppImage).
+
+### Deskripsi
+Panduan produksi untuk membangun aplikasi desktop cross-platform yang aman dan efisien menggunakan Electron 33+. Mengutamakan keamanan IPC dengan Context Isolation, isolasi proses renderer, integrasi sistem natif (system tray, menu, notifikasi), dan alur auto-update otomatis.
+
+### Kondisi Pemicu
+- Membangun aplikasi desktop menggunakan teknologi web berbasis Electron.
+- Memperketat keamanan Electron (Context Isolation, Sandbox, sanitasi IPC).
+- Mengonfigurasi auto-updater dan packaging multi-OS.

package/skills/documentation-site-expert/SKILL.md

@@ -1,59 +1,60 @@
----
-name: documentation-site-expert
-description: "Expert guide for technical documentation sites (Mintlify, Docusaurus, Storybook, VitePress) and component documentation / Panduan ahli situs dokumentasi teknis (Mintlify, Docusaurus, Storybook, VitePress) dan dokumentasi komponen."
-author: "Roedy Rustam"
----
-
-# Documentation Site Expert (2026 Edition)
-
-[English](#english) | [Bahasa Indonesia](#bahasa-indonesia)
-
----
-
-<a name="english"></a>
-## English
-
-### Orchestration & Integration
-- **`openapi-swagger-codegen-expert`**: Auto-generated API documentation.
-- **`design-system-architect`**: Component documentation with Storybook.
-- **`astro-framework-expert`**: Astro Starlight for docs sites.
-- **`seo`**: Documentation site SEO and discoverability.
-
-### Description
-Expert guide for building technical documentation sites and component libraries. Covers Mintlify (AI-native docs), Docusaurus 3 (React-powered), Storybook 8 (component playground), VitePress (Vue-powered), Astro Starlight (Astro-powered), and MDX authoring. Includes API reference generation, versioning, search integration, and interactive code playgrounds.
-
-### Trigger Conditions
-- Creating documentation sites for APIs, libraries, or products.
-- Setting up Storybook for component documentation.
-- Choosing a documentation framework.
-- Generating API reference docs from OpenAPI specs.
-
----
-
-### Framework Selection
-
-| Framework | Stack | Search | Versioning | Best For |
-|-----------|-------|--------|------------|----------|
-| Mintlify | React/MDX | ✅ Built-in AI | ✅ | SaaS API docs |
-| Docusaurus 3 | React/MDX | ✅ Algolia | ✅ | OSS project docs |
-| Storybook 8 | Any framework | ❌ | ❌ | Component docs/playground |
-| VitePress | Vue/Markdown | ✅ Built-in | ❌ | Vue ecosystem docs |
-| Starlight | Astro/MDX | ✅ Pagefind | ✅ | Content-heavy docs |
-
-**Recommendation:** Use **Mintlify** for SaaS API docs. Use **Docusaurus** for open-source projects. Use **Storybook** for component libraries.
-
-## Orchestration & Integration
-- `openapi-swagger-codegen-expert`, `design-system-architect`, `seo`
-
----
-
-<a name="bahasa-indonesia"></a>
-## Bahasa Indonesia
-
-### Deskripsi
-Panduan ahli untuk membangun situs dokumentasi teknis dan library komponen. Mencakup Mintlify, Docusaurus 3, Storybook 8, VitePress, dan Astro Starlight.
-
-### Kondisi Pemicu
-- Membuat situs dokumentasi untuk API, library, atau produk.
-- Menyiapkan Storybook untuk dokumentasi komponen.
-- Memilih framework dokumentasi.
+---
+name: documentation-site-expert
+description: "Expert guide for technical documentation sites (Mintlify, Docusaurus, Storybook, VitePress) and component documentation / Panduan ahli situs dokumentasi teknis (Mintlify, Docusaurus, Storybook, VitePress) dan dokumentasi komponen."
+author: "Roedy Rustam"
+version: "3.0.0"
+---
+
+# Documentation Site Expert (2026 Edition)
+
+[English](#english) | [Bahasa Indonesia](#bahasa-indonesia)
+
+---
+
+<a name="english"></a>
+## English
+
+### Orchestration & Integration
+- **`openapi-swagger-codegen-expert`**: Auto-generated API documentation.
+- **`design-system-architect`**: Component documentation with Storybook.
+- **`astro-framework-expert`**: Astro Starlight for docs sites.
+- **`seo`**: Documentation site SEO and discoverability.
+
+### Description
+Expert guide for building technical documentation sites and component libraries. Covers Mintlify (AI-native docs), Docusaurus 3 (React-powered), Storybook 8 (component playground), VitePress (Vue-powered), Astro Starlight (Astro-powered), and MDX authoring. Includes API reference generation, versioning, search integration, and interactive code playgrounds.
+
+### Trigger Conditions
+- Creating documentation sites for APIs, libraries, or products.
+- Setting up Storybook for component documentation.
+- Choosing a documentation framework.
+- Generating API reference docs from OpenAPI specs.
+
+---
+
+### Framework Selection
+
+| Framework | Stack | Search | Versioning | Best For |
+|-----------|-------|--------|------------|----------|
+| Mintlify | React/MDX | ✅ Built-in AI | ✅ | SaaS API docs |
+| Docusaurus 3 | React/MDX | ✅ Algolia | ✅ | OSS project docs |
+| Storybook 8 | Any framework | ❌ | ❌ | Component docs/playground |
+| VitePress | Vue/Markdown | ✅ Built-in | ❌ | Vue ecosystem docs |
+| Starlight | Astro/MDX | ✅ Pagefind | ✅ | Content-heavy docs |
+
+**Recommendation:** Use **Mintlify** for SaaS API docs. Use **Docusaurus** for open-source projects. Use **Storybook** for component libraries.
+
+## Orchestration & Integration
+- `openapi-swagger-codegen-expert`, `design-system-architect`, `seo`
+
+---
+
+<a name="bahasa-indonesia"></a>
+## Bahasa Indonesia
+
+### Deskripsi
+Panduan ahli untuk membangun situs dokumentasi teknis dan library komponen. Mencakup Mintlify, Docusaurus 3, Storybook 8, VitePress, dan Astro Starlight.
+
+### Kondisi Pemicu
+- Membuat situs dokumentasi untuk API, library, atau produk.
+- Menyiapkan Storybook untuk dokumentasi komponen.
+- Memilih framework dokumentasi.

package/skills/doku-mcp-server/SKILL.md

@@ -1,7 +1,8 @@
 ---
 name: doku-mcp-server
 description: "Expert guide for DOKU Model Context Protocol (MCP) Server integration. Enables AI Agentic Commerce with tools for payment links, Virtual Accounts, QRIS, transaction status checks, and client configuration (Claude Desktop, Cursor, AGY) / Panduan ahli DOKU MCP Server untuk AI Agentic Commerce."
-author: "Roedy Rustam"
+author: "Roedy Rustam"
+version: "3.0.0"
 ---
 
 # DOKU MCP Server / Server Model Context Protocol DOKU
@@ -14,7 +15,7 @@ author: "Roedy Rustam"
 ## English
 
 ### Orchestration & Integration
-Connects and orchestrates with relevant domain skills like `brainstorming`, `zero-to-prod-orchestrator`, and `project-context-mapper` to ensure cohesive execution.
+Connects and orchestrates with relevant domain skills like `brainstorming`, `zero-to-prod-orchestrator`, and `session-memory-manager` to ensure cohesive execution.
 
 ### Description
 Expert guide for integrating and building Model Context Protocol (MCP) servers with DOKU Payment Gateway based on [DOKU Developers Documentation](https://developers.doku.com/). Enables AI Agents (Claude Desktop, Antigravity, Cursor, n8n, LangChain) to execute payment tasks autonomously using Agentic Commerce capabilities (generating payment links, issuing Virtual Account numbers, generating QRIS codes, querying transaction statuses).
@@ -210,7 +211,7 @@ main().catch(console.error);
 ## 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.
+Terhubung dan mengorkestrasi skill domain yang relevan seperti `brainstorming`, `zero-to-prod-orchestrator`, dan `session-memory-manager` untuk memastikan eksekusi yang kohesif.
 
 ### Deskripsi
 Panduan ahli untuk mengintegrasikan dan membuat server Model Context Protocol (MCP) dengan DOKU Payment Gateway berdasarkan dokumentasi resmi [DOKU Developers Documentation](https://developers.doku.com/). Memungkinkan Agen AI (Claude Desktop, Antigravity, Cursor, n8n, LangChain) menjalankan transaksi pembayaran secara otonom dalam alur Agentic Commerce (membuat link pembayaran, membuat nomor Virtual Account, membuat kode QRIS, dan memeriksa status transaksi).
@@ -254,4 +255,4 @@ Aktifkan skill ini ketika pengguna sedang:
 **MANDATORY**: The AI Agent MUST automatically apply the SNAP API v1.0 standard (Standard Nasional Open API Pembayaran) for all DOKU integrations, instead of the legacy Jokul API v2, unless the user explicitly requests otherwise. All generated signatures, headers, and endpoints MUST follow the SNAP BI standard.
 
 ### 🧪 DOKU Sandbox Simulator
-**MANDATORY**: When testing in Sandbox mode and needing to access the Payment Simulator, the AI Agent MUST use this exact URL: `https://sandbox.doku.com/gtw-config-v2/simulator`.
+**MANDATORY**: When testing in Sandbox mode and needing to access the Payment Simulator, the AI Agent MUST use this exact URL: `https://sandbox.doku.com/gtw-config-v2/simulator`.