@mrtrinhvn/ag-kit 1.0.6 → 1.0.7

package/.agent/skills/doc.md

@@ -1,26 +1,26 @@
 # Antigravity Skills
 
-> **Guide to creating and using Skills in the Antigravity Kit**
+> **Hướng dẫn tạo và sử dụng Skills trong Antigravity Kit**
 
 ---
 
-## 📋 Overview
+## 📋 Giới thiệu
 
-While Antigravity's base models (like Gemini) are powerful generalists, they don't know your specific project context or your team's standards. Loading every rule or tool into the agent's context window leads to "tool bloat," higher costs, latency, and confusion.
+Mặc dù các mô hình cơ bản của Antigravity (như Gemini) là những mô hình đa năng mạnh mẽ, nhưng chúng không biết ngữ cảnh dự án cụ thể hoặc các tiêu chuẩn của nhóm bạn. Việc tải từng quy tắc hoặc công cụ vào cửa sổ ngữ cảnh của tác nhân sẽ dẫn đến tình trạng "phình to công cụ", chi phí cao hơn, độ trễ và sự nhầm lẫn.
 
-**Antigravity Skills** solve this through **Progressive Disclosure**. A Skill is a package of specialized knowledge that remains dormant until needed. This information is only loaded into the agent's context when your specific request matches the skill's description.
+**Antigravity Skills** giải quyết vấn đề này thông qua tính năng **Progressive Disclosure**. Kỹ năng là một gói kiến thức chuyên biệt, ở trạng thái không hoạt động cho đến khi cần. Thông tin này chỉ được tải vào ngữ cảnh của tác nhân khi yêu cầu cụ thể của bạn khớp với nội dung mô tả của kỹ năng.
 
 ---
 
-## 📁 Structure and Scope
+## 📁 Cấu trúc và Phạm vi
 
-Skills are folder-based packages. You can define these scopes based on your needs:
+Kỹ năng là các gói dựa trên thư mục. Bạn có thể xác định các phạm vi này tuỳ thuộc vào nhu cầu:
 
-| Scope         | Path                              | Description                          |
-| ------------- | --------------------------------- | ------------------------------------ |
-| **Workspace** | `<workspace-root>/.agent/skills/` | Available only in a specific project |
+| Phạm vi | Đường dẫn | Mô tả |
+|---------|-----------|-------|
+| **Workspace** | `<workspace-root>/.agent/skills/` | Chỉ có trong một dự án cụ thể |
 
-### Skill Directory Structure
+### Cấu trúc thư mục kỹ năng
 
 ```
 my-skill/
@@ -32,17 +32,17 @@ my-skill/
 
 ---
 
-## 🔍 Example 1: Code Review Skill
+## 🔍 Ví dụ 1: Code Review Skill
 
-This is an instruction-only skill; you only need to create the `SKILL.md` file.
+Đây là một kỹ năng chỉ có hướng dẫn (instruction-only), chỉ cần tạo file `SKILL.md`.
 
-### Step 1: Create the directory
+### Bước 1: Tạo thư mục
 
 ```bash
-mkdir -p .agent/skills/code-review
+mkdir -p ~/.gemini/antigravity/skills/code-review
 ```
 
-### Step 2: Create SKILL.md
+### Bước 2: Tạo SKILL.md
 
 ```markdown
 ---
@@ -68,11 +68,11 @@ When reviewing code, follow these steps:
 - Suggest alternatives when possible
 ```
 
-> **Note**: The `SKILL.md` file contains metadata (name, description) at the top, followed by the instructions. The agent will only read the metadata and load the full instructions only when needed.
+> **Lưu ý**: File `SKILL.md` chứa siêu dữ liệu (name, description) ở trên cùng, sau đó là các chỉ dẫn. Agent sẽ chỉ đọc siêu dữ liệu và chỉ tải hướng dẫn khi cần.
 
-### Try it out
+### Dùng thử
 
-Create a file `demo_bad_code.py`:
+Tạo file `demo_bad_code.py`:
 
 ```python
 import time
@@ -96,10 +96,10 @@ def process_payments(items):
 def run_batch():
     users = [{'id': 1, 'name': 'Alice'}, {'id': 2, 'name': 'Bob'}]
     items = [{'price': 10}, {'price': 20}, {'price': 100}]
-
+    
     u = get_user_data(users, 3)
     print("User found: " + u['name'])  # Will crash if None
-
+    
     print("Total: " + str(process_payments(items)))
 
 if __name__ == "__main__":
@@ -108,21 +108,21 @@ if __name__ == "__main__":
 
 **Prompt**: `review the @demo_bad_code.py file`
 
-The Agent will automatically identify the `code-review` skill, load the information, and follow the instructions.
+Agent sẽ tự động xác định kỹ năng `code-review`, tải thông tin và thực hiện theo hướng dẫn.
 
 ---
 
-## 📄 Example 2: License Header Skill
+## 📄 Ví dụ 2: License Header Skill
 
-This skill uses a reference file in the `resources/` (or `references/`) directory.
+Kỹ năng này sử dụng file tham chiếu (reference file) trong thư mục `resources/`.
 
-### Step 1: Create the directory
+### Bước 1: Tạo thư mục
 
 ```bash
 mkdir -p .agent/skills/license-header-adder/resources
 ```
 
-### Step 2: Create the template file
+### Bước 2: Tạo file template
 
 **`.agent/skills/license-header-adder/resources/HEADER.txt`**:
 
@@ -134,7 +134,7 @@ mkdir -p .agent/skills/license-header-adder/resources
  */
 ```
 
-### Step 3: Create SKILL.md
+### Bước 3: Tạo SKILL.md
 
 **`.agent/skills/license-header-adder/SKILL.md`**:
 
@@ -152,26 +152,26 @@ This skill ensures that all new source files have the correct copyright header.
 
 1. **Read the Template**: Read the content of `resources/HEADER.txt`.
 2. **Apply to File**: When creating a new file, prepend this exact content.
-3. **Adapt Syntax**:
+3. **Adapt Syntax**: 
    - For C-style languages (Java, TS), keep the `/* */` block.
    - For Python/Shell, convert to `#` comments.
 ```
 
-### Try it out
+### Dùng thử
 
 **Prompt**: `Create a new Python script named data_processor.py that prints 'Hello World'.`
 
-The Agent will read the template, convert the comments to Python style, and automatically add it to the top of the file.
+Agent sẽ đọc template, chuyển đổi comments theo kiểu Python và tự động thêm vào đầu file.
 
 ---
 
-## 🎯 Conclusion
+## 🎯 Kết luận
 
-By creating Skills, you transform a general AI model into an expert for your project:
+Bằng cách tạo Skills, bạn đã biến mô hình AI đa năng thành một chuyên gia cho dự án của mình:
 
-- ✅ Systematize best practices
-- ✅ Adhere to code review rules
-- ✅ Automatically add license headers
-- ✅ The Agent automatically knows how to work with your team
+- ✅ Hệ thống hoá các best practices
+- ✅ Tuân theo quy tắc đánh giá code
+- ✅ Tự động thêm license headers
+- ✅ Agent tự động biết cách làm việc với nhóm của bạn
 
-Instead of constantly reminding the AI to "remember to add the license" or "fix the commit format," now the Agent will do it automatically!
+Thay vì liên tục nhắc AI "nhớ thêm license" hoặc "sửa format commit", giờ đây Agent sẽ tự động thực hiện!

package/.agent/skills/frontend-design/SKILL.md

@@ -416,37 +416,3 @@ After implementing your design, run the audit:
 ---
 
 > **Remember:** Design is THINKING, not copying. Every project deserves fresh consideration based on its unique context and users. **Avoid the Modern SaaS Safe Harbor!**
-
----
-
-## 5. Next.js 16+ Modern Form Patterns
-
-> [!IMPORTANT]
-> For Next.js 16+ projects, use the native `next/form` component instead of standard HTML `<form>` for all GET-based search/filter operations.
-
-### The `<Form>` Component Advantage
-- **Automatic Client Navigation:** Performs client-side transitions on submit.
-- **Progressive Enhancement:** Works even without JavaScript.
-- **URL Sync:** Automatically encodes input values into search params.
-
-### Implementation Example (Search Bar)
-```tsx
-import Form from 'next/form'
-
-export default function SearchBar() {
-  return (
-    <Form action="/search" className="flex gap-2">
-      <input 
-        name="q" 
-        placeholder="Search products..." 
-        className="border p-2"
-      />
-      <button type="submit">Search</button>
-    </Form>
-  )
-}
-```
-
-### When to use `<Form>` vs. standard `<form>`:
-- **Use `next/form`** for: Search, Filtering, Sorting, Pagination (GET requests).
-- **Use standard `<form>`** for: Mutations, Login, Data Entry (POST requests via Server Actions).