antigravity-ide 4.2.0 → 4.2.1

package/.agent/skills/app-builder/templates/nuxt-app/TEMPLATE.md

@@ -1,66 +1,65 @@
 ---
 name: nuxt-app
-description: Nuxt 3 full-stack template. Vue 3, Pinia, Tailwind, Prisma.
+description: Nuxt 4 full-stack template. Vue 3 (Vapor), Pinia, Tailwind v4, Prisma.
 ---
 
-# Nuxt 3 Full-Stack Template
+# Nuxt 4 Full-Stack Template (2026 Edition)
+
+Mẫu template Full-Stack hiện đại cho Nuxt 4, tối ưu hóa hiệu suất với Vue Vapor Mode và Tailwind v4.
 
 ## Tech Stack
 
-| Component | Technology |
-|-----------|------------|
-| Framework | Nuxt 3 |
-| Language | TypeScript |
-| UI | Vue 3 (Composition API) |
-| State | Pinia |
-| Database | PostgreSQL + Prisma |
-| Styling | Tailwind CSS |
-| Validation | Zod |
+| Component | Technology | Version / Notes |
+|-----------|------------|-----------------|
+| Framework | Nuxt | v4.0+ (App Directory structure) |
+| UI Engine | Vue | v3.6+ (Vapor Mode enabled) |
+| Language | TypeScript | v5+ (Strict Mode) |
+| State | Pinia | v3+ (Store syntax) |
+| Database | PostgreSQL | Prisma ORM |
+| Styling | Tailwind CSS | v4.0 (Vite Plugin, Zero-config) |
+| UI Lib | Nuxt UI | v3 (Tailwind v4 native) |
+| Validation | Zod | Schema validation |
 
 ---
 
-## Directory Structure
+## Directory Structure (Nuxt 4 Standard)
+
+Sử dụng cấu trúc `app/` để giữ thư mục gốc gọn gàng.
 
 ```
 project-name/
+├── app/                  # Application Source
+│   ├── assets/
+│   │   └── css/
+│   │       └── main.css  # Tailwind v4 imports
+│   ├── components/       # Auto-imported components
+│   ├── composables/      # Auto-imported logic
+│   ├── layouts/
+│   ├── pages/            # File-based routing
+│   ├── app.vue           # Root component
+│   └── router.options.ts
+├── server/               # Nitro Server Engine
+│   ├── api/              # API Routes (e.g. /api/users)
+│   ├── routes/           # Server Routes
+│   └── utils/            # Server-only helpers (Prisma)
 ├── prisma/
 │   └── schema.prisma
-├── server/
-│   ├── api/
-│   │   └── [resource]/
-│   │       └── index.ts
-│   └── utils/
-│       └── db.ts         # Prisma client
-├── composables/
-│   └── useAuth.ts
-├── stores/
-│   └── user.ts           # Pinia store
-├── components/
-│   └── ui/
-├── pages/
-│   ├── index.vue
-│   └── [...slug].vue
-├── layouts/
-│   └── default.vue
-├── assets/
-│   └── css/
-│       └── main.css
-├── .env.example
-├── nuxt.config.ts
+├── public/
+├── nuxt.config.ts        # Main Config
 └── package.json
 ```
 
 ---
 
-## Key Concepts
+## Key Concepts (2026)
 
-| Concept | Description |
-|---------|-------------|
-| Auto-imports | Components, composables, utils |
-| File-based routing | pages/ → routes |
-| Server Routes | server/api/ → API endpoints |
-| Composables | Reusable reactive logic |
-| Pinia | State management |
+| Concept | Description | Future Update |
+|---------|-------------|---------------|
+| **App Directory** | `app/` | Tách biệt mã nguồn ứng dụng và file cấu hình root. |
+| **Vapor Mode** | Opt-in performance | Render không cần Virtual DOM (như SolidJS). Bật trong `nuxt.config`. |
+| **Server Functions** | RPC-style calls | Gọi hàm server trực tiếp từ client (thay thế dần API routes thủ công). |
+| **Tailwind v4** | CSS-first | Cấu hình theme trực tiếp trong CSS, không cần `tailwind.config.js`. |
+| **Nuxt Islands** | Server Components | Render component cô lập trên server (`<NuxtIsland name="..." />`). |
 
 ---
 
@@ -68,34 +67,68 @@ project-name/
 
 | Variable | Purpose |
 |----------|---------|
-| DATABASE_URL | Prisma connection |
-| NUXT_PUBLIC_APP_URL | Public URL |
+| DATABASE_URL | Prisma connection string (PostgreSQL) |
+| NUXT_PUBLIC_APP_URL | Canonical URL |
+| NUXT_SESSION_PASSWORD | Session encryption key |
 
 ---
 
 ## Setup Steps
 
-1. `npx nuxi@latest init {{name}}`
-2. `cd {{name}}`
-3. `npm install @pinia/nuxt @prisma/client prisma zod`
-4. `npm install -D @nuxtjs/tailwindcss`
-5. Add modules to `nuxt.config.ts`:
+1. Initialize Project:
+   ```bash
+   npx nuxi@latest init my-app
+   # Select "Nuxt 4 structure" if prompted
+   ```
+
+2. Install Core Deps:
+   ```bash
+   npm install @pinia/nuxt @prisma/client zod
+   npm install -D prisma
+   ```
+
+3. Setup Tailwind v4:
+   Install the Vite plugin (new standard):
+   ```bash
+   npm install tailwindcss @tailwindcss/vite
+   ```
+
+   Add to `nuxt.config.ts`:
    ```ts
-   modules: ['@pinia/nuxt', '@nuxtjs/tailwindcss']
+   import tailwindcss from '@tailwindcss/vite'
+   export default defineNuxtConfig({
+     vite: {
+       plugins: [tailwindcss()]
+     },
+     css: ['~/assets/css/main.css']
+   })
+   ```
+
+4. Configure CSS:
+   In `app/assets/css/main.css`:
+   ```css
+   @import "tailwindcss";
+   @theme {
+     --color-primary: oklch(0.6 0.15 150);
+   }
+   ```
+
+5. Run Development:
+   ```bash
+   npm run dev
+   # Runs with Turbo/Vite
    ```
-6. `npx prisma init`
-7. Configure schema
-8. `npx prisma db push`
-9. `npm run dev`
 
 ---
 
 ## Best Practices
 
-- Use `<script setup>` for components
-- Composables for reusable logic
-- Pinia stores in `stores/` folder
-- Server routes for API logic
-- Auto-import for clean code
-- TypeScript for type safety
-- See `@[skills/vue-expert]` for Vue patterns
+- **Vapor Mode**: Kích hoạt cho các component nặng về render:
+  ```ts
+  <script setup lang="ts" vapor>
+  // Component này sẽ compile sang chế độ Vapor (No VDOM)
+  </script>
+  ```
+- **Data Fetching**: Sử dụng `useFetch` với `server: false` cho các tác vụ client-only, hoặc dùng Server Functions để type-safety tốt hơn.
+- **State**: Dùng `defineStore` (Pinia) cho global state, `useState` của Nuxt cho state đơn giản chia sẻ giữa Server/Client.
+- **Type Safety**: Tự động tạo type cho API routes (`$fetch` typed automatically).

package/.agent/skills/app-builder/templates/react-native-app/TEMPLATE.md

@@ -3,91 +3,117 @@ name: react-native-app
 description: React Native mobile app template principles. Expo, TypeScript, navigation.
 ---
 
-# React Native App Template
+# React Native App Template (2026 Edition)
+
+Modern mobile app template, optimized for New Architecture and React 19.
 
 ## Tech Stack
 
-| Component | Technology |
-|-----------|------------|
-| Framework | React Native + Expo |
-| Language | TypeScript |
-| Navigation | Expo Router |
-| State | Zustand + React Query |
-| Styling | NativeWind |
-| Testing | Jest + RNTL |
+| Component | Technology | Version / Notes |
+|-----------|------------|-----------------|
+| Core | React Native + Expo | SDK 52+ (New Architecture Enabled) |
+| Language | TypeScript | v5+ (Strict Mode) |
+| UI Logic | React | v19 (React Compiler, auto-memoization) |
+| Navigation | Expo Router | v4+ (File-based, Universal Links) |
+| Styling | NativeWind | v4.0 (Tailwind v4, CSS-first config) |
+| State | Zustand + React Query | v5+ (Async State Management) |
+| Storage | Expo SecureStore | Encrypted local storage |
 
 ---
 
 ## Directory Structure
 
+Standardized structure for Expo Router and NativeWind v4.
+
 ```
 project-name/
-├── app/                 # Expo Router (file-based)
-│   ├── _layout.tsx      # Root layout
-│   ├── index.tsx        # Home
-│   ├── (tabs)/          # Tab navigation
-│   └── [id].tsx         # Dynamic route
+├── app/                 # Expo Router (File-based routing)
+│   ├── _layout.tsx      # Root Layout (Stack/Tabs config)
+│   ├── index.tsx        # Main Screen
+│   ├── (tabs)/          # Route Group for Tab Bar
+│   │   ├── _layout.tsx
+│   │   ├── home.tsx
+│   │   └── profile.tsx
+│   ├── +not-found.tsx   # 404 Page
+│   └── [id].tsx         # Dynamic Route (Typed)
 ├── components/
-│   ├── ui/              # Reusable
-│   └── features/
-├── hooks/
+│   ├── ui/              # Primitive Components (Button, Text)
+│   └── features/        # Complex Components
+├── hooks/               # Custom Hooks
 ├── lib/
-│   ├── api.ts
-│   └── storage.ts
-├── store/
-├── constants/
-└── app.json
+│   ├── api.ts           # Axios/Fetch client
+│   └── storage.ts       # SecureStore wrapper
+├── store/               # Zustand stores
+├── constants/           # Colors, Theme config
+├── assets/              # Fonts, Images
+├── global.css           # Entry point for NativeWind v4
+├── tailwind.config.ts   # Tailwind Config (if custom theme needed)
+├── babel.config.js      # NativeWind Babel Plugin
+└── app.json             # Expo Config
 ```
 
 ---
 
-## Navigation Patterns
+## Navigation Patterns (Expo Router)
 
-| Pattern | Use |
-|---------|-----|
-| Stack | Page hierarchy |
-| Tabs | Bottom navigation |
-| Drawer | Side menu |
-| Modal | Overlay screens |
+| Pattern | Description | Implement |
+|---------|-------------|-----------|
+| Stack | Hierarchical navigation (Push/Pop) | `<Stack />` in `_layout.tsx` |
+| Tabs | Bottom navigation bar | `<Tabs />` in `(tabs)/_layout.tsx` |
+| Drawer | Side slide-out menu | `expo-router/drawer` |
+| Modals | Overlay screens | `presentation: 'modal'` in Stack screen |
 
 ---
 
-## State Management
+## Key Packages & Purpose
 
-| Type | Tool |
-|------|------|
-| Local | Zustand |
-| Server | React Query |
-| Forms | React Hook Form |
-| Storage | Expo SecureStore |
+| Package | Purpose |
+|---------|---------|
+| expo-router | File-based routing (Next.js like) |
+| nativewind | Use Tailwind CSS classes in React Native |
+| react-native-reanimated | Smooth animations (runs on UI thread) |
+| @tanstack/react-query | Server state management, caching, pre-fetching |
+| zustand | Global state management (lighter than Redux) |
+| expo-image | Optimized image rendering for performance |
 
 ---
 
-## Key Packages
+## Setup Steps (2026 Standard)
 
-| Package | Purpose |
-|---------|---------|
-| expo-router | File-based routing |
-| zustand | Local state |
-| @tanstack/react-query | Server state |
-| nativewind | Tailwind styling |
-| expo-secure-store | Secure storage |
+1. Initialize Project:
+   ```bash
+   npx create-expo-app@latest my-app --template default
+   cd my-app
+   ```
 
----
+2. Install Core Dependencies:
+   ```bash
+   npx expo install expo-router react-native-safe-area-context react-native-screens expo-link expo-constants expo-status-bar
+   ```
+
+3. Install NativeWind v4:
+   ```bash
+   npm install nativewind tailwindcss react-native-reanimated
+   ```
 
-## Setup Steps
+4. Configure NativeWind (Babel & CSS):
+   - Add plugin to `babel.config.js`: `plugins: ["nativewind/babel"]`.
+   - Create `global.css` with: `@import "tailwindcss";`.
+   - Import `global.css` in `app/_layout.tsx`.
 
-1. `npx create-expo-app {{name}} -t expo-template-blank-typescript`
-2. `npx expo install expo-router react-native-safe-area-context`
-3. Install state: `npm install zustand @tanstack/react-query`
-4. `npx expo start`
+5. Run Project:
+   ```bash
+   npx expo start -c
+   # Press 'i' for iOS simulator or 'a' for Android emulator
+   ```
 
 ---
 
-## Best Practices
+## Best Practices (Updated)
 
-- Expo Router for navigation
-- Zustand for local, React Query for server state
-- NativeWind for consistent styling
-- Expo SecureStore for tokens
-- Test on both iOS and Android
+- **New Architecture**: Ensure `newArchEnabled: true` in `app.json` to leverage TurboModules and Fabric Renderer.
+- **Typed Routes**: Use Expo Router's "Typed Routes" feature for type-safe routing (e.g., `router.push('/path')`).
+- **React 19**: Reduce usage of `useMemo` or `useCallback` thanks to React Compiler (if enabled).
+- **Components**: Build UI primitives (Box, Text) with NativeWind className for reusability.
+- **Assets**: Use `expo-image` instead of default `<Image />` for better caching and performance.
+- **API**: Always wrap API calls with TanStack Query, avoid direct calls in `useEffect`.

package/.agent/skills/cloud-architect-master/SKILL.md

@@ -1,9 +1,9 @@
 ---
 name: cloud-architect-master
-description: Elite Cloud and Multi-Cloud Architect Master Skill.
-category: infrastructure
-version: 4.1.0-fractal
-layer: master-skill
+description: >
+  Elite Cloud and Multi-Cloud Architect Master Skill. Covers AWS/Azure/GCP, hybrid clouds, 
+  cloud-native networking, security audits, and infrastructure cost optimization. 
+  Replaces all fragmented cloud architecture skills.
 ---
 
 # ☁️ Cloud Architect Master Kit
@@ -70,8 +70,3 @@ You are a **Principal Cloud Architect and Infrastructure Engineer**. You design
 
 ---
 *Merged and optimized from 5 legacy cloud architecture and networking skills.*
-
-
-## 🧠 Knowledge Modules (Fractal Skills)
-
-### 1. [cost_optimization_checklist](./sub-skills/cost_optimization_checklist.md)

package/.agent/skills/cro-expert-kit/SKILL.md

@@ -1,9 +1,9 @@
 ---
 name: cro-expert-kit
-description: Elite Conversion Rate Optimization Toolkit.
-category: marketing
-version: 4.1.0-fractal
-layer: master-skill
+description: >
+  Elite Conversion Rate Optimization Toolkit. Covers Page CRO, Signup Flows, 
+  Onboarding, Form Optimization, Paywalls, and Popups. Focuses on psychological 
+  leverage and friction reduction to increase revenue and retention.
 ---
 
 # 📈 CRO Expert Kit (Master Skill)
@@ -80,8 +80,3 @@ You are an **Elite Growth Engineer and CRO Specialist**. Your mission is to iden
 
 ---
 *Merged and optimized from 6 legacy conversion optimization skills.*
-
-
-## 🧠 Knowledge Modules (Fractal Skills)
-
-### 1. [psychological_triggers](./sub-skills/psychological_triggers.md)

package/.agent/skills/database-migration/SKILL.md

@@ -1,9 +1,8 @@
 ---
 name: database-migration
-description: MASTER DB: Zero-Downtime, Schema Design (3NF), SQL/NoSQL.
-category: database
-version: 4.1.0-fractal
-layer: master-skill
+description: >
+  MASTER DB: Zero-Downtime, Schema Design (3NF), SQL/NoSQL, Data Sync, 
+  Rollback strategies. Use for DB changes, migrations, and performance tuning.
 ---
 
 # 🗄️ Database Migration Master Skill
@@ -23,8 +22,3 @@ You are a **Senior Database Administrator and Schema Architect**. You ensure dat
 
 ---
 *Merged and optimized from 3 legacy database migration skills.*
-
-
-## 🧠 Knowledge Modules (Fractal Skills)
-
-### 1. [zero_downtime_strategy](./sub-skills/zero_downtime_strategy.md)

package/.agent/skills/deployment-engineer/SKILL.md

@@ -1,9 +1,8 @@
 ---
 name: deployment-engineer
-description: MASTER DEPLOY: CI/CD Pipelines, Docker, K8s, GitOps.
-category: infrastructure
-version: 4.1.0-fractal
-layer: master-skill
+description: >
+  MASTER DEPLOY: CI/CD Pipelines, Docker, K8s, GitOps (Flux/ArgoCD), 
+  Progressive Delivery (Canary). Use for Infra setup, pipelines, and releases.
 ---
 
 # 🛳️ Deployment & Infrastructure Master
@@ -23,8 +22,3 @@ You are an **Elite Platform Engineer and DevOps Specialist**. You build robust,
 
 ---
 *Merged and optimized from 5 legacy deployment and DevOps skills.*
-
-
-## 🧠 Knowledge Modules (Fractal Skills)
-
-### 1. [k8s_best_practices](./sub-skills/k8s_best_practices.md)

package/.agent/skills/fastcode-search/SKILL.md

@@ -0,0 +1,46 @@
+---
+name: fastcode-search
+description: Native Node.js semantic search for Agent. No external dependencies.
+category: research-analysis
+version: 2.0.0
+layer: core-skill
+---
+
+# FastCode Search (Native)
+
+> **Core Capability**: Lightning-fast codebase navigation using local Node.js indexing.
+> **Zero Cost**: Runs locally. No API calls.
+
+## 🤖 Agent Instructions (MANDATORY)
+
+**Rule: BEFORE reading any file content to understand logic, you MUST use FastCode.**
+
+### 1. When to use?
+- User asks "Where is the login logic?"
+- You need to fix a bug but don't know the exact file.
+- You want to understand the project structure.
+
+### 2. How to use?
+Run the internal Node.js script. **Do not ask user to install anything.**
+
+#### Step 1: Search
+```bash
+node cli/skills/fastcode.js search "your_query_here"
+```
+
+#### Step 2: Analyze Results
+The script returns a JSON list of most relevant files.
+- **Action**: Read ONLY the top 1-3 files returned.
+- **Benefit**: Saves tokens (don't read the whole repo).
+
+### 3. Maintenance (Auto-Index)
+If search returns nothing or "Index not found", run indexing first:
+```bash
+node cli/skills/fastcode.js index
+```
+
+---
+
+## 🛠️ For Humans (Optional)
+You can also run this manually if you want:
+`node cli/skills/fastcode.js search "auth"`

package/.agent/skills/fastcode-search/fastcode_config.example.json

@@ -0,0 +1,17 @@
+{
+  "note": "FastCode configuration template. Use environment variables for current version.",
+  "llm": {
+    "provider_options": ["openai", "ollama", "openrouter"],
+    "defaults": {
+      "ollama": {
+        "base_url": "http://localhost:11434/v1",
+        "api_key": "ollama",
+        "model": "qwen2.5-coder"
+      },
+      "openrouter": {
+        "base_url": "https://openrouter.ai/api/v1",
+        "model": "google/gemini-2.0-flash-exp:free"
+      }
+    }
+  }
+}