vibes-plug 1.0.0

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

@@ -0,0 +1,194 @@
+---
+name: mcp-server-architect
+description: "Expert guide for designing, building, and security-hardening Model Context Protocol (MCP) servers and tool integrations in TypeScript, Python, and Go / Panduan ahli merancang, membangun, dan mengamankan server Model Context Protocol (MCP) dan integrasi tool dalam TypeScript, Python, dan Go."
+author: "Roedy Rustam"
+---
+
+# MCP Server Architect (v1.9+ Edition)
+
+[English](#english) | [Bahasa Indonesia](#bahasa-indonesia)
+
+---
+
+<a name="english"></a>
+## English
+
+### Description
+Expert guide for designing, building, and security-hardening **Model Context Protocol (MCP)** servers and client integrations. Covers MCP v1.9+ specification (including the new Streamable HTTP transport), tool/resource/prompt design, Zod validation, OAuth 2.1 authorization, and multi-server orchestration patterns for production AI applications.
+
+### Trigger Conditions
+- Building an MCP server to expose tools, resources, or prompt templates to AI agents.
+- Integrating third-party APIs or databases as MCP tools for LLM consumption.
+- Implementing MCP client logic in an AI agent or chatbot.
+- Securing MCP servers with OAuth 2.1 and permission scoping.
+- Deploying MCP servers to edge/serverless environments.
+
+### MCP v1.9+ Specification Overview
+
+MCP standardizes how AI models interact with external tools and data. The 2026 specification (v1.9) introduces:
+
+| Feature | Description |
+|---|---|
+| **Streamable HTTP** | New bidirectional transport via HTTP streaming — replaces SSE for cloud deployments |
+| **stdio** | Original transport for local/CLI tools — still recommended for local MCP |
+| **OAuth 2.1** | Standard authorization flow for MCP servers requiring user consent |
+| **Tool Annotations** | `readOnlyHint`, `destructiveHint`, `idempotentHint` for safer agent decisions |
+| **Audio Content** | Support for audio data in tool responses |
+| **Resource Links** | Resources can now link to external URIs |
+
+### Core MCP Concepts
+
+| Primitive | What It Is | Example |
+|---|---|---|
+| **Tool** | Executable function the LLM can call | `search_database`, `send_email` |
+| **Resource** | Read-only data the LLM can read | File contents, DB records |
+| **Prompt** | Reusable prompt templates | `code_review_prompt` |
+| **Sampling** | Server requests LLM completion | Agent asks LLM to classify |
+
+### Building an MCP Server (TypeScript)
+
+#### 1. Setup with `@modelcontextprotocol/sdk`
+```typescript
+import { McpServer } from '@modelcontextprotocol/sdk/server/mcp.js';
+import { StreamableHTTPServerTransport } from '@modelcontextprotocol/sdk/server/streamableHttp.js';
+import { z } from 'zod';
+
+const server = new McpServer({
+  name: 'my-api-server',
+  version: '1.0.0',
+});
+```
+
+#### 2. Define Tools with Zod Validation
+```typescript
+server.tool(
+  'search_products',
+  'Search the product catalog by query and category',
+  {
+    query: z.string().min(1).describe('Search query string'),
+    category: z.enum(['electronics', 'clothing', 'books']).optional(),
+    limit: z.number().int().min(1).max(50).default(10),
+  },
+  {
+    readOnlyHint: true,     // v1.9 annotation: this tool does not modify state
+    idempotentHint: true,   // safe to call multiple times
+  },
+  async ({ query, category, limit }) => {
+    const results = await productDB.search({ query, category, limit });
+    return {
+      content: [{ type: 'text', text: JSON.stringify(results, null, 2) }],
+    };
+  }
+);
+```
+
+#### 3. Expose Resources
+```typescript
+server.resource(
+  'company-docs',
+  'docs://{path}',
+  { mimeType: 'text/markdown' },
+  async (uri) => {
+    const path = uri.pathname;
+    const content = await fs.readFile(`./docs${path}`, 'utf-8');
+    return { contents: [{ uri: uri.href, mimeType: 'text/markdown', text: content }] };
+  }
+);
+```
+
+#### 4. Streamable HTTP Transport (v1.9 — Production Deployment)
+```typescript
+import express from 'express';
+
+const app = express();
+app.use(express.json());
+
+app.all('/mcp', async (req, res) => {
+  const transport = new StreamableHTTPServerTransport({
+    sessionIdGenerator: () => crypto.randomUUID(),
+  });
+  await server.connect(transport);
+  await transport.handleRequest(req, res, req.body);
+});
+
+app.listen(3000, () => console.log('MCP Server running on :3000'));
+```
+
+#### 5. OAuth 2.1 Authorization (Secure MCP)
+For MCP servers requiring user consent (e.g., accessing user's GitHub repos):
+```typescript
+import { ProxyOAuthServerProvider } from '@modelcontextprotocol/sdk/server/auth/providers/proxyOAuth.js';
+
+const authProvider = new ProxyOAuthServerProvider({
+  endpoints: {
+    authorizationUrl: 'https://github.com/login/oauth/authorize',
+    tokenUrl: 'https://github.com/login/oauth/access_token',
+  },
+  clientId: process.env.GITHUB_CLIENT_ID!,
+  clientSecret: process.env.GITHUB_CLIENT_SECRET!,
+  scopes: ['repo', 'read:user'],
+});
+
+server.setAuthProvider(authProvider);
+```
+
+### Security Hardening
+
+- **Validate ALL inputs**: Every tool parameter must be validated with Zod before execution. Never trust LLM-generated inputs directly.
+- **Principle of Least Privilege**: Each tool should only request the minimum permissions needed.
+- **Rate Limiting**: Implement per-session rate limits to prevent prompt injection loops.
+- **Sanitize Outputs**: Never return raw database records with sensitive fields (passwords, API keys). Always filter/select only what's needed.
+- **Audit Logging**: Log every tool call with session ID, tool name, parameters, and result status.
+- **Tool Annotations**: Use `destructiveHint: true` for tools that modify or delete data — agents should ask for human confirmation before calling these.
+
+### Multi-Server Orchestration
+When building AI apps with multiple MCP servers:
+```typescript
+// Client connecting to multiple MCP servers
+const client = new McpClient({ name: 'my-agent', version: '1.0.0' });
+
+// Connect to multiple specialized servers
+await client.connect(new StdioTransport({ command: 'node', args: ['file-server.js'] }));
+await client.connect(new StreamableHTTPTransport({ url: 'https://api.mydb.com/mcp' }));
+
+// List all available tools across servers
+const { tools } = await client.listTools();
+```
+
+---
+
+<a name="bahasa-indonesia"></a>
+## Bahasa Indonesia
+
+### Deskripsi
+Panduan ahli untuk merancang, membangun, dan mengamankan server **Model Context Protocol (MCP)** dan integrasi klien. Mencakup spesifikasi MCP v1.9+ (termasuk transport Streamable HTTP baru), desain tool/resource/prompt, validasi Zod, otorisasi OAuth 2.1, dan pola orkestrasi multi-server untuk aplikasi AI produksi.
+
+### Kondisi Pemicu
+- Membangun MCP server untuk mengekspos tool, resource, atau prompt template ke agen AI.
+- Mengintegrasikan API pihak ketiga atau database sebagai MCP tool untuk konsumsi LLM.
+- Mengimplementasikan logika klien MCP dalam agen AI atau chatbot.
+- Mengamankan MCP server dengan OAuth 2.1 dan pembatasan izin.
+- Men-deploy MCP server ke lingkungan edge/serverless.
+
+### Ringkasan Spesifikasi MCP v1.9+
+
+MCP menstandarisasi cara model AI berinteraksi dengan tool dan data eksternal. Spesifikasi 2026 (v1.9) memperkenalkan:
+- **Streamable HTTP**: Transport dua arah baru via HTTP streaming — menggantikan SSE untuk deployment cloud.
+- **Tool Annotations**: `readOnlyHint`, `destructiveHint`, `idempotentHint` untuk keputusan agen yang lebih aman.
+- **OAuth 2.1**: Alur otorisasi standar untuk MCP server yang memerlukan izin pengguna.
+
+### Membangun MCP Server (TypeScript)
+
+Gunakan `@modelcontextprotocol/sdk` untuk TypeScript. Definisikan tool dengan validasi Zod yang ketat, tambahkan anotasi v1.9 (`readOnlyHint`, `destructiveHint`), dan gunakan Streamable HTTP transport untuk deployment cloud produksi.
+
+### Keamanan MCP
+
+- **Validasi SEMUA input**: Setiap parameter tool harus divalidasi dengan Zod sebelum eksekusi.
+- **Prinsip Least Privilege**: Setiap tool hanya boleh meminta izin minimum yang diperlukan.
+- **Rate Limiting**: Batasi panggilan per sesi untuk mencegah loop prompt injection.
+- **Sanitasi Output**: Jangan pernah mengembalikan field sensitif (password, API key).
+- **Audit Logging**: Catat setiap panggilan tool dengan session ID, nama tool, parameter, dan status hasil.
+- **Anotasi Tool**: Gunakan `destructiveHint: true` untuk tool yang memodifikasi/menghapus data — agen harus meminta konfirmasi manusia sebelum memanggilnya.
+
+### Orkestrasi Multi-Server
+Klien MCP dapat terhubung ke beberapa server sekaligus, menyatukan semua tool dari server yang berbeda menjadi satu daftar yang tersedia untuk agen.

package/skills/mobile-expo-expert/SKILL.md

@@ -0,0 +1,186 @@
+---
+name: mobile-expo-expert
+description: "Expert guide for React Native 0.76+ and Expo SDK 52+ development. Covers cross-platform mobile architecture, Expo Router v4, New Architecture, OTA updates, and native modules / Panduan ahli pengembangan React Native 0.76+ dan Expo SDK 52+ untuk aplikasi mobile."
+author: "Roedy Rustam"
+---
+
+# Mobile Expert — React Native & Expo (SDK 53 / RN 0.79 Edition)
+
+[English](#english) | [Bahasa Indonesia](#bahasa-indonesia)
+
+---
+
+<a name="english"></a>
+## English
+
+### Description
+Expert guide for building production-grade cross-platform mobile applications using **React Native 0.79+** and **Expo SDK 53+**. Covers the New Architecture (stable), Expo Router v4, OTA updates, native modules, and modern state management patterns for iOS and Android.
+
+### Trigger Conditions
+- Building a new iOS/Android cross-platform mobile app.
+- Using Expo SDK 53+ or React Native 0.79+ with the New Architecture.
+- Implementing file-based routing with **Expo Router v4**.
+- Setting up OTA (Over-the-Air) updates with EAS Update.
+- Writing native modules using **JSI** (JavaScript Interface) or **Expo Modules API**.
+- Integrating device features: camera, biometrics, notifications, location.
+
+### What's New in 2026
+
+#### React Native 0.79 — New Architecture Stable
+The **New Architecture** (Fabric + JSI + TurboModules) is now **fully stable** and the default for all new Expo SDK 53 projects:
+- **Fabric**: New rendering engine — synchronous rendering, better animations.
+- **JSI (JavaScript Interface)**: Direct C++ bridge — no more async serialization for native calls.
+- **TurboModules**: Lazy-loaded native modules — significantly faster startup time.
+- **Concurrent React**: Full support for `useTransition`, `useDeferredValue`, and Suspense on mobile.
+
+#### Expo SDK 53 — Key Updates
+- **Expo Router v4**: File-based routing with typed routes, API routes (Expo functions), and universal links.
+- **Expo Camera v15**: Unified camera API for iOS and Android.
+- **Expo SQLite v15**: Full SQLite with WAL mode and `useSQLiteContext` hook.
+- **Expo Modules API v2**: Easier native module authoring with Swift/Kotlin.
+- **EAS Build**: Faster builds with M-series Mac runners.
+
+### Core Architecture Patterns
+
+#### 1. Project Setup (Expo SDK 53 + New Arch)
+```bash
+npx create-expo-app@latest MyApp --template tabs
+cd MyApp
+# New Architecture is enabled by default in SDK 53
+```
+
+#### 2. Expo Router v4 — File-Based Routing
+```
+app/
+  _layout.tsx          # Root layout (navigation + providers)
+  (tabs)/
+    _layout.tsx         # Tab navigator
+    index.tsx           # Home tab
+    profile.tsx         # Profile tab
+  (auth)/
+    login.tsx           # Login screen
+    register.tsx
+  modal.tsx             # Modal screen
+```
+
+Use **typed routes** for compile-time safety:
+```typescript
+import { Link, useRouter } from 'expo-router';
+
+// Typed navigation — TypeScript errors on invalid paths
+<Link href="/profile">Profile</Link>
+
+const router = useRouter();
+router.push('/modal');
+```
+
+#### 3. API Routes (Expo Functions)
+Expo Router v4 supports API routes for serverless backend logic:
+```typescript
+// app/api/user+api.ts
+export async function GET(request: Request) {
+  const user = await db.user.findFirst();
+  return Response.json(user);
+}
+```
+
+#### 4. State Management
+- **TanStack Query v5**: Primary choice for server state (`useQuery`, `useMutation`).
+- **Zustand**: Lightweight client state management (replace Context for complex state).
+- **MMKV**: Ultra-fast synchronous storage (replace AsyncStorage).
+- **Expo SQLite + Drizzle**: Local-first database with full SQL support.
+
+#### 5. Navigation Patterns
+```typescript
+// Deep linking & Universal Links configuration
+// app.json
+{
+  "expo": {
+    "scheme": "myapp",
+    "ios": { "associatedDomains": ["applinks:myapp.com"] },
+    "android": { "intentFilters": [{ "action": "VIEW", "data": [{ "scheme": "https", "host": "myapp.com" }] }] }
+  }
+}
+```
+
+#### 6. Native Modules — Expo Modules API v2
+```typescript
+// modules/my-sensor/src/MyModule.ts
+import { requireNativeModule } from 'expo-modules-core';
+const MyModule = requireNativeModule('MyModule');
+
+export function readSensor(): Promise<number> {
+  return MyModule.readSensor();
+}
+```
+
+#### 7. OTA Updates with EAS Update
+```bash
+# Push an instant OTA update (no App Store review)
+eas update --branch production --message "Fix critical bug"
+```
+Use **channels** to target specific user groups (production, staging, beta).
+
+#### 8. Performance Best Practices
+- Use **FlashList** (Shopify) instead of `FlatList` for large lists.
+- Use **react-native-reanimated v3** for 60/120fps animations that run on the UI thread.
+- Use **react-native-gesture-handler** for gesture recognition on the native thread.
+- Enable **Hermes** engine (default in SDK 53) for faster startup and reduced memory.
+
+---
+
+<a name="bahasa-indonesia"></a>
+## Bahasa Indonesia
+
+### Deskripsi
+Panduan ahli untuk membangun aplikasi mobile cross-platform tingkat produksi menggunakan **React Native 0.79+** dan **Expo SDK 53+**. Mencakup New Architecture (stabil), Expo Router v4, OTA updates, native modules, dan pola state management modern untuk iOS dan Android.
+
+### Kondisi Pemicu
+- Membangun aplikasi mobile iOS/Android cross-platform baru.
+- Menggunakan Expo SDK 53+ atau React Native 0.79+ dengan New Architecture.
+- Mengimplementasikan routing berbasis file dengan **Expo Router v4**.
+- Menyiapkan OTA (Over-the-Air) updates dengan EAS Update.
+- Menulis native modules menggunakan JSI atau Expo Modules API v2.
+- Mengintegrasikan fitur perangkat: kamera, biometrik, notifikasi, lokasi.
+
+### Yang Baru di 2026
+
+#### React Native 0.79 — New Architecture Stabil
+**New Architecture** (Fabric + JSI + TurboModules) kini **sepenuhnya stabil** dan menjadi default untuk semua proyek baru Expo SDK 53:
+- **Fabric**: Engine rendering baru — rendering sinkron, animasi lebih baik.
+- **JSI**: Bridge C++ langsung — tidak ada lagi serialisasi async untuk panggilan native.
+- **TurboModules**: Modul native lazy-loaded — startup jauh lebih cepat.
+- **Concurrent React**: Dukungan penuh untuk `useTransition`, `useDeferredValue`, dan Suspense di mobile.
+
+#### Expo SDK 53 — Pembaruan Utama
+- **Expo Router v4**: Routing berbasis file dengan typed routes, API routes, dan universal links.
+- **Expo Camera v15**: API kamera terpadu untuk iOS dan Android.
+- **Expo SQLite v15**: SQLite lengkap dengan mode WAL dan hook `useSQLiteContext`.
+- **Expo Modules API v2**: Pembuatan modul native yang lebih mudah dengan Swift/Kotlin.
+- **EAS Build**: Build lebih cepat dengan runner Mac M-series.
+
+### Pola Arsitektur Inti
+
+#### 1. Routing Berbasis File (Expo Router v4)
+Expo Router menggunakan konvensi direktori `app/` untuk mendefinisikan semua layar dan navigasi. Gunakan **typed routes** untuk keamanan type-safe di waktu kompilasi.
+
+#### 2. API Routes (Expo Functions)
+Expo Router v4 mendukung API routes untuk logika backend serverless langsung di dalam proyek.
+
+#### 3. State Management
+- **TanStack Query v5**: Pilihan utama untuk server state.
+- **Zustand**: State klien yang ringan.
+- **MMKV**: Penyimpanan sinkron ultra-cepat (pengganti AsyncStorage).
+- **Expo SQLite + Drizzle**: Database lokal-first dengan dukungan SQL penuh.
+
+#### 4. Native Modules — Expo Modules API v2
+Gunakan Expo Modules API untuk membuat modul native kustom dengan Swift (iOS) dan Kotlin (Android) dengan boilerplate minimal.
+
+#### 5. OTA Updates dengan EAS Update
+Dorong pembaruan instan ke pengguna tanpa melalui review App Store. Gunakan channel (`production`, `staging`, `beta`) untuk menargetkan kelompok pengguna tertentu.
+
+#### 6. Praktik Terbaik Performa
+- **FlashList**: Pengganti FlatList yang jauh lebih cepat untuk daftar panjang.
+- **react-native-reanimated v3**: Animasi 60/120fps yang berjalan di UI thread.
+- **react-native-gesture-handler**: Pengenalan gesture di native thread.
+- **Hermes Engine**: Default di SDK 53 — startup lebih cepat, memori lebih sedikit.

package/skills/monday-design-aesthetic/SKILL.md

@@ -0,0 +1,67 @@
+---
+name: monday-design-aesthetic
+description: "Expert guide for implementing the modern, spacious, and highly structured Monday.com design system / Panduan desain ala Monday.com."
+author: "Roedy Rustam"
+---
+
+# Monday.com Design Aesthetic
+
+[English](#english) | [Bahasa Indonesia](#bahasa-indonesia)
+
+---
+
+<a name="english"></a>
+## English
+
+### Description
+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.
+
+### Trigger Conditions
+Use this when the user asks for:
+- A "Monday.com style" design.
+- A modern SaaS landing page with clean structure.
+- High-quality, spacious UI with vibrant accents.
+
+### Core Design Tokens
+- **Primary Brand Color**: Vibrant Blue (`#0073ea`) for active states and primary buttons.
+- **Backgrounds**: Clean White (`#FFFFFF`) for main content, Light Grays (`#F9F9F9`, `#F5F6F8`) for section alternations, Dark Gray/Black (`#111111`) for footers.
+- **Typography**: Clean geometric sans-serif (e.g., Figtree, Circular, Inter).
+  - Hero text is extra-bold (48-60px).
+  - Section headers are bold (32-40px) in dark slate (`#333333`).
+  - Body text is medium (16-18px) in muted gray (`#676879`).
+
+### UI Components & Layout
+- **Buttons**: Fully rounded corners (~8px). Primary buttons use vibrant blue with white text and generous padding (e.g., `px-6 py-3`).
+- **Cards**: Large border radius (12-16px) with flat borders or extremely subtle drop shadows (`shadow-sm`).
+- **Layout**: Centered max-width containers (1200-1400px).
+- **Spacing**: Generous vertical padding between sections (80-120px) to let content breathe.
+- **Interactions**: Smooth hover states, interactive tab systems, and collapsible accordions.
+
+---
+
+<a name="bahasa-indonesia"></a>
+## Bahasa Indonesia
+
+### Deskripsi
+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.
+
+### Kondisi Pemicu
+Gunakan saat pengguna meminta:
+- Desain ala "Monday.com".
+- Landing page SaaS modern dengan struktur bersih.
+- UI berkualitas tinggi dengan ruang bernapas luas dan aksen cerah.
+
+### Token Desain Utama
+- **Warna Utama (Brand Color)**: Biru Cerah (`#0073ea`) untuk elemen aktif dan tombol utama.
+- **Background**: Putih Bersih (`#FFFFFF`) untuk konten utama, Abu-abu Terang (`#F9F9F9`, `#F5F6F8`) untuk variasi bagian, Abu-abu Gelap/Hitam (`#111111`) untuk footer.
+- **Tipografi**: Sans-serif geometris bersih (mis. Figtree, Circular, Inter).
+  - Teks Hero sangat tebal (48-60px).
+  - Header bagian tebal (32-40px) dengan warna dark slate (`#333333`).
+  - Teks isi sedang (16-18px) berwarna abu-abu redup (`#676879`).
+
+### Komponen UI & Layout
+- **Tombol (Buttons)**: Sudut melengkung (~8px). Tombol utama berwarna biru dengan padding luas (`px-6 py-3`).
+- **Kartu (Cards)**: Radius sudut besar (12-16px) dengan border datar atau bayangan sangat halus (`shadow-sm`).
+- **Tata Letak (Layout)**: Kontainer dengan lebar maksimal (1200-1400px) terpusat.
+- **Jarak (Spacing)**: Jarak vertikal yang sangat lega antar bagian (80-120px).
+- **Interaksi**: Efek hover halus, sistem tab interaktif, dan akordion lipat.

package/skills/monorepo-architect/SKILL.md

@@ -0,0 +1,227 @@
+---
+name: monorepo-architect
+description: "Expert guide for designing and managing scalable monorepos using Turborepo, pnpm workspaces, and shared packages / Panduan ahli untuk merancang dan mengelola monorepo skalabel menggunakan Turborepo dan pnpm workspaces."
+author: "Roedy Rustam"
+---
+
+# Monorepo Architect (Turborepo 2.x / Moon Edition)
+
+[English](#english) | [Bahasa Indonesia](#bahasa-indonesia)
+
+---
+
+<a name="english"></a>
+## English
+
+### Description
+Expert guide for designing and managing scalable monorepos. Covers **Turborepo 2.x** (the 2026 standard for JS/TS monorepos), **moon** (polyglot task runner for teams mixing JS + Rust + Go), **pnpm workspaces**, shared package design, incremental builds, remote caching, and CI/CD pipeline optimization.
+
+### Trigger Conditions
+- Managing a codebase with multiple apps and shared packages.
+- Setting up a monorepo for a SaaS with separate `web`, `admin`, `api`, and `packages`.
+- Optimizing build and test times with remote caching.
+- Sharing TypeScript types, UI components, or utility functions across apps.
+- Migrating from a multi-repo setup to a monorepo.
+
+### Tool Selection Guide (2026)
+
+| Tool | Best For | Language Agnostic |
+|---|---|---|
+| **Turborepo 2.x** | JS/TS monorepos (Next.js, Vite, Node) | ❌ (JS focused) |
+| **moon** | Polyglot teams (JS + Go + Rust + Python) | ✅ |
+| **Nx** | Enterprise, Angular/React, plugin ecosystem | ❌ (JS focused) |
+| **Bazel** | Very large orgs, hermetic builds | ✅ |
+
+### Turborepo 2.x — Standard JS Monorepo
+
+#### Repository Structure
+```
+my-saas/
+├── apps/
+│   ├── web/          # Next.js 15 main app
+│   ├── admin/        # Next.js 15 super admin (subdomain)
+│   └── api/          # Hono/Fastify backend
+├── packages/
+│   ├── ui/           # Shared Tailwind v4 components
+│   ├── db/           # Drizzle ORM schema + queries
+│   ├── auth/         # Auth utilities (session, JWT)
+│   ├── email/        # Email templates (React Email)
+│   └── tsconfig/     # Shared TypeScript configs
+├── turbo.json
+├── pnpm-workspace.yaml
+└── package.json
+```
+
+#### turbo.json (v2 Syntax)
+```json
+{
+  "$schema": "https://turbo.build/schema.json",
+  "ui": "tui",
+  "tasks": {
+    "build": {
+      "dependsOn": ["^build"],
+      "inputs": ["$TURBO_DEFAULT$", ".env*"],
+      "outputs": [".next/**", "!.next/cache/**", "dist/**"]
+    },
+    "dev": {
+      "cache": false,
+      "persistent": true
+    },
+    "test": {
+      "dependsOn": ["^build"],
+      "inputs": ["src/**", "test/**", "vitest.config.*"]
+    },
+    "lint": {
+      "inputs": ["src/**", "*.config.*", ".eslintrc*"]
+    },
+    "typecheck": {
+      "dependsOn": ["^build"]
+    },
+    "db:generate": {
+      "cache": false
+    }
+  }
+}
+```
+
+#### pnpm-workspace.yaml
+```yaml
+packages:
+  - "apps/*"
+  - "packages/*"
+```
+
+#### Remote Caching (Vercel Remote Cache)
+```bash
+# Authenticate with Vercel Remote Cache
+npx turbo login
+npx turbo link
+
+# Or self-hosted with Turborepo Remote Cache
+TURBO_TEAM=my-team TURBO_TOKEN=xxx turbo build
+```
+
+#### Shared UI Package (`packages/ui`)
+```json
+// packages/ui/package.json
+{
+  "name": "@myapp/ui",
+  "version": "0.0.0",
+  "private": true,
+  "exports": {
+    "./button": {
+      "import": "./src/button.tsx",
+      "types": "./src/button.tsx"
+    },
+    "./card": {
+      "import": "./src/card.tsx",
+      "types": "./src/card.tsx"
+    }
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  }
+}
+```
+
+#### Internal Package Pattern (No Build Step)
+Use `"exports"` pointing to source files directly — Turborepo compiles them as part of the consuming app:
+```json
+// packages/db/package.json
+{
+  "name": "@myapp/db",
+  "exports": {
+    ".": {
+      "import": "./src/index.ts",
+      "types": "./src/index.ts"
+    }
+  },
+  "devDependencies": {
+    "drizzle-orm": "latest",
+    "drizzle-kit": "latest"
+  }
+}
+```
+
+### moon — Polyglot Task Runner
+For teams mixing JavaScript, Go, Rust, and Python in one repo:
+```yaml
+# .moon/workspace.yml
+projects:
+  - "apps/*"
+  - "packages/*"
+  - "services/*"   # Go/Rust microservices
+
+vcs:
+  manager: "git"
+  defaultBranch: "main"
+```
+
+```yaml
+# apps/api/moon.yml (Go service)
+language: "go"
+type: "application"
+
+tasks:
+  build:
+    command: "go build -o ./bin/api ./cmd/api"
+    inputs: ["src/**/*.go", "go.mod"]
+    outputs: ["bin/api"]
+  test:
+    command: "go test ./..."
+```
+
+### CI/CD Optimization
+```yaml
+# .github/workflows/ci.yml
+- name: Build & Test (Turborepo)
+  run: |
+    npx turbo run build test lint typecheck \
+      --filter="...[origin/main]" \  # Only changed packages
+      --cache-dir=".turbo"
+  env:
+    TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}
+    TURBO_TEAM: ${{ vars.TURBO_TEAM }}
+```
+
+---
+
+<a name="bahasa-indonesia"></a>
+## Bahasa Indonesia
+
+### Deskripsi
+Panduan ahli untuk merancang dan mengelola monorepo yang skalabel. Mencakup **Turborepo 2.x** (standar 2026 untuk monorepo JS/TS), **moon** (task runner poliglot untuk tim yang memadukan JS + Rust + Go), **pnpm workspaces**, desain shared package, incremental build, remote caching, dan optimasi pipeline CI/CD.
+
+### Kondisi Pemicu
+- Mengelola codebase dengan banyak aplikasi dan shared package.
+- Menyiapkan monorepo untuk SaaS dengan `web`, `admin`, `api`, dan `packages` terpisah.
+- Mengoptimalkan waktu build dan test dengan remote caching.
+- Berbagi TypeScript types, komponen UI, atau utilitas antar aplikasi.
+- Migrasi dari multi-repo ke monorepo.
+
+### Panduan Pemilihan Tool (2026)
+- **Turborepo 2.x**: Standar untuk monorepo JS/TS — cepat, zero-config, remote cache bawaan.
+- **moon**: Untuk tim poliglot yang memadukan JS, Go, Rust, Python dalam satu repo.
+- **Nx**: Untuk enterprise dengan ekosistem plugin yang kaya.
+
+### Struktur Repositori
+Pisahkan `apps/` (aplikasi yang dapat di-deploy) dari `packages/` (shared library internal):
+- `apps/web` — Next.js utama
+- `apps/admin` — Dashboard Super Admin (subdomain terpisah)
+- `apps/api` — Backend API
+- `packages/ui` — Komponen UI bersama (Tailwind v4)
+- `packages/db` — Skema Drizzle ORM + query
+- `packages/auth` — Utilitas auth
+
+### Turborepo 2.x — Sintaksis Baru
+Turborepo 2.x memperkenalkan TUI interaktif (`"ui": "tui"`), sintaksis `tasks` yang lebih ekspresif, dan caching yang lebih granular dengan `inputs`/`outputs`.
+
+### Pola Internal Package (Tanpa Build Step)
+Arahkan `exports` langsung ke file sumber TypeScript — Turborepo mengkompilasi sebagai bagian dari aplikasi yang mengonsumsinya. Ini menghilangkan kebutuhan langkah build terpisah untuk setiap package.
+
+### moon — Task Runner Poliglot
+Moon mendukung proyek dalam bahasa yang berbeda (Go, Rust, JS) dalam satu workspace, masing-masing dengan konfigurasi `moon.yml`-nya sendiri.
+
+### Optimasi CI/CD
+Gunakan flag `--filter="...[origin/main]"` Turborepo untuk hanya membangun dan menguji package yang berubah sejak commit terakhir. Gunakan remote cache Vercel atau self-hosted untuk berbagi cache antar runner CI.