vibes-plug 2.14.1 → 3.9.0

package/skills/zero-trust-secret-vault/SKILL.md

@@ -1,7 +1,8 @@
 ---
 name: zero-trust-secret-vault
 description: "Expert guide for Zero-Trust Secret Management (Infisical, HashiCorp Vault, Doppler), automated API key rotation, and environment security / Panduan ahli manajemen rahasia Zero-Trust, rotasi kunci API, dan keamanan variabel lingkungan."
-author: "Roedy Rustam"
+author: "Roedy Rustam"
+version: "3.0.0"
 ---
 
 # Zero-Trust Secret Vault & Credential Security Expert
@@ -85,4 +86,4 @@ const dbPassword = await client.getSecret("DATABASE_PASSWORD", {
 ```
 
 ## Integrasi Orkestrasi
-- Terintegrasi dengan: `ci-cd-devops-architect`, `authentication-identity-expert`, `mcp-server-architect`.
+- Terintegrasi dengan: `ci-cd-devops-architect`, `authentication-identity-expert`, `mcp-server-architect`.

package/BLUEPRINT.md

@@ -1,319 +0,0 @@
-# Project Blueprint
-
-- **Version**: 2.11.0
-- **Author**: Roedy Rustam
-- **License**: MIT
-- **Last Updated**: 2026-09-08
-- **Repository**: [vibes-plug](https://github.com/roedyrustam/vibes-plug)
-
-[English](#english) | [Bahasa Indonesia](#bahasa-indonesia)
-
----
-
-<a name="english"></a>
-## English
-
-### Overview
-Vibes Plug is a universal AI plugin for Antigravity (AGY), Claude Code, and Cursor IDE that houses 145+ high-performance custom skills designed for SaaS architectures, database management, premium UI/UX design, AI & LLM agentic integrations, frontend performance optimization, and advanced SEO strategies.
-
-### Skill Modules (145 Total)
-- **accessibility-testing-expert**: Expert guide for automated and manual Web Accessibility (a11y) testing — axe-core, Pa11y, Playwright a11y, screen reader testing, and WCAG 2.2 Level AA/AAA compliance
-- **ai-cost-token-optimizer**: Expert guide for LLM API cost optimization, Prompt Caching, model routing (Flash/Pro/Opus), semantic caching, and token budgeting
-- **ai-evals-benchmark-expert**: Expert guide for LLM & AI Agent automated evaluations (Evals), Promptfoo, DeepEval, Ragas, regression benchmarking, and deterministic assertions
-- **ai-llm-integration-expert**: Expert guide for integrating Large Language Models (LLMs), Model Context Protocol (MCP), RAG architecture, vector databases, and AI agents
-- **ai-media-generation-expert**: Expert guide for AI image generation (Flux, DALL-E, Stable Diffusion), video generation (Sora, Runway), voice synthesis (ElevenLabs TTS), and speech recognition (Whisper STT) integration
-- **ai-prompt-engineering-expert**: Expert guide for systematic Prompt Engineering, Chain-of-Thought, few-shot prompting, structured output (JSON mode), prompt versioning, and LLM evaluation
-- **angular-expert**: Expert guide for Angular 19+ enterprise applications — Signals, Standalone Components, NgRx SignalStore, SSR with Hydration, and Angular Material 3
-- **anti-slop**: Comprehensive Anti-AI Slop enforcement guide. Eliminates conversational pleasantries, placeholder code, truncated implementations, hallucinated packages, speculative over-engineering, and decorative comments
-- **api-design-expert**: Expert guide for designing robust APIs: REST best practices, GraphQL, gRPC, tRPC, OpenAPI/Swagger, API versioning, rate limiting, and contract-first design
-- **api-gateway-proxy-expert**: Expert guide for API Gateways, Reverse Proxies, and Service Mesh. Covers Kong, Traefik, NGINX, Cloudflare Gateway, and load balancing
-- **app-analyzer-optimizer**: Deeply analyzes application architecture and structure to perform audit, bottleneck detection, and code/performance optimization
-- **apple-ecosystem-expert**: Expert guide for Apple Ecosystem development. Covers iOS support, Safari WebKit compatibility, PWAs (Progressive Web Apps) for iOS, and Human Interface Guidelines (HIG) for web and native apps
-- **asisten-ramah**: Skill to make Antigravity respond in a friendly manner
-- **astro-framework-expert**: Expert guide for Astro 5+ framework — Content Collections, Islands Architecture, View Transitions, partial hydration, and MDX integration
-- **async-queue-temporal-expert**: Expert guide for Durable Workflow Engines (Temporal.io, Trigger.dev v3, Inngest, BullMQ v5), distributed sagas, compensating rollbacks, and DLQ
-- **authentication-identity-expert**: Expert guide for implementing secure authentication, authorization (RBAC/ABAC), OAuth2, and identity management (Clerk, Auth.js, Supabase Auth)
-- **auto-doc-updater**: Automatically documents every feature change or bug fix successfully built into CHANGELOG.md and BLUEPRINT.md
-- **autonomous-chaos-monkey**: AI-driven Chaos Engineering. Randomly injects latency, terminates mock services, and automatically implements circuit breakers
-- **autonomous-red-teamer**: AI-driven dynamic security fuzzing, exploit generation (XSS, SQLi, SSRF, Prompt Injection), and automated patch remediation
-- **autonomous-tdd-debugger**: Empowers the agent to autonomously run tests, read terminal stack traces, and self-heal code until tests pass. Transforms the agent from a passive coder to an active CI pipeline debugger
-- **background-jobs-queue-expert**: Dedicated deep-dive for BullMQ v5, Trigger.dev v3, Inngest, delayed jobs, job deduplication, idempotency, dead letter queues, and job priority
-- **biome-linter-formatter-expert**: Expert guide for Biome (Rust-based linter + formatter), ESLint/Prettier migration, and code quality tooling
-- **blockchain-web3-expert**: Expert guide for Web3 and blockchain dApp integration — viem, wagmi v2, ethers.js v6, RainbowKit, smart contract interactions, and EVM wallet state
-- **bootstrap-to-modern**: Expert skill to refactor and migrate legacy Bootstrap CSS applications to modern stacks using Tailwind CSS v4 and Alpine.js
-- **brainstorming**: Master ideation protocol & architectural orchestrator with Modern Web Guidance. Validates design ideas and orchestrates all specialized vibes-plug skills before coding begins
-- **browser-automation-expert**: Expert guide for autonomous web agents (Browser-Use, Stagehand v0.4+), hardcore anti-bot evasion (Playwright Stealth, WebGL masking), and frontier Vision LLMs (Gemini 3.8 Flash, Claude 3.7 Sonnet)
-- **bun-runtime-expert**: Expert guide for Bun JavaScript/TypeScript runtime. Use when building, testing, or deploying applications with Bun
-- **chatbot-messaging-expert**: Expert guide for chatbot and messaging platform integration (WhatsApp Business, Telegram Bot, Discord.js, Slack Bolt) and conversational AI
-- **ci-cd-devops-architect**: Expert guide for continuous integration, deployment pipelines, Docker, Kubernetes, and Infrastructure as Code (IaC)
-- **cloud-hosting-expert**: Expert guide for deploying SaaS applications with multiple entry points on modern edge and serverless platforms like Vercel and Cloudflare
-- **coderabbit**: AI-powered automated code review, PR summarization, and interactive developer feedback
-- **compliance-gdpr-privacy-expert**: Expert guide for Data Privacy, GDPR, CCPA, and PDPA compliance. Covers consent management, data retention, privacy-by-design, and audit trails
-- **cron-scheduler-expert**: Expert guide for scheduled tasks, cron jobs, recurring background work (Vercel Cron, Cloudflare Workers Cron, Inngest, node-cron), and distributed scheduling
-- **data-pipeline-etl-expert**: Expert guide for Data Pipelines, ETL/ELT, and Analytics Engineering. Covers dbt, Apache Airflow, Dagster, BigQuery, ClickHouse, and DuckDB
-- **data-telemetry-expert**: Expert guide for observability, analytics, telemetry, and data pipelines (OpenTelemetry, PostHog, Mixpanel)
-- **data-visualization-expert**: Expert guide for data visualization, charts, and dashboards using D3.js, Recharts, Chart.js, Nivo, and Tremor
-- **database-migration-versioning-expert**: Expert guide for database migrations: schema versioning, zero-downtime migrations, backward-compatible changes, data backfill, and rollback strategies
-- **database-orm-expert**: Expert guide for database schema design, ORM tools (Prisma 6, Drizzle ORM, TypeORM), migrations, query optimization, and type-safe SQL patterns in TypeScript
-- **deep-research-analyst**: Expert guide for autonomous deep research, iterative web search, citation verification, evidence graph synthesis, and hallucination mitigation
-- **dependency-upgrade-migrator**: Expert guide for dependency upgrades, breaking change migrations, codemod automation, and package audit remediation
-- **design-system-architect**: 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
-- **desktop-electron-expert**: Expert guide for Electron 33+ desktop application development — Electron Forge, context isolation, IPC security, native menus, auto-updates, and multi-window management
-- **documentation-site-expert**: Expert guide for technical documentation sites (Mintlify, Docusaurus, Storybook, VitePress) and component documentation
-- **doku-mcp-server**: 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)
-- **doku-payment-gateway**: Expert guide for integrating DOKU Payment Gateway (Jokul API v2). Covers HMAC-SHA256 header signature calculation, Checkout & Direct APIs (VA, QRIS, E-Wallet, Credit Card), webhook notification verification, and sandbox/production setup
-- **domain-driven-design-expert**: Expert guide for Domain-Driven Design (DDD). Covers tactical patterns (Aggregates, Value Objects), strategic patterns (Bounded Contexts), event storming, and CQRS
-- **e2e-testing-expert**: Expert guide for End-to-End (E2E) testing with Playwright, unit/integration testing with Vitest, and CI/CD automated testing pipeline setup
-- **ecommerce-expert**: Expert guide for e-commerce architecture (Shopify Storefront, Medusa.js, Saleor), product catalogs, cart/checkout UX, and order management
-- **edge-serverless-db-expert**: Expert guide for Serverless & Edge Databases (Neon Serverless Postgres, Cloudflare D1, Turso/libsql, Upstash Redis), cold-start mitigation, and connection pooling
-- **email-notification-expert**: Expert guide for transactional email (Resend, Postmark, SES), React Email templates, in-app notifications, and unified communication pipelines
-- **error-resilience-expert**: Expert guide for error handling patterns, resilience engineering, retry strategies, circuit breakers, and graceful degradation across React, Next.js, and Node.js
-- **event-driven-architect**: Expert guide for microservices, message queues, Event Sourcing, and high-scale backend architectures
-- **feature-flag-analytics-expert**: Expert guide for Feature Flags & Progressive Rollout (PostHog, LaunchDarkly, GrowthBook), A/B testing orchestration, and canary releases
-- **file-upload-media-expert**: Expert guide for file uploads (S3, R2, Supabase Storage), presigned URLs, image/video processing, CDN optimization, and media pipeline architecture
-- **firebase-security-expert**: Firebase security expert to audit Security Rules (Firestore/Realtime Database/Storage), authentication, API keys, data leakage prevention, and App Check configuration
-- **form-validation-expert**: Expert guide for complex form handling with React Hook Form, server-side validation (useActionState + Zod), multi-step wizards, and accessible form patterns
-- **fullstack-expert**: Expert-level fullstack development guide covering multi-language (TypeScript, Python, Go, Rust), multi-framework (Next.js, FastAPI, Gin, Axum), API design, microservices, DevOps, and system design
-- **gemini-agent-booster**: Master optimization protocol for Gemini Agent (Antigravity) to unlock native 1M+ long-context reasoning, multimodal vision UI audits, visual subagent feedback, and high-speed problem solving
-- **geospatial-maps-expert**: Expert guide for maps and geospatial data (Mapbox GL JS, Leaflet, Google Maps, PostGIS)
-- **global-a11y-i18n-expert**: Expert guide for Web Accessibility (WCAG a11y) and Internationalization (i18n)
-- **glsl-shader-expert**: Expert guide for writing custom GLSL shaders (Vertex/Fragment) for WebGL using Three.js and Babylon.js. Covers shader materials, post-processing, noise, and performance optimization
-- **go-programming-expert**: Expert-level skill for Go programming (Go 1.25+). Covers high-performance microservices, concurrency patterns, sqlc, net/http, Gin/Echo/Fiber, gRPC, and testing in English and Indonesian
-- **graph-rag-knowledge-expert**: Expert guide for Knowledge Graphs, GraphRAG, Microsoft GraphRAG, Neo4j Text2Cypher, multi-hop relational retrieval, and hybrid vector-graph search
-- **graphql-apollo-expert**: Expert guide for designing and consuming GraphQL APIs. Covers Apollo Server/Client, NestJS GraphQL (Code-First & Schema-First), TypeGraphQL, caching, and N+1 query optimization
-- **headless-cms-expert**: Expert guide for Headless CMS integration (Sanity, Payload CMS, Strapi, Contentful, Storyblok) with modern frameworks
-- **hig**: Applies Human Interface Guidelines (HIG) principles — Hierarchy, Harmony, and Consistency — to UI/UX designs to ensure intuitive and cohesive interfaces
-- **js-backend-expert**: Expert-level skill for Node.js 24+ (LTS), Bun 1.2+, and Deno 2.x backend development. Covers Express 5, Fastify 5, Hono v4, NestJS, Prisma 6, Drizzle ORM, WebSockets, BullMQ, OpenTelemetry, and microservices in English and Indonesian
-- **legacy-code-translator**: Methodological guide for the AI Agent to safely and systematically translate, refactor, and modernize giant legacy codebases (PHP, Python 2, old React) into modern stacks
-- **local-slm-edge-ai-expert**: Expert guide for Local Small Language Models (SLMs) and Edge AI execution — WebLLM, Transformers.js v3, ONNX Runtime Web, WebGPU, and zero-latency local embeddings
-- **logging-error-tracking-expert**: Expert guide for structured logging (Pino, Winston), error tracking (Sentry), log aggregation (Axiom, Datadog), request correlation, and GDPR-compliant log management
-- **mcp-client-orchestrator**: 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
-- **mcp-server-architect**: Ultimate guide for designing, building, and security-hardening modern AI Tools/Bots via Model Context Protocol (MCP v1.x) in TypeScript and Python (FastMCP, Streamable HTTP/SSE)
-- **micro-frontend-architect**: Expert guide for designing Micro-Frontend architectures using Webpack Module Federation, Vite Federation, and Single-SPA for large scale Vue and React applications
-- **mobile-expo-expert**: Expert guide for React Native 0.79+ and Expo SDK 53+ development. Covers cross-platform mobile architecture, Expo Router v4, New Architecture, OTA updates, and native modules
-- **mobile-push-notification-expert**: Expert guide for Cross-Platform Push Notifications (Expo Push, FCM, APNs, Web Push), iOS Live Activities, and background payload handling
-- **modern-css-native-expert**: Expert guide for cutting-edge Native CSS (2026 Standard) — CSS Anchor Positioning, @starting-style, View Transitions Level 2, Container Queries, and :has()
-- **monday-design-aesthetic**: Expert guide for implementing the modern, spacious, and highly structured Monday.com design system
-- **monorepo-architect**: Expert guide for designing and managing scalable monorepos using Turborepo, pnpm workspaces, and shared packages
-- **mpa-orchestrator**: Orchestrates Multi-Page Application (MPA) architecture within a single repository, integrating with relevant skills
-- **multi-agent-orchestration**: Expert guide for designing and orchestrating multi-agent systems, agent swarms, graph-based workflows (LangGraph, CrewAI, AutoGen), shared state memory, and human-in-the-loop guardrails in English and Indonesian
-- **multiple-entry-points**: Expert guide for designing and implementing Multiple Entry Points architecture in web applications
-- **mvc-expert**: Expert guidelines to refactor legacy PHP codebases into clean, modern, and scalable MVC-structured projects
-- **n8n-automation-expert**: Expert guide for workflow automation (n8n, Zapier, Make), custom nodes, webhook triggers, and AI-powered automation chains
-- **nextjs-app-router-expert**: Expert guide for Next.js 15 App Router: RSC, Server Actions, Middleware, Parallel/Intercepting Routes, Streaming, and Caching strategies
-- **openapi-swagger-codegen-expert**: OpenAPI 3.1 spec authoring, Swagger UI, automatic client/server code generation (openapi-typescript, Orval, Kiota), contract testing
-- **payment-gateway-expert**: Expert guide for integrating payment gateways (Stripe, PayPal, Xendit, Midtrans, DOKU) and secure webhooks into SaaS platforms
-- **pdf-document-generation-expert**: Expert guide for PDF generation and document processing (React PDF, Puppeteer, jsPDF, pdf-lib)
-- **performance-web-vitals**: Expert guide for Web Performance optimization: Core Web Vitals (LCP, INP, CLS), bundle analysis, image optimization, rendering strategies, and Lighthouse score improvement
-- **post-quantum-crypto-migrator**: FinTech future-proofing. Scans and migrates classical encryption to NIST-approved Post-Quantum Cryptography (PQC)
-- **prd-architect**: Mandatory guardrail skill that enforces creating a comprehensive Product Requirements Document (PRD), ERD, and Documentation before generating code for new projects
-- **proactive-background-watcher**: Grants the AI the ability to act proactively using native cron/timer scheduling. The agent can monitor systems, poll APIs, or watch logs in the background and self-trigger without waiting for user prompts
-- **production-ready-hardener**: Ultimate production readiness skill that orchestrates all relevant skills (frontend, backend, security, performance, SEO, testing, DevOps) to harden applications before deployment
-- **pwa-offline-first-expert**: Expert guide for Local-First & Offline-First architectures, CRDT conflict-free sync (RxDB, ElectricSQL, PowerSync), OPFS SQLite, Service Worker v3, and PWABuilder deployment
-- **pydantic-ai-expert**: Expert guide for type-safe Python AI agent development with Pydantic AI — dependency injection, structured outputs, model-agnostic routing, and graph workflows
-- **project-context-mapper**: 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
-- **python-programming-expert**: Expert-level skill for Python programming (Python 3.13/3.14+). Covers type safety, generic syntax (PEP 695), async/await TaskGroups, FastAPI 0.115+, Pydantic v2, uv package manager, Ruff, and pytest in English and Indonesian
-- **rate-limit-abuse-prevention**: Expert guide for API rate limiting, bot protection, DDoS mitigation, brute-force prevention, and abuse detection
-- **realtime-collaboration-expert**: Expert guide for building real-time collaboration features using WebSockets, WebRTC, CRDTs (Yjs, Automerge), and Liveblocks
-- **rich-text-editor-expert**: Expert guide for rich text editor integration (Tiptap, Lexical, ProseMirror), collaborative editing, and custom extensions
-- **rust-programming-expert**: Expert-level skill for Rust programming (Rust 2024
-- **saas-billing**: Implement and audit SaaS billing systems, subscription state machines, secure webhooks, and local database synchronization
-- **saas-multi-tenant**: Design and implement multi-tenant SaaS architectures with RLS, tenant isolation, and PostgreSQL
-- **saas-mvp-launcher**: Structured roadmap and design to plan and launch a SaaS MVP from scratch
-- **saas-transformer**: Transforms regular applications into complete SaaS platforms with multi-tenancy, billing, team management, and feature gating — orchestrating all relevant vibes-plug skills
-- **scalability-clean-code**: Software architecture guidelines to maintain code readability (Clean Code, SOLID, DRY) and application scalability
-- **search-engine-expert**: Expert guide for full-text search engines (Typesense, Meilisearch, Elasticsearch), faceted search, and autocomplete
-- **secure-fuzz-testing**: Expert-level skill for writing and integrating coverage-guided fuzz tests in Python, Rust, and Go for secure code validation in English and Indonesian
-- **self-evolving-memory-graph**: Grants the AI long-term episodic memory. The agent autonomously documents the user's coding preferences, past mistakes to avoid, and architectural decisions into a persistent learning graph
-- **self-healing-cloud-orchestrator**: Real-time log monitoring, crash detection, and auto-hotfixing code without human intervention
-- **senior-frontend**: Frontend development for React 19, Next.js 15, TypeScript, and Tailwind CSS v4
-- **seo**: Run a broad SEO audit across technical SEO, on-page SEO, schema, sitemaps, content quality, AI search readiness, and GEO
-- **session-context-loader**: Automatically loads and learns project context (Tech Stack, PRD, Roadmap, Blueprint) at the start of every new conversation session to ensure focused and directed development
-- **session-handoff-resume**: Skill to save ultra-compact project checkpoints and seamlessly resume work across accounts or new chat sessions with minimum token consumption
-- **skill-baru**: Comprehensive template for creating new vibes-plug skills with proper structure, trigger conditions, and bilingual support
-- **solidjs-expert**: Expert guide for SolidJS 2 and SolidStart — fine-grained reactivity, signals, createResource, and server-first rendering
-- **spa-orchestrator**: Orchestrates Single-Page Application (SPA) architecture, integrating frontend state management with API-driven backends
-- **sse-websocket-streaming-expert**: Expert guide for Server-Sent Events (SSE), WebSockets, and Streaming Architectures. Covers real-time data push, Socket.IO, Hono WebSocket, and AI response streaming
-- **state-management-expert**: Expert guide for modern client-side state management: Zustand, Jotai, Valtio, TanStack Store, Redux Toolkit, and server state patterns with TanStack Query
-- **supabase-migration**: A skill to create or apply a Supabase database migration
-- **supabase-security-expert**: Supabase security expert to audit RLS (Row Level Security), RBAC, relational databases, prevent data leakage, and utilize Supabase Linter
-- **svelte-sveltekit-expert**: Expert guide for Svelte 5 (Runes) and SvelteKit 2+ — fine-grained reactivity, server-first architecture, form actions, and SSR/SSG
-- **svg-animation-motion-expert**: Expert guide for web animations: SVG manipulation, Framer Motion 12+, GSAP 3, CSS Scroll-Driven Animations, and View Transitions API
-- **synthetic-data-finetuning-expert**: Expert guide for synthetic dataset generation, LLM-as-a-judge filtering, QLoRA fine-tuning (Unsloth), DPO alignment, and GGUF/Ollama export for local SLMs
-- **tailwind-expert**: Expert guide for Tailwind CSS v4, CSS-first configuration, @theme customization, and modern responsive design
-- **tanstack-query-expert**: Advanced TanStack Query (v5) expert. Covers useSuspenseQuery, infinite scrolling, optimistic mutations, SSR/React Server Components hydration, and advanced cache invalidation
-- **tauri-expert**: Expert skill for Tauri (v2) development, Rust backend, IPC, and security
-- **token-saver**: Skill to implement token saving scheme, concise, and focused on essential changes
-- **typescript-expert**: Expert guide for TypeScript 5.8+ advanced type system, strict mode, generics, utility types, branded types, inferred type predicates, isolated declarations, and type-safe architectural patterns
-- **ui-components-expert**: Expert guide for building production-quality UI components following the 4 pillars. Covers React 19, Radix UI, Base UI, Tailwind v4, Material Design 3 (M3), WCAG 2.2
-- **ui-ux-pro-max**: Comprehensive design guide & BM25 search engine for web and mobile applications across 11 tech stacks
-- **vector-db-rag-expert**: Expert guide for high-performance Vector Databases, Deep RAG architectures, pgvector 0.8+ HNSW, Reciprocal Rank Fusion (RRF), Cross-Encoder Re-ranking, and Late Chunking
-- **vercel-ai-sdk-expert**: Expert guide for Vercel AI SDK (Core, UI, RSC), streaming structured data, multi-provider model switching, tool calling loops, and React 19/Next.js 15 AI engineering
-- **vibe-code-gardener**: Purger of AI slop, code bloat, context drift, and architectural decay in vibe-coded projects
-- **visual-qa-vision-agent**: Equips the AI agent with visual QA capabilities using Playwright/Puppeteer and the agent's innate Vision capabilities to self-correct UI layout, CSS alignment, and visual regressions
-- **voice-ai-realtime-agent**: Expert guide for Ultra-Low Latency Conversational Voice AI (<300ms), WebRTC bidirectional streaming, OpenAI Realtime API, Gemini Multimodal Live Audio, LiveKit Agents, and Semantic VAD
-- **vue-frontend-expert**: Expert guide for Vue 3 (Composition API), Nuxt 3, and Pinia. Covers advanced reactive state management, `<script setup>` syntax, Vue Router, VueUse, and SPA/SSR architectural patterns in English and Indonesian
-- **wasm-edge-computing-expert**: Expert guide for WebAssembly (WASM) and Edge Computing. Covers WASI preview 2, Spin/Fermyon, Cloudflare Workers WASM, and high-performance browser computing
-- **web-3d-graphics-expert**: Expert guide for WebGL and 3D graphics in the browser using Three.js, Babylon.js, React Three Fiber (R3F), and TresJS. Covers scene optimization, shaders, lighting, 3D model loading (GLTF/GLB), and performance tuning
-- **web-game-engine-expert**: Expert guide for web-based game development. Covers Entity Component System (ECS) architectures, physics engines (Rapier, Havok, Cannon-es), collision detection, and game loop optimization
-- **web-scraper**: Smart agentic web data extraction with multi-strategy scraping (Crawl4AI v4, Firecrawl), LLM extraction loops, anti-bot bypass, and structured export
-- **website-design-cloner**: Analyzes and reverse-engineers website designs directly from a target URL, extracting layout structures, design tokens (colors, typography, spacing), component hierarchies, visual assets, and responsive behaviors to enable full 1:1 duplication into modern code (Tailwind CSS v4, React/Next.js, HTML/CSS)
-- **webxr-ar-vr-expert**: Expert guide for WebXR (Web-based Virtual and Augmented Reality) development using Babylon.js and Three.js. Covers device compatibility, immersive sessions, controllers, and hit-testing
-- **wordpress-headless-expert**: Expert guide for headless WordPress architecture — WPGraphQL, ACF Pro, Faust.js, Next.js/Astro frontend, webhooks, and caching
-- **zero-to-prod-orchestrator**: Master orchestrator to build an application from scratch to a production-ready release, enforcing strict step-by-step progression and continuous documentation
-- **zero-trust-secret-vault**: Expert guide for Zero-Trust Secret Management (Infisical, HashiCorp Vault, Doppler), automated API key rotation, and environment security
-
----
-
-<a name="bahasa-indonesia"></a>
-## Bahasa Indonesia
-
-### Ringkasan
-Vibes Plug adalah plugin AI universal untuk Antigravity (AGY), Claude Code, dan Cursor IDE yang memuat 145+ modul kemampuan (*skills*) berkinerja tinggi. Dirancang khusus untuk arsitektur SaaS, manajemen database, desain UI/UX premium, integrasi agen AI & LLM, optimasi performa frontend, dan strategi SEO lanjutan.
-
-### Modul Skills (Total 145 Modul)
-- **accessibility-testing-expert**: Panduan ahli pengujian aksesibilitas web
-- **ai-cost-token-optimizer**: Panduan ahli optimasi biaya API LLM, Prompt Caching, model routing, dan semantic caching
-- **ai-evals-benchmark-expert**: Panduan ahli evaluasi otomatis LLM & AI Agent (Evals), Promptfoo, DeepEval, Ragas, regression benchmarking, dan deterministic assertions
-- **ai-llm-integration-expert**: Panduan ahli untuk integrasi LLM, Model Context Protocol (MCP), arsitektur RAG, vector database, dan agen AI
-- **ai-media-generation-expert**: Panduan ahli integrasi AI generasi gambar, video, suara (TTS), dan pengenalan suara (STT)
-- **ai-prompt-engineering-expert**: Panduan ahli rekayasa prompt dan evaluasi LLM
-- **angular-expert**: Panduan ahli aplikasi enterprise Angular 19+
-- **anti-slop**: Panduan penegakan anti-AI slop komprehensif. Menghapus basa-basi AI, placeholder code, implementasi terpotong, paket halusinasi, dan komentar dekoratif
-- **api-design-expert**: Panduan ahli untuk merancang API yang kuat: praktik terbaik REST, GraphQL, gRPC, tRPC, OpenAPI/Swagger, versioning API, rate limiting, dan desain contract-first
-- **api-gateway-proxy-expert**: Panduan ahli untuk API Gateway, Reverse Proxy, dan Service Mesh
-- **app-analyzer-optimizer**: Mempelajari arsitektur dan struktur aplikasi secara mendalam untuk melakukan audit, deteksi bottleneck, serta optimasi performa dan kode
-- **apple-ecosystem-expert**: Panduan ahli pengembangan ekosistem Apple (iOS & Web)
-- **asisten-ramah**: Skill untuk membuat Antigravity membalas dengan ramah
-- **astro-framework-expert**: Panduan ahli framework Astro 5+ — Content Collections, Islands Architecture, View Transitions, partial hydration, dan integrasi MDX
-- **async-queue-temporal-expert**: Panduan ahli workflow engine tahan-gagal (Temporal.io, Trigger.dev v3, Inngest, BullMQ v5), transaksi saga terdistribusi, dan rollback kompensasi
-- **authentication-identity-expert**: Panduan ahli untuk autentikasi dan otorisasi
-- **auto-doc-updater**: Otomatis mendokumentasikan setiap perubahan fitur atau perbaikan bug yang berhasil di-build ke CHANGELOG.md dan BLUEPRINT.md
-- **autonomous-chaos-monkey**: Chaos Engineering berbasis AI. Menyuntikkan latensi secara acak, mematikan layanan simulasi, dan secara otomatis menerapkan circuit breaker
-- **autonomous-red-teamer**: Fuzzing keamanan dinamis berbasis AI, eksploitasi, dan remediasi otomatis
-- **autonomous-tdd-debugger**: Empowers the agent to autonomously run tests, read terminal stack traces, and self-heal code until tests pass. Transforms the agent from a passive coder to an active CI pipeline debugger
-- **background-jobs-queue-expert**: Panduan mendalam untuk BullMQ v5, Trigger.dev v3, Inngest, delayed jobs, deduplikasi job, idempotency, dead letter queue, dan prioritas job
-- **biome-linter-formatter-expert**: Panduan ahli Biome (linter + formatter berbasis Rust), migrasi dari ESLint/Prettier, dan tooling kualitas kode
-- **blockchain-web3-expert**: Panduan ahli integrasi Web3 dan blockchain
-- **bootstrap-to-modern**: Skill ahli untuk melakukan refaktor dan migrasi aplikasi Bootstrap CSS lama ke stack modern menggunakan Tailwind CSS v4 dan Alpine.js
-- **brainstorming**: Protokol ideasi utama & orkestrator arsitektur dengan Modern Web Guidance. Memvalidasi ide desain dan mengorkestrasi seluruh skill vibes-plug sebelum pengkodean dimulai
-- **browser-automation-expert**: Panduan ahli agen web otonom (Browser-Use, Stagehand v0.4+), penghindaran deteksi bot (Playwright Stealth), dan Vision LLM frontier (Gemini 3.8 Flash, Claude 3.7 Sonnet)
-- **bun-runtime-expert**: Panduan ahli untuk runtime JavaScript/TypeScript Bun. Digunakan saat membuat, menguji, atau meluncurkan aplikasi dengan Bun
-- **chatbot-messaging-expert**: Panduan ahli integrasi chatbot dan platform messaging (WhatsApp Business, Telegram Bot, Discord.js, Slack Bolt) dan AI percakapan
-- **ci-cd-devops-architect**: Panduan ahli untuk CI/CD dan infrastruktur
-- **cloud-hosting-expert**: Panduan ahli untuk mendeploy aplikasi SaaS dengan multiple entry points di platform edge dan serverless modern seperti Vercel dan Cloudflare
-- **coderabbit**: Review kode otomatis berbasis AI, ringkasan PR, dan umpan balik developer interaktif
-- **compliance-gdpr-privacy-expert**: Panduan kepatuhan Privasi Data, GDPR, dan PDPA
-- **cron-scheduler-expert**: Panduan ahli untuk tugas terjadwal, cron job, pekerjaan latar belakang berulang, dan penjadwalan terdistribusi
-- **data-pipeline-etl-expert**: Panduan ahli untuk Data Pipelines, ETL/ELT. Mencakup dbt, Airflow, Dagster, BigQuery, ClickHouse, dan DuckDB
-- **data-telemetry-expert**: Panduan ahli untuk observabilitas, telemetri, dan analitik
-- **data-visualization-expert**: Panduan ahli visualisasi data, chart, dan dashboard menggunakan D3.js, Recharts
-- **database-migration-versioning-expert**: Panduan ahli migrasi database: versioning skema, migrasi zero-downtime, dan strategi rollback
-- **database-orm-expert**: Panduan ahli untuk desain skema database, ORM tools (Prisma 6, Drizzle ORM, TypeORM), migrasi, optimasi query, dan pola SQL type-safe di TypeScript
-- **deep-research-analyst**: Panduan ahli riset mendalam otonom, pencarian web iteratif, verifikasi sitasi, evidence graph synthesis, dan mitigasi halusinasi
-- **dependency-upgrade-migrator**: Panduan ahli untuk upgrade dependensi, migrasi breaking change, otomasi codemod, dan remediasi audit paket
-- **design-system-architect**: 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
-- **desktop-electron-expert**: Panduan ahli pengembangan desktop Electron 33+
-- **documentation-site-expert**: Panduan ahli situs dokumentasi teknis (Mintlify, Docusaurus, Storybook, VitePress) dan dokumentasi komponen
-- **doku-mcp-server**: Panduan ahli DOKU MCP Server untuk AI Agentic Commerce
-- **doku-payment-gateway**: Panduan ahli integrasi DOKU Payment Gateway
-- **domain-driven-design-expert**: Panduan ahli Desain Berbasis Domain (DDD)
-- **e2e-testing-expert**: Panduan ahli pengujian End-to-End (E2E) dengan Playwright, pengujian unit/integrasi dengan Vitest, dan otomatisasi CI/CD
-- **ecommerce-expert**: Panduan ahli arsitektur e-commerce (Shopify, Medusa.js, Saleor), katalog produk, UX keranjang/checkout, dan manajemen pesanan
-- **edge-serverless-db-expert**: Panduan ahli database Serverless & Edge (Neon, Cloudflare D1, Turso, Upstash)
-- **email-notification-expert**: Panduan ahli untuk email transaksional (Resend, Postmark, SES), template React Email, notifikasi in-app, dan pipeline komunikasi terpadu
-- **error-resilience-expert**: Panduan ahli pola penanganan error, rekayasa ketahanan, strategi retry, circuit breaker, dan degradasi anggun di React, Next.js, dan Node.js
-- **event-driven-architect**: Panduan ahli untuk arsitektur microservices, antrean pesan, dan backend skala tinggi
-- **feature-flag-analytics-expert**: Panduan ahli Feature Flags, A/B testing, dan rilis bertahap
-- **file-upload-media-expert**: Panduan ahli untuk upload file (S3, R2, Supabase Storage), presigned URL, pemrosesan gambar/video, optimasi CDN, dan arsitektur pipeline media
-- **firebase-security-expert**: Ahli keamanan Firebase untuk audit Security Rules (Firestore/Realtime Database/Storage), autentikasi, API keys, pencegahan kebocoran data, dan konfigurasi App Check
-- **form-validation-expert**: Panduan ahli penanganan formulir kompleks dengan React Hook Form, validasi server-side, wizard multi-langkah, dan pola formulir aksesibel
-- **fullstack-expert**: Panduan fullstack tingkat ahli mencakup multi-bahasa (TypeScript, Python, Go, Rust), multi-framework (Next.js, FastAPI, Gin, Axum), desain API, microservices, DevOps, dan system design
-- **gemini-agent-booster**: Protokol optimasi utama untuk Gemini Agent (Antigravity) untuk mengaktifkan pemikiran long-context 1M+, audit UI visual multimodal, dan pemecahan masalah kecepatan tinggi
-- **geospatial-maps-expert**: Panduan ahli peta dan data geospasial (Mapbox GL JS, Leaflet, Google Maps, PostGIS)
-- **global-a11y-i18n-expert**: Panduan ahli untuk Aksesibilitas Web dan Internasionalisasi
-- **glsl-shader-expert**: Expert guide for writing custom GLSL shaders (Vertex/Fragment) for WebGL using Three.js and Babylon.js. Covers shader materials, post-processing, noise, and performance optimization
-- **go-programming-expert**: Expert-level skill for Go programming (Go 1.25+). Covers high-performance microservices, concurrency patterns, sqlc, net/http, Gin/Echo/Fiber, gRPC, and testing in English and Indonesian
-- **graph-rag-knowledge-expert**: Panduan ahli Knowledge Graph, GraphRAG, dan pencarian relasional multi-hop
-- **graphql-apollo-expert**: Expert guide for designing and consuming GraphQL APIs. Covers Apollo Server/Client, NestJS GraphQL (Code-First & Schema-First), TypeGraphQL, caching, and N+1 query optimization
-- **headless-cms-expert**: Panduan ahli integrasi Headless CMS (Sanity, Payload, Strapi, Contentful) dengan framework modern
-- **hig**: Menerapkan prinsip Human Interface Guidelines (HIG) — Hierarchy, Harmony, dan Consistency — pada desain UI/UX untuk memastikan antarmuka yang intuitif dan kohesif
-- **js-backend-expert**: Expert-level skill for Node.js 24+ (LTS), Bun 1.2+, and Deno 2.x backend development. Covers Express 5, Fastify 5, Hono v4, NestJS, Prisma 6, Drizzle ORM, WebSockets, BullMQ, OpenTelemetry, and microservices in English and Indonesian
-- **legacy-code-translator**: Methodological guide for the AI Agent to safely and systematically translate, refactor, and modernize giant legacy codebases (PHP, Python 2, old React) into modern stacks
-- **local-slm-edge-ai-expert**: Panduan ahli SLM lokal dan AI edge di browser (WebLLM, Transformers.js v3, ONNX Runtime Web, WebGPU)
-- **logging-error-tracking-expert**: Panduan ahli untuk logging terstruktur (Pino, Winston), pelacakan error (Sentry), agregasi log, korelasi request, dan manajemen log sesuai GDPR
-- **mcp-client-orchestrator**: 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
-- **mcp-server-architect**: Panduan utama merancang, membangun, dan mengamankan AI Tools/Bots modern melalui Model Context Protocol (MCP v1.x) dalam TypeScript dan Python (FastMCP, Streamable HTTP/SSE)
-- **micro-frontend-architect**: Expert guide for designing Micro-Frontend architectures using Webpack Module Federation, Vite Federation, and Single-SPA for large scale Vue and React applications
-- **mobile-expo-expert**: Panduan ahli pengembangan React Native 0.79+ dan Expo SDK 53+ untuk aplikasi mobile
-- **mobile-push-notification-expert**: Panduan ahli notifikasi push mobile, FCM, APNs, dan Live Activities
-- **modern-css-native-expert**: Panduan ahli fitur CSS native modern 2026 (CSS Anchor Positioning, @starting-style, View Transitions L2, Container Queries, :has)
-- **monday-design-aesthetic**: Panduan desain ala Monday.com
-- **monorepo-architect**: Panduan ahli untuk merancang dan mengelola monorepo skalabel menggunakan Turborepo dan pnpm workspaces
-- **mpa-orchestrator**: Mengorkestrasi arsitektur Multi-Page Application (MPA) dalam satu repositori, terintegrasi dengan skill relevan lainnya
-- **multi-agent-orchestration**: Expert guide for designing and orchestrating multi-agent systems, agent swarms, graph-based workflows (LangGraph, CrewAI, AutoGen), shared state memory, and human-in-the-loop guardrails in English and Indonesian
-- **multiple-entry-points**: Panduan ahli untuk merancang dan mengimplementasikan arsitektur Multiple Entry Points pada aplikasi web
-- **mvc-expert**: Pedoman ahli untuk merefaktor codebase PHP lama menjadi proyek terstruktur MVC yang bersih, modern, dan skalabel
-- **n8n-automation-expert**: Panduan ahli otomasi workflow (n8n, Zapier, Make), custom nodes, webhook triggers, dan rantai otomasi berbasis AI
-- **nextjs-app-router-expert**: Panduan ahli untuk Next.js 15 App Router
-- **openapi-swagger-codegen-expert**: Penulisan spesifikasi OpenAPI 3.1, Swagger UI, pembuatan kode klien/server otomatis, dan pengujian kontrak
-- **payment-gateway-expert**: Panduan ahli integrasi payment gateway dan webhook aman
-- **pdf-document-generation-expert**: Panduan ahli generasi PDF dan pemrosesan dokumen (React PDF, Puppeteer, jsPDF, pdf-lib)
-- **performance-web-vitals**: Panduan ahli untuk optimasi performa web: Core Web Vitals (LCP, INP, CLS), analisis bundle, optimasi gambar, strategi rendering, dan peningkatan skor Lighthouse
-- **post-quantum-crypto-migrator**: Migrasi ke Kriptografi Pasca-Kuantum (PQC) yang disetujui NIST untuk sistem FinTech
-- **prd-architect**: Skill khusus untuk memaksa pembuatan Product Requirements Document (PRD), ERD, dan Dokumentasi secara otomatis sebelum mulai coding pada setiap proyek baru
-- **proactive-background-watcher**: Grants the AI the ability to act proactively using native cron/timer scheduling. The agent can monitor systems, poll APIs, or watch logs in the background and self-trigger without waiting for user prompts
-- **production-ready-hardener**: Skill kesiapan produksi utama yang mengorkestrasi semua skill relevan (frontend, backend, keamanan, performa, SEO, testing, DevOps) untuk mengeraskan aplikasi sebelum deployment
-- **pwa-offline-first-expert**: Panduan ahli arsitektur Offline-First & Local-First PWA
-- **pydantic-ai-expert**: Panduan ahli pengembangan agen AI Python type-safe dengan Pydantic AI — dependency injection, structured outputs, dan alur kerja graph
-- **project-context-mapper**: 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
-- **python-programming-expert**: Expert-level skill for Python programming (Python 3.13/3.14+). Covers type safety, generic syntax (PEP 695), async/await TaskGroups, FastAPI 0.115+, Pydantic v2, uv package manager, Ruff, and pytest in English and Indonesian
-- **rate-limit-abuse-prevention**: Panduan ahli untuk rate limiting API, perlindungan bot, mitigasi DDoS, pencegahan brute-force, dan deteksi penyalahgunaan
-- **realtime-collaboration-expert**: Panduan ahli untuk fitur kolaborasi real-time
-- **rich-text-editor-expert**: Panduan ahli integrasi editor rich text (Tiptap, Lexical, ProseMirror), editing kolaboratif, dan ekstensi kustom
-- **rust-programming-expert**: v1.85+). Covers memory safety, async, Axum/SQLx, CLI, and optimization in English and Indonesian
-- **saas-billing**: Implementasi dan audit sistem billing SaaS, state machine langganan, webhook aman, dan sinkronisasi database lokal
-- **saas-multi-tenant**: Desain dan implementasikan arsitektur SaaS multi-tenant dengan RLS, isolasi tenant, dan PostgreSQL
-- **saas-mvp-launcher**: Panduan terstruktur untuk merencanakan dan meluncurkan SaaS MVP dari nol
-- **saas-transformer**: Mentransformasi aplikasi biasa menjadi platform SaaS lengkap dengan multi-tenancy, billing, manajemen tim, dan feature gating — mengorkestrasi semua skill vibes-plug yang relevan
-- **scalability-clean-code**: Panduan arsitektur perangkat lunak untuk menjaga keterbacaan kode (Clean Code, SOLID, DRY) dan kemampuan skalabilitas aplikasi
-- **search-engine-expert**: Panduan ahli mesin pencarian full-text (Typesense, Meilisearch, Elasticsearch), pencarian berfaset, dan autocomplete
-- **secure-fuzz-testing**: Expert-level skill for writing and integrating coverage-guided fuzz tests in Python, Rust, and Go for secure code validation in English and Indonesian
-- **self-evolving-memory-graph**: Grants the AI long-term episodic memory. The agent autonomously documents the user's coding preferences, past mistakes to avoid, and architectural decisions into a persistent learning graph
-- **self-healing-cloud-orchestrator**: Pemantauan log real-time, deteksi kerusakan, dan perbaikan kode hotfix otomatis tanpa intervensi manusia
-- **senior-frontend**: Pengembangan frontend dengan React 19, Next.js 15, TypeScript, dan Tailwind CSS v4
-- **seo**: Audit SEO menyeluruh (Technical, On-Page, Schema, Sitemap, E-E-A-T, GEO)
-- **session-context-loader**: Otomatis memuat dan mempelajari konteks proyek (Tech Stack, PRD, Roadmap, Blueprint) di awal setiap sesi percakapan baru untuk memastikan pengembangan yang terarah dan fokus
-- **session-handoff-resume**: Skill untuk menyimpan checkpoint proyek yang super ringkas dan melanjutkan pekerjaan secara efisien saat ganti akun/sesi tanpa boros token
-- **skill-baru**: Template komprehensif untuk membuat skill vibes-plug baru dengan struktur yang tepat, kondisi pemicu, dan dukungan bilingual
-- **solidjs-expert**: Panduan ahli SolidJS 2 dan SolidStart — reaktivitas fine-grained, signals, createResource, dan rendering server-first
-- **spa-orchestrator**: Mengorkestrasi arsitektur Single-Page Application (SPA), mengintegrasikan state management frontend dengan backend berbasis API
-- **sse-websocket-streaming-expert**: Panduan ahli streaming real-time
-- **state-management-expert**: Panduan ahli untuk manajemen state client-side modern: Zustand, Jotai, Valtio, TanStack Store, Redux Toolkit, dan pola server state dengan TanStack Query
-- **supabase-migration**: Kemampuan untuk membuat atau menerapkan migrasi database Supabase
-- **supabase-security-expert**: Ahli keamanan Supabase untuk audit RLS (Row Level Security), RBAC, database relasional, pencegahan kebocoran data, dan pemanfaatan Supabase Linter
-- **svelte-sveltekit-expert**: Panduan ahli Svelte 5 (Runes) dan SvelteKit 2+ — reaktivitas fine-grained, arsitektur server-first, form actions, dan SSR/SSG
-- **svg-animation-motion-expert**: Panduan ahli animasi web
-- **synthetic-data-finetuning-expert**: Panduan ahli generasi data sintetis, penyaringan LLM-as-a-judge, QLoRA fine-tuning (Unsloth), DPO, dan ekspor GGUF/Ollama untuk SLM lokal
-- **tailwind-expert**: Panduan ahli untuk Tailwind CSS v4, konfigurasi CSS-first, kustomisasi @theme, dan desain responsif modern
-- **tanstack-query-expert**: Pakar manajemen state asinkron menggunakan TanStack Query (React Query) v5 dan Next.js App Router (SSR)
-- **tauri-expert**: Panduan ahli untuk pengembangan Tauri v2, Rust backend, IPC, dan keamanan
-- **token-saver**: Skill untuk menerapkan skema penghematan token, ringkas, dan fokus pada perubahan esensial tanpa basa-basi
-- **typescript-expert**: Panduan ahli untuk sistem tipe TypeScript 5.8+, mode strict, generics, utility types, branded types, inferred type predicates, isolated declarations, dan pola arsitektur type-safe
-- **ui-components-expert**: Panduan ahli membangun komponen UI berkualitas produksi dengan M3
-- **ui-ux-pro-max**: Panduan desain komprehensif & mesin pencari BM25 untuk aplikasi web dan mobile di 11 tech stack
-- **vector-db-rag-expert**: Panduan ahli Vector DB, arsitektur Deep RAG, pgvector 0.8+ HNSW, Reciprocal Rank Fusion (RRF), Cross-Encoder Re-ranking, dan Late Chunking
-- **vercel-ai-sdk-expert**: Panduan ahli Vercel AI SDK (Core, UI, RSC), streaming data terstruktur, tool calling loops, dan rekayasa AI modern di React 19/Next.js 15
-- **vibe-code-gardener**: Pembersih AI slop, kode membengkak, konteks drift, dan pembusukan arsitektur pada proyek vibe coding
-- **visual-qa-vision-agent**: Equips the AI agent with visual QA capabilities using Playwright/Puppeteer and the agent's innate Vision capabilities to self-correct UI layout, CSS alignment, and visual regressions
-- **voice-ai-realtime-agent**: Panduan ahli AI suara percakapan real-time berlatensi ultra-rendah (<300ms)
-- **vue-frontend-expert**: Expert guide for Vue 3 (Composition API), Nuxt 3, and Pinia. Covers advanced reactive state management, `<script setup>` syntax, Vue Router, VueUse, and SPA/SSR architectural patterns in English and Indonesian
-- **wasm-edge-computing-expert**: Panduan ahli untuk WebAssembly (WASM) dan Edge Computing. Mencakup WASI preview 2, Spin/Fermyon, Cloudflare Workers WASM, dan komputasi performa tinggi di browser
-- **web-3d-graphics-expert**: Expert guide for WebGL and 3D graphics in the browser using Three.js, Babylon.js, React Three Fiber (R3F), and TresJS. Covers scene optimization, shaders, lighting, 3D model loading (GLTF/GLB), and performance tuning
-- **web-game-engine-expert**: Expert guide for web-based game development. Covers Entity Component System (ECS) architectures, physics engines (Rapier, Havok, Cannon-es), collision detection, and game loop optimization
-- **web-scraper**: Ekstraksi data web cerdas dan agentic dengan scraping multi-strategi (Crawl4AI v4, Firecrawl), ekstraksi LLM, bypass anti-bot, dan ekspor terstruktur
-- **website-design-cloner**: Mempelajari dan merekayasa balik desain situs web langsung dari URL target, mengekstrak struktur layout, design token (warna, tipografi, spacing), hierarki komponen, aset visual, dan perilaku responsif untuk duplikasi 1:1 penuh ke kode modern
-- **webxr-ar-vr-expert**: Expert guide for WebXR (Web-based Virtual and Augmented Reality) development using Babylon.js and Three.js. Covers device compatibility, immersive sessions, controllers, and hit-testing
-- **wordpress-headless-expert**: Panduan ahli arsitektur WordPress headless
-- **zero-to-prod-orchestrator**: Orkestrator utama untuk membangun aplikasi dari nol hingga rilis siap produksi dengan dokumentasi bertahap
-- **zero-trust-secret-vault**: Panduan ahli manajemen rahasia Zero-Trust, rotasi kunci API, dan keamanan variabel lingkungan

package/skills/bootstrap-to-modern/SKILL.md

@@ -1,94 +0,0 @@
----
-name: bootstrap-to-modern
-description: "Expert skill to refactor and migrate legacy Bootstrap CSS applications to modern stacks using Tailwind CSS v4 and Alpine.js / Skill ahli untuk melakukan refaktor dan migrasi aplikasi Bootstrap CSS lama ke stack modern menggunakan Tailwind CSS v4 dan Alpine.js."
-author: "Roedy Rustam"
----
-
-# Bootstrap to Modern (Tailwind + Alpine.js) / Refaktor Bootstrap ke Modern
-
-[English](#english) | [Bahasa Indonesia](#bahasa-indonesia)
-
----
-
-<a name="english"></a>
-## English
-
-### Description
-This skill transforms legacy web applications styled with Bootstrap (jQuery-dependent or pure CSS) into a modern, utility-first architecture using **Tailwind CSS v4** for styling and **Alpine.js** for lightweight reactive behavior.
-
-### Instructions
-1. **Analyze the Legacy Structure**:
-   - Identify the version of Bootstrap being used.
-   - Locate custom CSS files that override Bootstrap defaults.
-   - Identify interactive components (modals, dropdowns, tooltips, tabs, carousels) that rely on Bootstrap's JavaScript or jQuery.
-2. **Setup Modern Tools**:
-   - Ensure **Tailwind CSS v4** is properly set up in the project (e.g., via CDN for simple projects, or PostCSS/Vite for build steps).
-   - Inject **Alpine.js** via CDN or module bundler to handle interactivity.
-3. **Migration Strategy**:
-   - **Grid & Layout**: Convert Bootstrap grids (`container`, `row`, `col-*`) to Tailwind flexbox (`flex`, `flex-col`, `gap-*`) or CSS Grid (`grid`, `grid-cols-*`).
-   - **Spacing & Typography**: Map Bootstrap spacing (`m-3`, `p-4`) to Tailwind spacing (`m-4`, `p-6`—noting scale differences). Map typography utilities (`text-center`, `font-weight-bold`) to Tailwind equivalents (`text-center`, `font-bold`).
-   - **Colors**: Update Bootstrap semantic colors (`primary`, `success`, `danger`) to Tailwind color palettes (e.g., `blue-600`, `green-500`, `red-500`) or define custom themes in CSS variables for Tailwind v4.
-   - **Components**: Rebuild Bootstrap components (cards, buttons, alerts, navbars) using Tailwind utility classes to match or improve the original design.
-4. **Interactivity with Alpine.js**:
-   - Remove jQuery and Bootstrap JS dependencies.
-   - Replace interactive Bootstrap components with Alpine.js data and directives.
-   - **Dropdowns**: Use `x-data="{ open: false }"` and `@click="open = !open"`.
-   - **Modals**: Use Alpine.js to manage the open state and handle background overlays and click-away events (`@click.outside`).
-   - **Tabs**: Manage active tab state with `x-data="{ tab: 'home' }"`.
-5. **UI/UX Modernization & Skill Integration**:
-   - Do NOT just do a 1:1 translation of Bootstrap classes. The goal is to elevate the design.
-   - You MUST orchestrate and apply guidelines from other UI/UX skills (`ui-ux-expert`, `ui-ux-pro-max`, and `hig`).
-   - Implement Human Interface Guidelines (HIG) principles: Hierarchy, Harmony, and Consistency.
-   - Use vibrant colors, smooth micro-animations, glassmorphism (if appropriate), and modern typography to "WOW" the user.
-6. **Quality Assurance**:
-   - Verify that responsive design behaves correctly across breakpoints (`sm:`, `md:`, `lg:`).
-   - Ensure interactive components (modals, dropdowns) feel premium with Alpine.js transitions (`x-transition`).
-
-### Trigger Conditions
-Active whenever the user asks to migrate, refactor, or update a Bootstrap project to Tailwind CSS, or modernize legacy CSS/JS.
-
----
-
-<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
-Skill ini mengubah aplikasi web lama yang di-style dengan Bootstrap (baik yang bergantung pada jQuery maupun murni CSS) menjadi arsitektur modern berbasis utility menggunakan **Tailwind CSS v4** untuk styling dan **Alpine.js** untuk behavior reaktif yang ringan.
-
-### Instruksi
-1. **Analisis Struktur Lama**:
-   - Identifikasi versi Bootstrap yang digunakan.
-   - Temukan file CSS kustom yang menimpa (override) default Bootstrap.
-   - Identifikasi komponen interaktif (modal, dropdown, tooltip, tab, carousel) yang mengandalkan JavaScript Bootstrap atau jQuery.
-2. **Setup Tools Modern**:
-   - Pastikan **Tailwind CSS v4** disiapkan dengan benar di proyek (misalnya, melalui CDN untuk proyek sederhana, atau PostCSS/Vite jika ada build step).
-   - Masukkan **Alpine.js** melalui CDN atau module bundler untuk menangani interaktivitas.
-3. **Strategi Migrasi**:
-   - **Grid & Layout**: Ubah grid Bootstrap (`container`, `row`, `col-*`) menjadi flexbox Tailwind (`flex`, `flex-col`, `gap-*`) atau CSS Grid (`grid`, `grid-cols-*`).
-   - **Spacing & Tipografi**: Petakan spasi Bootstrap (`m-3`, `p-4`) ke Tailwind (`m-4`, `p-6`—perhatikan perbedaan skala). Petakan utilitas teks (`text-center`, `font-weight-bold`) ke padanan Tailwind (`text-center`, `font-bold`).
-   - **Warna**: Perbarui warna semantik Bootstrap (`primary`, `success`, `danger`) ke palet warna Tailwind (misal: `blue-600`, `green-500`, `red-500`) atau definisikan tema kustom di variabel CSS untuk Tailwind v4.
-   - **Komponen**: Bangun ulang komponen Bootstrap (card, button, alert, navbar) menggunakan kelas utilitas Tailwind untuk mencocokkan atau memperbaiki desain aslinya.
-4. **Interaktivitas dengan Alpine.js**:
-   - Hapus dependensi jQuery dan Bootstrap JS.
-   - Ganti komponen interaktif Bootstrap dengan data dan direktif Alpine.js.
-   - **Dropdown**: Gunakan `x-data="{ open: false }"` dan `@click="open = !open"`.
-   - **Modal**: Gunakan Alpine.js untuk mengelola state terbuka, overlay latar belakang, dan event klik di luar (`@click.outside`).
-   - **Tab**: Kelola state tab aktif dengan `x-data="{ tab: 'home' }"`.
-5. **Modernisasi UI/UX & Integrasi Skill**:
-   - JANGAN hanya menerjemahkan kelas Bootstrap 1:1. Tujuannya adalah meningkatkan kualitas desain.
-   - Anda WAJIB mengorkestrasi dan menerapkan pedoman dari skill UI/UX lainnya (`ui-ux-expert`, `ui-ux-pro-max`, dan `hig`).
-   - Terapkan prinsip Human Interface Guidelines (HIG): Hierarchy, Harmony, dan Consistency.
-   - Gunakan warna cerah, mikro-animasi halus, glassmorphism (jika sesuai), dan tipografi modern untuk memberikan kesan "WOW" pada pengguna.
-6. **Quality Assurance**:
-   - Verifikasi bahwa desain responsif berfungsi dengan benar di semua breakpoint (`sm:`, `md:`, `lg:`).
-   - Pastikan komponen interaktif (modal, dropdown) terasa premium dengan transisi Alpine.js (`x-transition`).
-
-### Kondisi Pemicu
-Aktif setiap kali pengguna meminta untuk memigrasi, merefaktor, atau memperbarui proyek Bootstrap ke Tailwind CSS, atau memodernisasi CSS/JS lama.
-
-
-## Orchestration & Integration
-- Integrates with: `ui-ux-expert`, `ui-ux-pro-max`, `hig`.

package/skills/multiple-entry-points/SKILL.md

@@ -1,91 +0,0 @@
----
-name: multiple-entry-points
-description: "Expert guide for designing and implementing Multiple Entry Points architecture in web applications / Panduan ahli untuk merancang dan mengimplementasikan arsitektur Multiple Entry Points pada aplikasi web."
-author: "Roedy Rustam"
----
-
-# Multiple Entry Points Architecture
-
-[English](#english) | [Bahasa Indonesia](#bahasa-indonesia)
-
----
-
-<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
-This skill outlines the architectural pattern of using Multiple Entry Points in a web application. Instead of forcing all traffic through a single Front Controller (like a monolithic `index.php`), the application separates traffic logically into distinct entry files such as `index.php` (public), `admin.php`, and `api.php`. This provides stronger isolation, optimized loading, and stricter security boundaries.
-
-### Core Principles of Multiple Entry Points
-1. **Logical Separation**: Isolate different application domains into their own entry files. For example: `public/index.php` for user-facing pages, `public/admin.php` for back-office operations, and `public/api.php` for stateless API routes.
-2. **Dedicated Bootstrapping**: Each entry point can bootstrap only the necessary dependencies, configurations, and middlewares it requires. For example, `api.php` does not need to initialize HTML template engines or stateful session cookies, while `admin.php` can enforce strict authentication middleware immediately upon execution.
-3. **Security Boundaries**: By physically separating entry points, you can apply distinct server-level security rules (via `.htaccess`, Nginx configurations, or WAF). For example, you can restrict access to `admin.php` to specific internal IP addresses or enforce mutual TLS.
-4. **Frontend Asset Bundling (Vite / Webpack)**: In a modern frontend context (especially for MPAs), define multiple entry points in the bundler configuration. This generates separate, optimized JavaScript and CSS bundles for the public site versus the complex admin dashboard, drastically reducing overall payload sizes for general users.
-
-### Implementation Checklist
-- [ ] Create separate HTML entry points in the root/public directory (e.g., `index.html`, `admin.html`).
-- [ ] Configure the frontend bundler (Vite/Webpack) to output multiple bundles.
-- [ ] Set up server-side routing (Nginx or Node.js) to serve the correct entry HTML based on the URL path.
-- [ ] Ensure shared components and utilities are properly tree-shaken and split into common chunks.
-
-### Example: Vite Config for Multiple Entries
-```javascript
-import { defineConfig } from 'vite';
-import { resolve } from 'path';
-
-export default defineConfig({
-  build: {
-    rollupOptions: {
-      input: {
-        main: resolve(__dirname, 'index.html'),
-        admin: resolve(__dirname, 'admin.html'),
-        app: resolve(__dirname, 'app.html')
-      }
-    }
-  }
-});
-```
-
-### Orchestration with Other Skills
-- **With `mpa-orchestrator`**: In a Multi-Page Application, multiple entry points allow you to split heavy dashboard assets from fast-loading public marketing pages, enhancing both SEO and performance.
-- **With `mvc-expert`**: Each entry point acts as a distinct Front Controller, initiating its own lightweight Router instance configured specifically for that domain's controllers (e.g., an AdminRouter vs an ApiRouter).
-- **With `saas-multi-tenant`**: You can design a `tenant.php` entry point that strictly mandates a valid `tenant_id` resolution before bootstrapping the app, while a `landing.php` entry point handles anonymous public traffic safely.
-
-### Trigger Conditions
-- Active when building or refactoring applications that require strict separation between public, admin, and API traffic.
-- Active when optimizing frontend bundler configurations (like Vite) for Multi-Page Applications.
-
----
-
-<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
-Skill ini menguraikan pola arsitektur menggunakan *Multiple Entry Points* dalam aplikasi web. Alih-alih memaksa semua lalu lintas (traffic) melalui satu Front Controller tunggal (seperti `index.php` monolitik), aplikasi memisahkan lalu lintas secara logis ke dalam file entri yang berbeda seperti `index.php` (publik), `admin.php`, dan `api.php`. Pola ini memberikan isolasi yang lebih kuat, pemuatan (loading) yang dioptimalkan, dan batas keamanan yang lebih ketat.
-
-### Prinsip Inti Multiple Entry Points
-1. **Pemisahan Logis**: Isolasi domain aplikasi yang berbeda ke dalam file entrinya masing-masing. Contoh: `public/index.php` untuk pengguna umum, `public/admin.php` untuk operasional *back-office*, dan `public/api.php` untuk rute API yang *stateless*.
-2. **Bootstrapping Terdedikasi**: Setiap titik masuk (entry point) hanya memuat dependensi, konfigurasi, dan middleware yang benar-benar diperlukannya. Contohnya, `api.php` tidak perlu menginisialisasi *template engine* HTML atau *session cookies*, sementara `admin.php` dapat langsung memberlakukan middleware autentikasi secara ketat sejak awal file dieksekusi.
-3. **Batas Keamanan (Security Boundaries)**: Dengan memisahkan titik masuk secara fisik, Anda dapat menerapkan aturan keamanan tingkat server yang berbeda (melalui `.htaccess`, konfigurasi Nginx, atau WAF). Misalnya, membatasi akses ke `admin.php` hanya untuk alamat IP internal tertentu.
-4. **Bundling Aset Frontend (Vite / Webpack)**: Dalam konteks frontend modern (khususnya untuk MPA), tentukan beberapa *entry points* pada konfigurasi *bundler*. Ini akan menghasilkan bundel JavaScript dan CSS yang terpisah dan optimal antara situs publik dan dashboard admin, sehingga secara drastis mengurangi ukuran *payload* bagi pengguna umum.
-
-### Checklist Implementasi
-- [ ] Buat titik entri HTML terpisah di direktori utama/publik (misal: `index.html`, `admin.html`).
-- [ ] Konfigurasi bundler frontend (Vite/Webpack) untuk menghasilkan multiple bundle.
-- [ ] Siapkan routing di sisi server (Nginx atau Node.js) untuk menyajikan HTML entri yang benar berdasarkan path URL.
-- [ ] Pastikan komponen dan utilitas yang dipakai bersama dioptimalkan (tree-shaking) dan dipisah ke dalam *common chunks*.
-
-### Orkestrasi dengan Skill Lain
-- **Dengan `mpa-orchestrator`**: Dalam aplikasi MPA, penggunaan beberapa *entry point* memungkinkan Anda memisahkan aset dashboard yang berat dari halaman *marketing* publik yang butuh kecepatan muat tinggi, sehingga meningkatkan SEO dan performa sekaligus.
-- **Dengan `mvc-expert`**: Setiap *entry point* bertindak sebagai Front Controller yang terpisah, menginisiasi instans Router yang ringan dan dikonfigurasi khusus untuk controller di domain tersebut (misalnya AdminRouter vs ApiRouter).
-- **Dengan `saas-multi-tenant`**: Anda dapat memiliki *entry point* `tenant.php` yang secara ketat mewajibkan resolusi `tenant_id` yang valid sebelum memuat aplikasi, sementara *entry point* `landing.php` melayani lalu lintas publik anonim dengan aman.
-
-### Kondisi Pemicu
-- Aktif saat membangun atau melakukan refaktor aplikasi yang membutuhkan pemisahan ketat antara lalu lintas publik, admin, dan API.
-- Aktif saat mengoptimalkan konfigurasi *bundler* frontend (seperti Vite) untuk proyek Multi-Page Application.