---
alwaysApply: true
description: "Vibes-Plug 134+ Skills Ecosystem — Universal AI plugin for modern 2026 development"
globs: "**/*"
---

# Vibes-Plug Core Rules

## Skill Resolution Protocol
This project uses 134+ specialized skills in the `skills/` directory. Each skill is a `SKILL.md` file.

**Before any task:**
1. Identify relevant skills from the domain table below.
2. Read their `skills/<skill-name>/SKILL.md` file.
3. Follow the patterns and best practices defined in the skill.

## Skill Domain Map

| Domain | Key Skills |
|--------|-----------|
| 🤖 AI & Agentic | `ai-llm-integration-expert`, `ai-media-generation-expert`, `mcp-server-architect`, `mcp-client-orchestrator`, `vector-db-rag-expert`, `multi-agent-orchestration`, `ai-cost-token-optimizer`, `ai-prompt-engineering-expert` |
| 🎨 Design & UI/UX | `design-system-architect`, `hig`, `ui-components-expert`, `ui-ux-pro-max`, `monday-design-aesthetic`, `visual-qa-vision-agent`, `svg-animation-motion-expert`, `data-visualization-expert`, `rich-text-editor-expert` |
| 🖥️ Frontend | `senior-frontend`, `tailwind-expert`, `nextjs-app-router-expert`, `astro-framework-expert`, `svelte-sveltekit-expert`, `solidjs-expert`, `angular-expert`, `tanstack-query-expert`, `state-management-expert`, `vue-frontend-expert`, `performance-web-vitals`, `form-validation-expert`, `blockchain-web3-expert` |
| 📱 Mobile & Desktop | `mobile-expo-expert`, `mobile-push-notification-expert`, `tauri-expert`, `desktop-electron-expert` |
| ⚙️ Backend | `js-backend-expert`, `python-programming-expert`, `go-programming-expert`, `rust-programming-expert`, `typescript-expert`, `api-design-expert`, `graphql-apollo-expert`, `bun-runtime-expert`, `n8n-automation-expert`, `chatbot-messaging-expert`, `pdf-document-generation-expert` |
| ☁️ SaaS & Cloud | `saas-transformer`, `saas-billing`, `saas-multi-tenant`, `cloud-hosting-expert`, `ci-cd-devops-architect`, `payment-gateway-expert`, `event-driven-architect`, `monorepo-architect` |
| 🗄️ Database | `database-orm-expert`, `edge-serverless-db-expert`, `supabase-migration`, `database-migration-versioning-expert` |
| 🔒 Security & QA | `authentication-identity-expert`, `e2e-testing-expert`, `production-ready-hardener`, `autonomous-tdd-debugger`, `zero-trust-secret-vault`, `supabase-security-expert` |
| 🔍 SEO | `seo` |
| 🛠️ Utilities | `brainstorming`, `prd-architect`, `auto-doc-updater`, `token-saver`, `vibe-code-gardener`, `web-scraper`, `project-context-mapper` |

## Core Stack (2026 Edition)
- **Frontend:** React 19, Next.js 15, Tailwind CSS v4, TypeScript 5.8+
- **Backend:** Node.js 24 LTS, Bun 1.2+, Hono v4, Fastify 5, Python 3.14, Go 1.25+, Rust 2024
- **Database:** Prisma 6, Drizzle ORM, PostgreSQL, Supabase, Neon, Turso
- **AI/LLM:** Vercel AI SDK 5.x, MCP v1.9+, pgvector, RAG pipelines

## Behavioral Rules
1. **Deep Reasoning:** Think before acting. Analyze constraints → question assumptions → validate → execute.
2. **No AI Slop:** Be imperative, direct, token-efficient. No "As an AI language model..." filler.
3. **New Projects:** Auto-generate `PRD.md`, `ERD.md`, `DOKUMENTASI.md` before any code.
4. **Bilingual:** Skills support English & Bahasa Indonesia.
5. **Clean Code:** Follow SOLID, DRY, Clean Code principles (ref: `scalability-clean-code`).

## Orchestration Flow
1. **Plan:** `brainstorming` → `prd-architect`
2. **Design:** `design-system-architect` → `senior-frontend` → `ui-components-expert`
3. **Build:** `js-backend-expert` → `event-driven-architect` → `autonomous-tdd-debugger`
4. **AI:** `ai-llm-integration-expert` → `mcp-server-architect`
5. **SaaS:** `saas-transformer` → auto-coordinates billing, tenancy, payments
6. **Ship:** `e2e-testing-expert` → `seo` → `production-ready-hardener`