vibes-plug 1.0.0

package/skills/web-scraper/references/output-templates.md

@@ -0,0 +1,481 @@
+# Output Templates Reference
+
+Complete formatting templates for all supported output formats.
+Every output must be wrapped in a delivery envelope with metadata.
+
+---
+
+## Delivery Envelope (Required)
+
+Every extraction result MUST include this metadata wrapper,
+regardless of output format:
+
+```markdown
+## Extraction Results
+
+**Source:** [Page Title](https://example.com/page)
+**Date:** 2026-02-25 14:30 UTC
+**Items:** 47 records
+**Confidence:** HIGH
+**Format:** Markdown Table
+
+---
+
+[DATA GOES HERE]
+
+---
+
+**Notes:**
+- Any gaps, anomalies, or observations
+- Filters or sorts applied
+- Pages scraped (if paginated)
+```
+
+---
+
+## Markdown Table Format
+
+### Standard Table
+
+```markdown
+| Name           | Price    | Rating | Availability |
+|:---------------|---------:|:------:|:-------------|
+| Product Alpha  |   $29.99 |  4.5   | In Stock     |
+| Product Beta   |   $49.99 |  4.2   | In Stock     |
+| Product Gamma  |  $119.00 |  4.8   | Pre-order    |
+| Product Delta  |   $15.50 |  3.9   | Out of Stock |
+```
+
+### Alignment Rules
+
+| Data Type    | Alignment | Markdown Syntax |
+|:-------------|:----------|:----------------|
+| Text         | Left      | `:---`          |
+| Numbers      | Right     | `---:`          |
+| Centered     | Center    | `:---:`         |
+| Mixed/Status | Left      | `:---`          |
+
+### Table with Summary Row
+
+```markdown
+| Product        | Units Sold | Revenue    |
+|:---------------|----------:|-----------:|
+| Widget A       |     1,234 |  $12,340   |
+| Widget B       |       567 |   $8,505   |
+| Widget C       |     2,890 |  $57,800   |
+| **Total**      | **4,691** | **$78,645**|
+```
+
+### Wide Data (Split Tables)
+
+When data has more than 10 columns, split into logical groups:
+
+```markdown
+### Basic Information
+
+| Name    | Category | Brand   | SKU      |
+|:--------|:---------|:--------|:---------|
+| Item A  | Tools    | Acme    | ACM-001  |
+
+### Pricing and Availability
+
+| Name    | Price   | Sale Price | Stock | Ships In |
+|:--------|--------:|-----------:|:------|:---------|
+| Item A  | $49.99  |    $39.99  | 142   | 2 days   |
+```
+
+### Multi-URL Comparison Table
+
+```markdown
+| Source       | Product    | Price   | Rating |
+|:-------------|:-----------|--------:|:------:|
+| store-a.com  | Laptop X   | $999    |  4.3   |
+| store-b.com  | Laptop X   | $949    |  4.5   |
+| store-c.com  | Laptop X   | $1,029  |  4.1   |
+```
+
+### Truncation Rules
+
+For values exceeding 60 characters:
+```markdown
+| Title                                                       | Author  |
+|:------------------------------------------------------------|:--------|
+| Introduction to Advanced Machine Learning Techni...         | J. Smith|
+```
+
+---
+
+## JSON Format
+
+### Standard JSON Output
+
+```json
+{
+  "metadata": {
+    "source": "https://example.com/products",
+    "title": "Product Catalog - Example Store",
+    "extractedAt": "2026-02-25T14:30:00Z",
+    "itemCount": 3,
+    "confidence": "HIGH",
+    "fields": ["name", "price", "rating", "availability"],
+    "notes": []
+  },
+  "data": [
+    {
+      "name": "Product Alpha",
+      "price": 29.99,
+      "currency": "USD",
+      "rating": 4.5,
+      "availability": "In Stock"
+    },
+    {
+      "name": "Product Beta",
+      "price": 49.99,
+      "currency": "USD",
+      "rating": 4.2,
+      "availability": "In Stock"
+    },
+    {
+      "name": "Product Gamma",
+      "price": 119.00,
+      "currency": "USD",
+      "rating": 4.8,
+      "availability": "Pre-order"
+    }
+  ]
+}
+```
+
+### JSON Key Naming
+
+| Rule                   | Example                           |
+|:-----------------------|:----------------------------------|
+| camelCase              | `productName`, `unitPrice`        |
+| Numbers stay numeric   | `29.99` not `"29.99"`             |
+| Booleans stay boolean  | `true` not `"true"`               |
+| Missing = null         | `null` not `""` or `"N/A"`        |
+| Arrays for multiples   | `"tags": ["sale", "new"]`         |
+| ISO-8601 for dates     | `"2026-02-25T14:30:00Z"`         |
+
+### Nested JSON (Product with Details)
+
+```json
+{
+  "metadata": { "..." : "..." },
+  "data": [
+    {
+      "name": "Laptop Pro X",
+      "brand": "TechCo",
+      "pricing": {
+        "current": 999.99,
+        "original": 1299.99,
+        "currency": "USD",
+        "discount": "23%"
+      },
+      "rating": {
+        "score": 4.5,
+        "count": 1234
+      },
+      "specifications": {
+        "processor": "M3 Pro",
+        "ram": "16 GB",
+        "storage": "512 GB SSD",
+        "display": "14.2 inch Retina"
+      },
+      "availability": {
+        "inStock": true,
+        "shipsIn": "2-3 business days"
+      }
+    }
+  ]
+}
+```
+
+### Multi-URL JSON
+
+```json
+{
+  "metadata": {
+    "sources": [
+      "https://store-a.com/laptop-x",
+      "https://store-b.com/laptop-x"
+    ],
+    "extractedAt": "2026-02-25T14:30:00Z",
+    "itemCount": 2,
+    "confidence": "HIGH"
+  },
+  "data": [
+    {
+      "source": "store-a.com",
+      "name": "Laptop X",
+      "price": 999,
+      "currency": "USD",
+      "rating": 4.3
+    },
+    {
+      "source": "store-b.com",
+      "name": "Laptop X",
+      "price": 949,
+      "currency": "USD",
+      "rating": 4.5
+    }
+  ]
+}
+```
+
+---
+
+## CSV Format
+
+### Standard CSV
+
+```csv
+# Source: https://example.com/products
+# Extracted: 2026-02-25 14:30 UTC
+# Items: 3 | Confidence: HIGH
+name,price,currency,rating,availability
+"Product Alpha",29.99,USD,4.5,"In Stock"
+"Product Beta",49.99,USD,4.2,"In Stock"
+"Product Gamma",119.00,USD,4.8,"Pre-order"
+```
+
+### CSV Rules
+
+| Rule                                 | Example                        |
+|:-------------------------------------|:-------------------------------|
+| Always include header row            | `name,price,rating`            |
+| Quote fields with commas             | `"Smith, John"`                |
+| Quote fields with quotes (escape)    | `"He said ""hello"""`          |
+| Quote fields with newlines           | `"Line 1\nLine 2"`            |
+| UTF-8 encoding with BOM             | `\xEF\xBB\xBF` prefix         |
+| Comma delimiter (standard)           | `,`                            |
+| Metadata as comments (# prefix)      | `# Source: URL`                |
+| null/missing as empty field          | `field1,,field3`               |
+
+### Multi-URL CSV
+
+```csv
+# Sources: store-a.com, store-b.com
+# Extracted: 2026-02-25 14:30 UTC
+source,name,price,currency,rating
+"store-a.com","Laptop X",999,USD,4.3
+"store-b.com","Laptop X",949,USD,4.5
+```
+
+---
+
+## Summary Statistics Template
+
+When extracted data contains numeric fields, include a summary block:
+
+```markdown
+### Summary Statistics
+
+| Metric    | Price     | Rating |
+|:----------|----------:|-------:|
+| Count     |        47 |     47 |
+| Min       |    $12.99 |    2.1 |
+| Max       |   $299.99 |    5.0 |
+| Average   |    $67.42 |    4.1 |
+| Median    |    $54.99 |    4.3 |
+```
+
+Include only when:
+- Data has numeric columns
+- More than 5 items extracted
+- User would likely benefit from aggregate view (prices, ratings, quantities)
+
+---
+
+## Contact Data Template
+
+```markdown
+| Name           | Title              | Email                | Phone          |
+|:---------------|:-------------------|:---------------------|:---------------|
+| Jane Smith     | CEO                | jane@example.com     | +1-555-0101    |
+| John Doe       | CTO                | john@example.com     | +1-555-0102    |
+| Alice Johnson  | VP Engineering     | alice@example.com    | N/A            |
+```
+
+---
+
+## Article Extraction Template
+
+```markdown
+## Article: [Title]
+
+**Author:** Author Name
+**Published:** YYYY-MM-DD
+**Source:** [Site Name](URL)
+
+### Summary
+[2-3 sentence summary of the article content]
+
+### Key Data Points
+- [Factual data point 1]
+- [Factual data point 2]
+- [Statistical finding]
+
+### Tags
+`tag1` `tag2` `tag3`
+```
+
+Note: Summarize article content. Do not reproduce full article text
+due to copyright.
+
+---
+
+## FAQ Extraction Template
+
+```markdown
+### FAQ: [Page Title]
+
+**Source:** [Site Name](URL)
+**Items:** 12 questions
+
+| # | Question | Answer (excerpt) |
+|--:|:---------|:-----------------|
+| 1 | How do I reset my password? | Navigate to Settings > Security and click "Reset..." |
+| 2 | What payment methods do you accept? | We accept Visa, Mastercard, PayPal, and bank transfer... |
+```
+
+Or as JSON (default for FAQ mode):
+```json
+{
+  "metadata": { "source": "URL", "itemCount": 12, "confidence": "HIGH" },
+  "data": [
+    { "question": "How do I reset my password?", "answer": "Navigate to...", "category": "Account" },
+    { "question": "What payment methods?", "answer": "We accept...", "category": "Billing" }
+  ]
+}
+```
+
+---
+
+## Pricing Plans Template
+
+```markdown
+### Pricing: [Product Name]
+
+**Source:** [Site Name](URL)
+**Plans:** 3 tiers
+
+| Plan        | Monthly   | Annual    | Highlighted |
+|:------------|----------:|----------:|:-----------:|
+| Starter     |    $9/mo  |   $7/mo   |             |
+| Pro         |   $29/mo  |  $24/mo   |     *       |
+| Enterprise  |  Custom   |  Custom   |             |
+
+#### Feature Comparison
+
+| Feature               | Starter | Pro | Enterprise |
+|:----------------------|:-------:|:---:|:----------:|
+| Users                 | 1       | 10  | Unlimited  |
+| Storage               | 5 GB    | 50 GB | Unlimited |
+| API Access            | N/A     | Yes | Yes        |
+| Priority Support      | N/A     | N/A | Yes        |
+```
+
+---
+
+## Job Listings Template
+
+```markdown
+| Title              | Company     | Location       | Salary          | Type      | Posted     |
+|:-------------------|:------------|:---------------|:----------------|:----------|:-----------|
+| Senior Engineer    | TechCo      | Remote, US     | $150k - $200k   | Full-time | 2026-02-20 |
+| Product Manager    | StartupXYZ  | San Francisco  | $130k - $160k   | Full-time | 2026-02-18 |
+| Data Analyst       | DataCorp    | London, UK     | GBP 55k - 70k   | Contract  | 2026-02-22 |
+```
+
+---
+
+## Events Template
+
+```markdown
+| Event                  | Date       | Time    | Location          | Speakers       |
+|:-----------------------|:-----------|:--------|:------------------|:---------------|
+| Opening Keynote        | 2026-03-15 | 09:00   | Main Hall         | J. Smith       |
+| Workshop: AI Basics    | 2026-03-15 | 14:00   | Room 201          | A. Johnson     |
+| Networking Reception   | 2026-03-15 | 18:00   | Rooftop Lounge    | N/A            |
+```
+
+---
+
+## Differential (Diff) Output Template
+
+When comparing current extraction with a previous run:
+
+```markdown
+## Extraction Results (Diff)
+
+**Source:** [Page Title](URL)
+**Date:** 2026-02-25 14:30 UTC
+**Compared to:** 2026-02-20 10:00 UTC
+**Changes:** +5 new, -2 removed, 3 modified
+
+---
+
+### New Items (+5)
+
+| Name           | Price    | Rating |
+|:---------------|--------:|:------:|
+| Product Eta    |  $39.99 |  4.6   |
+| Product Theta  |  $24.99 |  4.1   |
+| ...            |         |        |
+
+### Removed Items (-2)
+
+| Name           | Price    | Rating |
+|:---------------|--------:|:------:|
+| ~~Product Alpha~~ | ~~$29.99~~ | ~~4.5~~ |
+| ~~Product Beta~~  | ~~$49.99~~ | ~~4.2~~ |
+
+### Modified Items (3)
+
+| Name           | Field   | Was        | Now        |
+|:---------------|:--------|:-----------|:-----------|
+| Product Gamma  | Price   | $119.00    | $109.00    |
+| Product Gamma  | Rating  | 4.8        | 4.9        |
+| Product Delta  | Stock   | Out of Stock | In Stock |
+
+---
+
+**Summary:**
+- 5 new products added since last extraction
+- 2 products removed (possibly discontinued)
+- Product Gamma had a price drop of $10 and rating increase
+- Product Delta is back in stock
+```
+
+---
+
+## Error / Partial Result Template
+
+When extraction partially fails:
+
+```markdown
+## Extraction Results (Partial)
+
+**Source:** [Page Title](URL)
+**Date:** 2026-02-25 14:30 UTC
+**Items:** 23 of ~50 expected records
+**Confidence:** LOW
+**Strategy:** A (WebFetch) -> escalated to B (Browser)
+
+---
+
+[PARTIAL DATA]
+
+---
+
+**Issues:**
+- 27 items could not be extracted (content behind JS rendering)
+- Price field missing for 5 items (marked N/A)
+- Auto-escalation from WebFetch to Browser recovered 15 additional items
+
+**Suggestions:**
+- Re-run with explicit Browser automation for complete results
+- Check if site has an API endpoint for direct data access
+- Try at a different time if rate-limited
+```

package/skills/zero-to-prod-orchestrator/SKILL.md

@@ -0,0 +1,180 @@
+---
+name: zero-to-prod-orchestrator
+description: "Master orchestrator to build an application from scratch to a production-ready release, enforcing strict step-by-step progression and continuous documentation / Orkestrator utama untuk membangun aplikasi dari nol hingga rilis siap produksi dengan dokumentasi bertahap."
+author: "Roedy Rustam"
+---
+
+# Zero to Production Orchestrator (2026 Master Edition)
+
+[English](#english) | [Bahasa Indonesia](#bahasa-indonesia)
+
+---
+
+<a name="english"></a>
+## English
+
+### Overview
+The **Zero to Production Orchestrator** is the ultimate master skill designed to orchestrate the entire `vibes-plug` ecosystem as a highly interconnected **engineering swarm**. By acting as the central conductor, it ensures that no sub-skill is executed in isolation. It guides fullstack developers through the complete software engineering lifecycle — from concept discovery to AI integration, multi-platform backend architecture, design systems, automated testing, GEO/AEO optimization, and production deployment.
+
+### Trigger Conditions
+- Starting any new application development from scratch.
+- Asking for a complete, end-to-end fullstack development roadmap.
+- Orchestrating multiple domain skills across UI, Backend, AI/LLM, Database, Security, and Cloud.
+
+### Core Principles & Hard Gates
+1. **Never Skip Phases**: Each phase must be completed and validated before advancing to the next.
+2. **Continuous Auto-Documentation**: Invoke `auto-doc-updater` to log changes in `CHANGELOG.md` and `BLUEPRINT.md` after every major milestone.
+3. **Strict Progress Tracking**: Maintain a `PROGRESS.md` checklist in the repository root.
+4. **State Preservation**: Utilize `session-handoff-resume` when pausing work or switching contexts, ensuring zero token waste.
+5. **Efficiency**: Keep `token-saver` active during large refactors to maintain a lean, powerful execution loop.
+
+---
+
+### The 8-Phase Master Fullstack Pipeline
+
+```
+  PHASE 1          PHASE 2          PHASE 3          PHASE 4
+Discovery/PRD ---> Foundation ---> Database/ORM ---> Backend/APIs
+      |                                                   |
+      v                                                   v
+  PHASE 8          PHASE 7          PHASE 6          PHASE 5
+Launch/Deploy <--- Security/GEO <--- Testing/QA  <--- Frontend/UI
+```
+
+#### PHASE 1: Discovery & AI PRD Architectural Planning
+**Orchestrates:** `prd-architect`, `brainstorming`, `mcp-server-architect`
+- [ ] Conduct structured dialogue to clarify product intent, target audience, and non-functional goals.
+- [ ] Draft a comprehensive Product Requirements Document (PRD).
+- [ ] Plan AI/LLM integration strategy (Vercel AI SDK, MCP Server tools, or Multi-Agent Graph).
+- [ ] Initialize `BLUEPRINT.md` and `PROGRESS.md`.
+
+#### PHASE 2: Project Foundation & Monorepo Setup
+**Orchestrates:** `monorepo-architect`, `bun-runtime-expert`, `python-programming-expert`, `go-programming-expert`
+- [ ] Initialize monorepo (Turborepo + pnpm workspaces) or single repo foundation.
+- [ ] Set up language runtimes: Node.js 22 LTS / Bun 1.2+ / Python 3.12+ (uv) / Go 1.23+.
+- [ ] Configure `Ruff`, `ESLint`, `Prettier`, and TypeScript strict configurations.
+- [ ] Setup initial CI/CD pipeline template.
+
+#### PHASE 3: Database & Multi-Tenant Core Architecture
+**Orchestrates:** `fullstack-expert`, `saas-multi-tenant`, `supabase-migration`, `supabase-security-expert`
+- [ ] Design normalized relational schemas and document models.
+- [ ] Configure ORM layer (Drizzle ORM / Prisma 6 / SQLx / sqlc).
+- [ ] Implement Row-Level Security (RLS) policies and tenant isolation.
+- [ ] Apply initial database migrations and connection poolers (PgBouncer/Supavisor/Neon).
+
+#### PHASE 4: Backend APIs, Microservices & AI Agents
+**Orchestrates:** `js-backend-expert`, `go-programming-expert`, `ai-llm-integration-expert`, `multi-agent-orchestration`, `mcp-server-architect`
+- [ ] Build high-throughput REST / GraphQL / gRPC APIs using Fastify 5, Hono, Gin, or Axum.
+- [ ] Implement authentication (Clerk, Auth.js, Supabase Auth) and RBAC middleware.
+- [ ] Build MCP Server tools or stateful LangGraph multi-agent workflows with human-in-the-loop gates.
+- [ ] Implement background processing queues (BullMQ + Redis) and rate limiters.
+
+#### PHASE 5: Frontend, Design Systems & Mobile Apps
+**Orchestrates:** `design-system-architect`, `senior-frontend`, `tailwind-expert`, `tanstack-query-expert`, `spa-orchestrator`, `mobile-expo-expert`, `tauri-expert`
+- [ ] Implement design tokens (OKLCH) and Tailwind CSS v4 `@theme` directive tokens.
+- [ ] Construct accessible component primitives using Radix UI / Base UI and CVA variants.
+- [ ] Build React 19 / Next.js 15 pages utilizing Server Components, Server Actions (`useActionState`, `useOptimistic`), advanced animations (GSAP), or Expo Router v4 for Mobile / Tauri v2 for Desktop.
+- [ ] If SPA architecture — coordinate with `spa-orchestrator` for routing (TanStack Router), state (TanStack Query v5), and decoupled API layer.
+- [ ] Integrate frontend state management with TanStack Query v5.
+
+#### PHASE 6: Automated Testing & Security Audit
+**Orchestrates:** `e2e-testing-expert`, `secure-fuzz-testing`, `firebase-security-expert`
+- [ ] Write unit and integration tests with Vitest and pytest.
+- [ ] Write resilient E2E browser tests with Playwright.
+- [ ] Execute security fuzz testing (Atheris / cargo-fuzz / native Go fuzzing).
+- [ ] Audit CORS, CSP headers, rate-limiting, and input sanitization.
+
+#### PHASE 7: Pre-Launch Hardening, Web Vitals & GEO/SEO
+**Orchestrates:** `production-ready-hardener`, `app-analyzer-optimizer`, `seo`, `seo-geo`, `seo-aeo-landing-page-writer`
+- [ ] Perform pre-launch audit across Core Web Vitals (LCP, INP, CLS) and bundle sizes.
+- [ ] Optimize Generative Engine Optimization (GEO) for AI Overviews, Perplexity, ChatGPT Search, and deploy `/llms.txt`.
+- [ ] Generate structured Schema.org JSON-LD markup and AEO conversion landing pages.
+
+#### PHASE 8: Launch, Deployment & Handover
+**Orchestrates:** `cloud-hosting-expert`, `saas-billing`, `saas-transformer`, `auto-doc-updater`
+- [ ] Deploy backend and edge services to Vercel, Cloudflare, AWS, or Railway.
+- [ ] For SaaS applications: deploy Super Admin dashboard on a **separate subdomain** (e.g., `admin.yourdomain.com`) with strict role-based access (`isSuperAdmin` flag).
+- [ ] Configure Stripe / Polar.sh / LemonSqueezy billing and webhooks.
+- [ ] Finalize `CHANGELOG.md`, `BLUEPRINT.md`, and `PROGRESS.md`.
+- [ ] Handover the production-grade application to the user.
+
+---
+
+<a name="bahasa-indonesia"></a>
+## Bahasa Indonesia
+
+### Ringkasan
+**Zero to Production Orchestrator** adalah skill master utama yang dirancang untuk mengorkestrasi seluruh ekosistem `vibes-plug` sebagai sebuah **engineering swarm** yang saling terhubung erat. Dengan bertindak sebagai konduktor pusat, skill ini memastikan tidak ada sub-skill yang dieksekusi secara terisolasi. Skill ini memandu pengembang *fullstack* melalui seluruh siklus hidup rekayasa perangkat lunak — mulai dari tahap ide awal hingga integrasi AI, arsitektur backend multi-platform, design system, pengujian otomatis, optimasi GEO/AEO, dan deployment produksi.
+
+### Kondisi Pemicu
+- Memulai pengembangan aplikasi baru dari nol.
+- Meminta panduan roadmap pengembangan fullstack end-to-end yang terstruktur.
+- Mengorkestrasi berbagai skill spesialis lintas domain (UI, Backend, AI/LLM, Database, Keamanan, dan Cloud).
+
+### Prinsip Inti & Gerbang Ketat
+1. **Jangan Pernah Melewati Fase**: Setiap fase harus diselesaikan dan divalidasi sebelum beralih ke fase berikutnya.
+2. **Otomatisasi Dokumentasi**: Panggil `auto-doc-updater` untuk memperbarui `CHANGELOG.md` dan `BLUEPRINT.md` setelah setiap milestone utama.
+3. **Pelacakan Progres**: Pelihara daftar periksa `PROGRESS.md` di root repositori.
+4. **Preservasi State**: Gunakan `session-handoff-resume` saat menjeda pekerjaan atau berganti konteks, memastikan tidak ada token yang terbuang percuma.
+5. **Efisiensi**: Aktifkan `token-saver` selama refactoring besar-besaran untuk mempertahankan *loop* eksekusi yang ringkas dan *powerful*.
+
+---
+
+### Master Pipeline Fullstack 8-Fase
+
+#### FASE 1: Discovery & Perencanaan Arsitektur PRD AI
+**Mengorkestrasi:** `prd-architect`, `brainstorming`, `mcp-server-architect`
+- [ ] Dialog terstruktur untuk memperjelas tujuan produk, audiens target, dan persyaratan non-fungsional.
+- [ ] Menyusun Product Requirements Document (PRD) yang komprehensif.
+- [ ] Merencanakan integrasi AI/LLM (Vercel AI SDK, alat MCP Server, atau Graf Multi-Agen).
+- [ ] Menginisialisasi `BLUEPRINT.md` dan `PROGRESS.md`.
+
+#### FASE 2: Fondasi Proyek & Monorepo
+**Mengorkestrasi:** `monorepo-architect`, `bun-runtime-expert`, `python-programming-expert`, `go-programming-expert`
+- [ ] Inisialisasi monorepo (Turborepo + pnpm workspaces) atau repositori tunggal.
+- [ ] Menyiapkan runtime bahasa: Node.js 22 LTS / Bun 1.2+ / Python 3.12+ (uv) / Go 1.23+.
+- [ ] Konfigurasi `Ruff`, `ESLint`, `Prettier`, dan TypeScript ketat.
+- [ ] Menyiapkan template pipeline CI/CD awal.
+
+#### FASE 3: Database & Arsitektur Multi-Tenant
+**Mengorkestrasi:** `fullstack-expert`, `saas-multi-tenant`, `supabase-migration`, `supabase-security-expert`
+- [ ] Merancang skema relasional ter-normalisasi dan pemodelan dokumen.
+- [ ] Konfigurasi lapisan ORM (Drizzle ORM / Prisma 6 / SQLx / sqlc).
+- [ ] Mengimplementasikan kebijakan Row-Level Security (RLS) dan isolasi tenant.
+- [ ] Menerapkan migrasi database awal dan connection poolers (PgBouncer/Supavisor/Neon).
+
+#### FASE 4: API Backend, Microservices & Agen AI
+**Mengorkestrasi:** `js-backend-expert`, `go-programming-expert`, `ai-llm-integration-expert`, `multi-agent-orchestration`, `mcp-server-architect`
+- [ ] Membangun REST / GraphQL / gRPC API throughput tinggi menggunakan Fastify 5, Hono, Gin, atau Axum.
+- [ ] Mengimplementasikan autentikasi (Clerk, Auth.js, Supabase Auth) dan middleware RBAC.
+- [ ] Membangun alat MCP Server atau alur kerja multi-agen LangGraph berbasis state dengan gerbang *human-in-the-loop*.
+- [ ] Mengimplementasikan antrean pemrosesan latar belakang (BullMQ + Redis) dan rate limiters.
+
+#### FASE 5: Frontend, Design System & Aplikasi Mobile
+**Mengorkestrasi:** `design-system-architect`, `senior-frontend`, `tailwind-expert`, `tanstack-query-expert`, `spa-orchestrator`, `mobile-expo-expert`, `tauri-expert`
+- [ ] Mengimplementasikan *design tokens* (OKLCH) dan token direktif Tailwind CSS v4 `@theme`.
+- [ ] Membangun komponen dasar tanpa styling (*headless primitives*) menggunakan Radix UI / Base UI dan CVA.
+- [ ] Membangun halaman React 19 / Next.js 15 dengan Server Components, Server Actions, animasi tingkat lanjut (GSAP), atau Expo Router v4 untuk Mobile / Tauri v2 untuk Desktop.
+- [ ] Jika arsitektur SPA — koordinasikan dengan `spa-orchestrator` untuk routing (TanStack Router), state (TanStack Query v5), dan API layer terpisah.
+- [ ] Mengintegrasikan manajemen state frontend dengan TanStack Query v5.
+
+#### FASE 6: Pengujian Otomatis & Audit Keamanan
+**Mengorkestrasi:** `e2e-testing-expert`, `secure-fuzz-testing`, `firebase-security-expert`
+- [ ] Menulis unit test dan integration test dengan Vitest dan pytest.
+- [ ] Menulis pengujian browser E2E yang tangguh menggunakan Playwright.
+- [ ] Menjalankan pengujian fuzzing keamanan (Atheris / cargo-fuzz / native Go fuzzing).
+- [ ] Mengaudit CORS, CSP headers, rate-limiting, dan sanitasi input.
+
+#### FASE 7: Hardening Pra-Peluncuran, Web Vitals & GEO/SEO
+**Mengorkestrasi:** `production-ready-hardener`, `app-analyzer-optimizer`, `seo`, `seo-geo`, `seo-aeo-landing-page-writer`
+- [ ] Audit pra-peluncuran pada Core Web Vitals (LCP, INP, CLS) dan ukuran bundle.
+- [ ] Mengoptimalkan Generative Engine Optimization (GEO) untuk AI Overviews, Perplexity, ChatGPT Search, dan merilis `/llms.txt`.
+- [ ] Membuat markup terstruktur Schema.org JSON-LD dan landing page konversi AEO.
+
+#### FASE 8: Peluncuran, Deployment & Serah Terima
+**Mengorkestrasi:** `cloud-hosting-expert`, `saas-billing`, `saas-transformer`, `auto-doc-updater`
+- [ ] Deploy backend dan edge services ke Vercel, Cloudflare, AWS, atau Railway.
+- [ ] Untuk aplikasi SaaS: deploy dashboard Super Admin pada **subdomain terpisah** (misal: `admin.domain.com`) dengan kontrol akses berbasis role (`isSuperAdmin`).
+- [ ] Konfigurasi billing Stripe / Polar.sh / LemonSqueezy dan webhooks.
+- [ ] Menyelesaikan `CHANGELOG.md`, `BLUEPRINT.md`, dan `PROGRESS.md`.
+- [ ] Serah terima aplikasi siap produksi kepada pengguna.