evnict-kit 0.2.2 → 0.2.3

package/templates/skills/evnict-kit-create-component/SKILL.md

@@ -251,6 +251,29 @@ Thêm vào module declarations hoặc shared module exports.
 
 ---
 
+> 🎨 **FE UI Quality:** Khi tạo/sửa UI component, tham khảo skill `evnict-kit-frontend-design`
+> để đảm bảo chất lượng thiết kế cao. Áp dụng Design Thinking (Purpose → Tone → Constraints → Differentiation) trước khi code UI.
+
+---
+
+## ⚠️ NHẮC NHỞ: Tuân thủ Rules & Context
+
+> **Agent dùng lâu có thể quên rules.** Trước khi bắt đầu code, tự kiểm tra:
+
+### Quick Check (agent tự đánh giá)
+1. ✅ Tôi đã đọc `.agent/rules/` trong phiên làm việc này chưa?
+2. ✅ Tôi đã đọc AGENTS.md (hoặc context file) chưa?
+3. ✅ Tôi nhớ rõ coding conventions của dự án này không?
+
+**→ Nếu BẤT KỲ câu nào = "CHƯA" hoặc "KHÔNG CHẮC":**
+- Đọc lại tất cả files trong `.agent/rules/` (hoặc thư mục rules tương ứng)
+- Đọc lại AGENTS.md (hoặc context file tương ứng)
+- Query wiki nếu có: `grep -rl "{keyword}" {wiki_path}/processed/ --include="*.md"`
+
+**→ Nếu TẤT CẢ = "RỒI" → tiếp tục workflow, KHÔNG cần đọc lại.**
+
+> **NGUYÊN TẮC:** Không chắc convention → ĐỌC LẠI rule file. KHÔNG đoán.
+
 ## Tiêu chí hoàn thành
 - [ ] Reuse check done — không tạo trùng
 - [ ] Component files tạo đầy đủ (ts, html, scss, spec.ts)

package/templates/skills/evnict-kit-create-page/SKILL.md

@@ -236,6 +236,29 @@ ng build
 
 ---
 
+> 🎨 **FE UI Quality:** Khi tạo/sửa UI component, tham khảo skill `evnict-kit-frontend-design`
+> để đảm bảo chất lượng thiết kế cao. Áp dụng Design Thinking (Purpose → Tone → Constraints → Differentiation) trước khi code UI.
+
+---
+
+## ⚠️ NHẮC NHỞ: Tuân thủ Rules & Context
+
+> **Agent dùng lâu có thể quên rules.** Trước khi bắt đầu code, tự kiểm tra:
+
+### Quick Check (agent tự đánh giá)
+1. ✅ Tôi đã đọc `.agent/rules/` trong phiên làm việc này chưa?
+2. ✅ Tôi đã đọc AGENTS.md (hoặc context file) chưa?
+3. ✅ Tôi nhớ rõ coding conventions của dự án này không?
+
+**→ Nếu BẤT KỲ câu nào = "CHƯA" hoặc "KHÔNG CHẮC":**
+- Đọc lại tất cả files trong `.agent/rules/` (hoặc thư mục rules tương ứng)
+- Đọc lại AGENTS.md (hoặc context file tương ứng)
+- Query wiki nếu có: `grep -rl "{keyword}" {wiki_path}/processed/ --include="*.md"`
+
+**→ Nếu TẤT CẢ = "RỒI" → tiếp tục workflow, KHÔNG cần đọc lại.**
+
+> **NGUYÊN TẮC:** Không chắc convention → ĐỌC LẠI rule file. KHÔNG đoán.
+
 ## Tiêu chí hoàn thành
 - [ ] Module tạo/update đúng
 - [ ] Routing configured (lazy-loaded)

package/templates/skills/evnict-kit-frontend-design/SKILL.md

@@ -0,0 +1,161 @@
+---
+name: evnict-kit-frontend-design
+description: Hướng dẫn tư duy thiết kế UI chất lượng cao cho Angular. Tập trung vào design thinking, aesthetics, typography, color, motion — tránh UI generic "AI slop". Dùng khi tạo component, page, hoặc cải thiện giao diện.
+compatibility: Angular 16+
+---
+
+# evnict-kit-frontend-design — Thiết kế UI Chất lượng Cao
+
+## Khi nào dùng
+- Tạo UI component/page mới
+- Cải thiện giao diện hiện có
+- Thiết kế landing page, dashboard, form phức tạp
+- Khi cần UI vượt trội hơn mức "tạm được"
+
+## Nguyên tắc cốt lõi
+> **UI do AI sinh ra PHẢI trông như được thiết kế bởi designer chuyên nghiệp,
+> KHÔNG phải output generic của AI.**
+
+---
+
+## 1. Design Thinking — TRƯỚC KHI CODE
+
+Trước khi viết bất kỳ dòng code nào, Agent PHẢI trả lời 4 câu hỏi:
+
+### 1.1 Purpose — Giao diện này giải quyết vấn đề gì?
+- Ai là người dùng? (admin, nhân viên, khách hàng?)
+- Họ cần làm gì? (nhập liệu, tra cứu, phê duyệt?)
+- Tần suất sử dụng? (hàng ngày vs. thi thoảng)
+
+### 1.2 Tone — Chọn hướng thẩm mỹ RÕ RÀNG
+Không dùng "trung tính an toàn". Chọn 1 hướng và đẩy mạnh:
+- **Refined/Professional** — enterprise app, dashboard, quản trị
+- **Minimalist/Clean** — form nhập liệu, workflow step-by-step
+- **Data-Dense/Utilitarian** — bảng dữ liệu lớn, reporting
+- **Modern/Dynamic** — landing page, portal, user-facing
+- **Soft/Approachable** — onboarding, wizard, hướng dẫn
+
+### 1.3 Constraints — Ràng buộc kỹ thuật
+- Framework: Angular (tuân thủ Angular conventions)
+- Component library đang dùng trong project
+- Responsive requirements
+- Accessibility requirements
+- Performance constraints
+
+### 1.4 Differentiation — Điểm nhấn đáng nhớ
+- UI này có gì KHÁC BIỆT so với template mặc định?
+- Người dùng sẽ nhớ gì sau khi rời trang?
+- Micro-interaction nào tạo cảm giác "chuyên nghiệp"?
+
+---
+
+## 2. Nguyên tắc Thẩm mỹ — Frontend Aesthetics
+
+### 2.1 Typography — Chữ phải ĐẸP và CÓ CÁ TÍNH
+- **KHÔNG dùng** font generic mặc định (Arial, system fonts)
+- **Chọn font có cá tính** phù hợp với tone của ứng dụng
+- **Pair fonts:** 1 display font nổi bật + 1 body font dễ đọc
+- **Hierarchy rõ ràng:** heading > subheading > body > caption
+- **Spacing:** line-height, letter-spacing phải được tinh chỉnh — không dùng default
+
+### 2.2 Color & Theme — Màu sắc PHẢI có chủ đích
+- **Commit vào 1 color palette nhất quán** — dùng CSS variables
+- **Dominant + Accent:** 1 màu chủ đạo mạnh + 1-2 màu nhấn, tốt hơn nhiều màu đều nhau
+- **TRÁNH:** tím gradient trên nền trắng (AI cliché), màu quá generic (red/blue/green thuần)
+- **Dark mode:** Nếu phù hợp — dark theme tạo cảm giác premium cho enterprise app
+- **Semantic colors:** success/warning/error/info phải nhất quán toàn app
+
+### 2.3 Motion & Micro-interactions — Sống động nhưng KHÔNG rối
+- **Ưu tiên CSS-only:** transitions, animations — không cần thêm lib nếu không cần thiết
+- **High-impact moments:** page load staggered reveal, hover state, expand/collapse
+- **Scroll-triggered effects:** chỉ dùng khi phù hợp (landing page, dashboard)
+- **Form feedback:** input focus, validation animation, submit loading state
+- **NGUYÊN TẮC:** 1 animation tốt > 10 animation rời rạc
+
+### 2.4 Spatial Composition — Bố cục KHÔNG nhàm chán
+- **TRÁNH:** layout đối xứng hoàn toàn, mọi thứ căn giữa
+- **Negative space:** khoảng trống có chủ đích tạo sự thoáng
+- **Grid-breaking:** 1-2 element phá grid tạo điểm nhấn
+- **Card depth:** shadow, border, background tạo layer hierarchy
+- **Responsive:** mobile-first, breakpoints hợp lý
+
+### 2.5 Backgrounds & Visual Details — Tạo chiều sâu
+- **KHÔNG mặc định nền trắng/xám nhạt** — cân nhắc gradient nhẹ, pattern, texture
+- **Depth effects:** shadow layers, glassmorphism (nếu phù hợp)
+- **Decorative elements:** border styles, dividers, icons có phong cách
+- **NGUYÊN TẮC:** Mỗi pixel phải có lý do tồn tại
+
+---
+
+## 3. Anti-Patterns — TUYỆT ĐỐI TRÁNH
+
+### ❌ "AI Slop" — Dấu hiệu UI sinh bởi AI kém chất lượng
+- Font Inter/Roboto/Arial trên mọi project
+- Tím gradient (#6366f1 → #8b5cf6) trên nền trắng
+- Card bo góc 8px + shadow nhẹ — mọi component giống nhau
+- Layout 100% đối xứng, không có điểm nhấn
+- Icon generic không có phong cách riêng
+- Spacing đều đặn máy móc, không có rhythm
+
+### ✅ Dấu hiệu UI được THIẾT KẾ tốt
+- Font choice phản ánh tính cách ứng dụng
+- Color palette có chủ đích, nhất quán
+- Layout có hierarchy rõ, mắt biết nhìn đâu trước
+- Micro-interactions tạo feedback tự nhiên
+- Mỗi trang/component có "cá tính" riêng — không copy-paste aesthetic
+
+---
+
+## 4. Áp dụng cho Angular
+
+### 4.1 Component Design
+- Mỗi component nên có CSS riêng — KHÔNG dùng inline styles tràn lan
+- Dùng CSS variables cho theme consistency
+- `:host` styling để component self-contained
+- `@media` queries cho responsive — mobile-first
+
+### 4.2 Theming
+- Định nghĩa design tokens (colors, spacing, typography) ở root/shared level
+- Component consume tokens — KHÔNG hardcode values
+- Support theme switching nếu dự án yêu cầu
+
+### 4.3 Animation trong Angular
+- Ưu tiên CSS transitions/animations
+- Angular Animations API cho complex state transitions
+- `@defer` cho lazy-loaded content với loading states đẹp
+
+### 4.4 Responsive
+- Breakpoints nhất quán toàn project
+- Mobile layout PHẢI được thiết kế — không chỉ "co lại"
+- Table → card view trên mobile
+- Navigation → hamburger/drawer trên mobile
+
+---
+
+## 5. Quy trình áp dụng
+
+```
+1. Đọc yêu cầu → Trả lời 4 câu hỏi Design Thinking
+2. Chọn tone + color palette + typography
+3. Sketch layout (mô tả text hoặc wireframe đơn giản)
+4. Implement component với full styling
+5. Review: so sánh với Anti-Patterns checklist
+6. Polish: micro-interactions, responsive, accessibility
+```
+
+> **QUAN TRỌNG:** Match complexity với vision.
+> - Design maximalist → code phải elaborate (animations, effects, layers)
+> - Design minimalist → code phải precise (spacing, typography, subtle details)
+> - Elegance = thực thi đúng vision, không phải nhiều hay ít code
+
+---
+
+## Tiêu chí chất lượng
+- [ ] Design Thinking 4 câu hỏi đã trả lời
+- [ ] Tone thẩm mỹ rõ ràng, nhất quán
+- [ ] Typography: font có cá tính, hierarchy rõ
+- [ ] Color: palette nhất quán, có dominant + accent
+- [ ] Layout: có hierarchy, không đối xứng nhàm chán
+- [ ] Motion: ít nhất 1 micro-interaction có ý nghĩa
+- [ ] Responsive: mobile-first, breakpoints hợp lý
+- [ ] KHÔNG có dấu hiệu "AI slop"

package/templates/workflows/antigravity/evnict-kit-archive-wiki.md

@@ -92,6 +92,26 @@ Workflow này là shortcut. Để nạp tri thức chi tiết hơn, dùng:
 
 ---
 
+---
+
+## ⚠️ NHẮC NHỞ: Tuân thủ Rules & Context
+
+> **Agent dùng lâu có thể quên rules.** Trước khi bắt đầu code, tự kiểm tra:
+
+### Quick Check (agent tự đánh giá)
+1. ✅ Tôi đã đọc `.agent/rules/` trong phiên làm việc này chưa?
+2. ✅ Tôi đã đọc AGENTS.md (hoặc context file) chưa?
+3. ✅ Tôi nhớ rõ coding conventions của dự án này không?
+
+**→ Nếu BẤT KỲ câu nào = "CHƯA" hoặc "KHÔNG CHẮC":**
+- Đọc lại tất cả files trong `.agent/rules/` (hoặc thư mục rules tương ứng)
+- Đọc lại AGENTS.md (hoặc context file tương ứng)
+- Query wiki nếu có: `grep -rl "{keyword}" {wiki_path}/processed/ --include="*.md"`
+
+**→ Nếu TẤT CẢ = "RỒI" → tiếp tục workflow, KHÔNG cần đọc lại.**
+
+> **NGUYÊN TẮC:** Không chắc convention → ĐỌC LẠI rule file. KHÔNG đoán.
+
 ## Checklist
 - [ ] Feature summarized
 - [ ] Wiki pushed

package/templates/workflows/antigravity/evnict-kit-attt.md

@@ -92,6 +92,26 @@ cd {wiki_path} && node scripts/ingest.js
 
 ---
 
+---
+
+## ⚠️ NHẮC NHỞ: Tuân thủ Rules & Context
+
+> **Agent dùng lâu có thể quên rules.** Trước khi bắt đầu code, tự kiểm tra:
+
+### Quick Check (agent tự đánh giá)
+1. ✅ Tôi đã đọc `.agent/rules/` trong phiên làm việc này chưa?
+2. ✅ Tôi đã đọc AGENTS.md (hoặc context file) chưa?
+3. ✅ Tôi nhớ rõ coding conventions của dự án này không?
+
+**→ Nếu BẤT KỲ câu nào = "CHƯA" hoặc "KHÔNG CHẮC":**
+- Đọc lại tất cả files trong `.agent/rules/` (hoặc thư mục rules tương ứng)
+- Đọc lại AGENTS.md (hoặc context file tương ứng)
+- Query wiki nếu có: `grep -rl "{keyword}" {wiki_path}/processed/ --include="*.md"`
+
+**→ Nếu TẤT CẢ = "RỒI" → tiếp tục workflow, KHÔNG cần đọc lại.**
+
+> **NGUYÊN TẮC:** Không chắc convention → ĐỌC LẠI rule file. KHÔNG đoán.
+
 ## Checklist hoàn thành
 - [ ] Scan completed (full hoặc module)
 - [ ] Critical/High issues fixed

package/templates/workflows/antigravity/evnict-kit-bug-fix.md

@@ -94,6 +94,29 @@ Tạo postmortem nếu thay đổi > 20 dòng.
 
 ---
 
+> 🎨 **FE UI Quality:** Khi tạo/sửa UI component, tham khảo skill `evnict-kit-frontend-design`
+> để đảm bảo chất lượng thiết kế cao. Áp dụng Design Thinking (Purpose → Tone → Constraints → Differentiation) trước khi code UI.
+
+---
+
+## ⚠️ NHẮC NHỞ: Tuân thủ Rules & Context
+
+> **Agent dùng lâu có thể quên rules.** Trước khi bắt đầu code, tự kiểm tra:
+
+### Quick Check (agent tự đánh giá)
+1. ✅ Tôi đã đọc `.agent/rules/` trong phiên làm việc này chưa?
+2. ✅ Tôi đã đọc AGENTS.md (hoặc context file) chưa?
+3. ✅ Tôi nhớ rõ coding conventions của dự án này không?
+
+**→ Nếu BẤT KỲ câu nào = "CHƯA" hoặc "KHÔNG CHẮC":**
+- Đọc lại tất cả files trong `.agent/rules/` (hoặc thư mục rules tương ứng)
+- Đọc lại AGENTS.md (hoặc context file tương ứng)
+- Query wiki nếu có: `grep -rl "{keyword}" {wiki_path}/processed/ --include="*.md"`
+
+**→ Nếu TẤT CẢ = "RỒI" → tiếp tục workflow, KHÔNG cần đọc lại.**
+
+> **NGUYÊN TẮC:** Không chắc convention → ĐỌC LẠI rule file. KHÔNG đoán.
+
 ## Checklist hoàn thành
 - [ ] Wiki queried
 - [ ] Severity classified

package/templates/workflows/antigravity/evnict-kit-feature-large.md

@@ -391,3 +391,27 @@ Nếu thay đổi > 20 dòng code → tạo `docs/postmortem/{feature}-{date}.md
 ✅ Postmortem: docs/postmortem/{feature}-{date}.md
 ✅ Ingest triggered
 ```
+
+> 🎨 **FE UI Quality:** Khi tạo/sửa UI component, tham khảo skill `evnict-kit-frontend-design`
+> để đảm bảo chất lượng thiết kế cao. Áp dụng Design Thinking (Purpose → Tone → Constraints → Differentiation) trước khi code UI.
+
+---
+
+## ⚠️ NHẮC NHỞ: Tuân thủ Rules & Context
+
+> **Agent dùng lâu có thể quên rules.** Trước khi bắt đầu code, tự kiểm tra:
+
+### Quick Check (agent tự đánh giá)
+1. ✅ Tôi đã đọc `.agent/rules/` trong phiên làm việc này chưa?
+2. ✅ Tôi đã đọc AGENTS.md (hoặc context file) chưa?
+3. ✅ Tôi nhớ rõ coding conventions của dự án này không?
+
+**→ Nếu BẤT KỲ câu nào = "CHƯA" hoặc "KHÔNG CHẮC":**
+- Đọc lại tất cả files trong `.agent/rules/` (hoặc thư mục rules tương ứng)
+- Đọc lại AGENTS.md (hoặc context file tương ứng)
+- Query wiki nếu có: `grep -rl "{keyword}" {wiki_path}/processed/ --include="*.md"`
+
+**→ Nếu TẤT CẢ = "RỒI" → tiếp tục workflow, KHÔNG cần đọc lại.**
+
+> **NGUYÊN TẮC:** Không chắc convention → ĐỌC LẠI rule file. KHÔNG đoán.
+

package/templates/workflows/antigravity/evnict-kit-feature-small.md

@@ -75,6 +75,29 @@ C) Không — skip
 
 ---
 
+> 🎨 **FE UI Quality:** Khi tạo/sửa UI component, tham khảo skill `evnict-kit-frontend-design`
+> để đảm bảo chất lượng thiết kế cao. Áp dụng Design Thinking (Purpose → Tone → Constraints → Differentiation) trước khi code UI.
+
+---
+
+## ⚠️ NHẮC NHỞ: Tuân thủ Rules & Context
+
+> **Agent dùng lâu có thể quên rules.** Trước khi bắt đầu code, tự kiểm tra:
+
+### Quick Check (agent tự đánh giá)
+1. ✅ Tôi đã đọc `.agent/rules/` trong phiên làm việc này chưa?
+2. ✅ Tôi đã đọc AGENTS.md (hoặc context file) chưa?
+3. ✅ Tôi nhớ rõ coding conventions của dự án này không?
+
+**→ Nếu BẤT KỲ câu nào = "CHƯA" hoặc "KHÔNG CHẮC":**
+- Đọc lại tất cả files trong `.agent/rules/` (hoặc thư mục rules tương ứng)
+- Đọc lại AGENTS.md (hoặc context file tương ứng)
+- Query wiki nếu có: `grep -rl "{keyword}" {wiki_path}/processed/ --include="*.md"`
+
+**→ Nếu TẤT CẢ = "RỒI" → tiếp tục workflow, KHÔNG cần đọc lại.**
+
+> **NGUYÊN TẮC:** Không chắc convention → ĐỌC LẠI rule file. KHÔNG đoán.
+
 ## Checklist hoàn thành
 - [ ] Wiki queried
 - [ ] Plan confirmed

package/templates/workflows/antigravity/evnict-kit-handoff.md

@@ -233,6 +233,29 @@ last_updated: {timestamp}
 
 ---
 
+> 🎨 **FE UI Quality:** Khi tạo/sửa UI component, tham khảo skill `evnict-kit-frontend-design`
+> để đảm bảo chất lượng thiết kế cao. Áp dụng Design Thinking (Purpose → Tone → Constraints → Differentiation) trước khi code UI.
+
+---
+
+## ⚠️ NHẮC NHỞ: Tuân thủ Rules & Context
+
+> **Agent dùng lâu có thể quên rules.** Trước khi bắt đầu code, tự kiểm tra:
+
+### Quick Check (agent tự đánh giá)
+1. ✅ Tôi đã đọc `.agent/rules/` trong phiên làm việc này chưa?
+2. ✅ Tôi đã đọc AGENTS.md (hoặc context file) chưa?
+3. ✅ Tôi nhớ rõ coding conventions của dự án này không?
+
+**→ Nếu BẤT KỲ câu nào = "CHƯA" hoặc "KHÔNG CHẮC":**
+- Đọc lại tất cả files trong `.agent/rules/` (hoặc thư mục rules tương ứng)
+- Đọc lại AGENTS.md (hoặc context file tương ứng)
+- Query wiki nếu có: `grep -rl "{keyword}" {wiki_path}/processed/ --include="*.md"`
+
+**→ Nếu TẤT CẢ = "RỒI" → tiếp tục workflow, KHÔNG cần đọc lại.**
+
+> **NGUYÊN TẮC:** Không chắc convention → ĐỌC LẠI rule file. KHÔNG đoán.
+
 ## Tiêu chí thành công (Definition of Done)
 1. Handoff entry có ĐỦ 5 sections (tổng quan, API contract, FE tasks, lưu ý, hướng dẫn)
 2. Entry được APPEND vào `handoff.md` (không tạo file riêng)

package/templates/workflows/antigravity/evnict-kit-implement.md

@@ -235,6 +235,29 @@ Test fail > 3 lần cho cùng 1 task → **DỪNG NGAY**.
 
 ---
 
+> 🎨 **FE UI Quality:** Khi tạo/sửa UI component, tham khảo skill `evnict-kit-frontend-design`
+> để đảm bảo chất lượng thiết kế cao. Áp dụng Design Thinking (Purpose → Tone → Constraints → Differentiation) trước khi code UI.
+
+---
+
+## ⚠️ NHẮC NHỞ: Tuân thủ Rules & Context
+
+> **Agent dùng lâu có thể quên rules.** Trước khi bắt đầu code, tự kiểm tra:
+
+### Quick Check (agent tự đánh giá)
+1. ✅ Tôi đã đọc `.agent/rules/` trong phiên làm việc này chưa?
+2. ✅ Tôi đã đọc AGENTS.md (hoặc context file) chưa?
+3. ✅ Tôi nhớ rõ coding conventions của dự án này không?
+
+**→ Nếu BẤT KỲ câu nào = "CHƯA" hoặc "KHÔNG CHẮC":**
+- Đọc lại tất cả files trong `.agent/rules/` (hoặc thư mục rules tương ứng)
+- Đọc lại AGENTS.md (hoặc context file tương ứng)
+- Query wiki nếu có: `grep -rl "{keyword}" {wiki_path}/processed/ --include="*.md"`
+
+**→ Nếu TẤT CẢ = "RỒI" → tiếp tục workflow, KHÔNG cần đọc lại.**
+
+> **NGUYÊN TẮC:** Không chắc convention → ĐỌC LẠI rule file. KHÔNG đoán.
+
 ## Checklist
 - [ ] Plan confirmed
 - [ ] Resume logic checked (progress.md)

package/templates/workflows/antigravity/evnict-kit-init-check.md

@@ -72,5 +72,25 @@ git branch -D demo/init-check
 
 ---
 
+---
+
+## ⚠️ NHẮC NHỞ: Tuân thủ Rules & Context
+
+> **Agent dùng lâu có thể quên rules.** Trước khi bắt đầu code, tự kiểm tra:
+
+### Quick Check (agent tự đánh giá)
+1. ✅ Tôi đã đọc `.agent/rules/` trong phiên làm việc này chưa?
+2. ✅ Tôi đã đọc AGENTS.md (hoặc context file) chưa?
+3. ✅ Tôi nhớ rõ coding conventions của dự án này không?
+
+**→ Nếu BẤT KỲ câu nào = "CHƯA" hoặc "KHÔNG CHẮC":**
+- Đọc lại tất cả files trong `.agent/rules/` (hoặc thư mục rules tương ứng)
+- Đọc lại AGENTS.md (hoặc context file tương ứng)
+- Query wiki nếu có: `grep -rl "{keyword}" {wiki_path}/processed/ --include="*.md"`
+
+**→ Nếu TẤT CẢ = "RỒI" → tiếp tục workflow, KHÔNG cần đọc lại.**
+
+> **NGUYÊN TẮC:** Không chắc convention → ĐỌC LẠI rule file. KHÔNG đoán.
+
 ## Output
 Demo code + verification report. User quyết định giữ hoặc xóa demo.

package/templates/workflows/antigravity/evnict-kit-init-context.md

@@ -54,5 +54,25 @@ Tạo file AGENTS.md ở root project (400-600 dòng) với sections:
 
 ---
 
+---
+
+## ⚠️ NHẮC NHỞ: Tuân thủ Rules & Context
+
+> **Agent dùng lâu có thể quên rules.** Trước khi bắt đầu code, tự kiểm tra:
+
+### Quick Check (agent tự đánh giá)
+1. ✅ Tôi đã đọc `.agent/rules/` trong phiên làm việc này chưa?
+2. ✅ Tôi đã đọc AGENTS.md (hoặc context file) chưa?
+3. ✅ Tôi nhớ rõ coding conventions của dự án này không?
+
+**→ Nếu BẤT KỲ câu nào = "CHƯA" hoặc "KHÔNG CHẮC":**
+- Đọc lại tất cả files trong `.agent/rules/` (hoặc thư mục rules tương ứng)
+- Đọc lại AGENTS.md (hoặc context file tương ứng)
+- Query wiki nếu có: `grep -rl "{keyword}" {wiki_path}/processed/ --include="*.md"`
+
+**→ Nếu TẤT CẢ = "RỒI" → tiếp tục workflow, KHÔNG cần đọc lại.**
+
+> **NGUYÊN TẮC:** Không chắc convention → ĐỌC LẠI rule file. KHÔNG đoán.
+
 ## Output
 File `AGENTS.md` ở root project — context file duy nhất cho AI Agent.

package/templates/workflows/antigravity/evnict-kit-init-rules.md

@@ -101,6 +101,26 @@ Tạo `.agent/context/init-summary-backend.md` hoặc `init-summary-frontend.md`
 - KHÔNG ghi passwords, connection strings
 - Chỉ ghi PATTERNS không ghi VALUES
 
+---
+
+## ⚠️ NHẮC NHỞ: Tuân thủ Rules & Context
+
+> **Agent dùng lâu có thể quên rules.** Trước khi bắt đầu code, tự kiểm tra:
+
+### Quick Check (agent tự đánh giá)
+1. ✅ Tôi đã đọc `.agent/rules/` trong phiên làm việc này chưa?
+2. ✅ Tôi đã đọc AGENTS.md (hoặc context file) chưa?
+3. ✅ Tôi nhớ rõ coding conventions của dự án này không?
+
+**→ Nếu BẤT KỲ câu nào = "CHƯA" hoặc "KHÔNG CHẮC":**
+- Đọc lại tất cả files trong `.agent/rules/` (hoặc thư mục rules tương ứng)
+- Đọc lại AGENTS.md (hoặc context file tương ứng)
+- Query wiki nếu có: `grep -rl "{keyword}" {wiki_path}/processed/ --include="*.md"`
+
+**→ Nếu TẤT CẢ = "RỒI" → tiếp tục workflow, KHÔNG cần đọc lại.**
+
+> **NGUYÊN TẮC:** Không chắc convention → ĐỌC LẠI rule file. KHÔNG đoán.
+
 ## Output
 ```
 ✅ RP01 Naming: ACTIVE

package/templates/workflows/antigravity/evnict-kit-init-wiki.md

@@ -76,5 +76,25 @@ Same as steps 3-7 above.
 
 ---
 
+---
+
+## ⚠️ NHẮC NHỞ: Tuân thủ Rules & Context
+
+> **Agent dùng lâu có thể quên rules.** Trước khi bắt đầu code, tự kiểm tra:
+
+### Quick Check (agent tự đánh giá)
+1. ✅ Tôi đã đọc `.agent/rules/` trong phiên làm việc này chưa?
+2. ✅ Tôi đã đọc AGENTS.md (hoặc context file) chưa?
+3. ✅ Tôi nhớ rõ coding conventions của dự án này không?
+
+**→ Nếu BẤT KỲ câu nào = "CHƯA" hoặc "KHÔNG CHẮC":**
+- Đọc lại tất cả files trong `.agent/rules/` (hoặc thư mục rules tương ứng)
+- Đọc lại AGENTS.md (hoặc context file tương ứng)
+- Query wiki nếu có: `grep -rl "{keyword}" {wiki_path}/processed/ --include="*.md"`
+
+**→ Nếu TẤT CẢ = "RỒI" → tiếp tục workflow, KHÔNG cần đọc lại.**
+
+> **NGUYÊN TẮC:** Không chắc convention → ĐỌC LẠI rule file. KHÔNG đoán.
+
 ## Output
 Wiki folder ready at `{project}-wiki/` with npm dependencies installed.

package/templates/workflows/antigravity/evnict-kit-plan.md

@@ -306,3 +306,27 @@ C) ❌ Hủy — xóa plan, quay lại spec
 ```
 
 Sau khi người dùng Approve, hãy nhắc họ chạy lệnh: `/evnict-kit:implement`.
+
+> 🎨 **FE UI Quality:** Khi tạo/sửa UI component, tham khảo skill `evnict-kit-frontend-design`
+> để đảm bảo chất lượng thiết kế cao. Áp dụng Design Thinking (Purpose → Tone → Constraints → Differentiation) trước khi code UI.
+
+---
+
+## ⚠️ NHẮC NHỞ: Tuân thủ Rules & Context
+
+> **Agent dùng lâu có thể quên rules.** Trước khi bắt đầu code, tự kiểm tra:
+
+### Quick Check (agent tự đánh giá)
+1. ✅ Tôi đã đọc `.agent/rules/` trong phiên làm việc này chưa?
+2. ✅ Tôi đã đọc AGENTS.md (hoặc context file) chưa?
+3. ✅ Tôi nhớ rõ coding conventions của dự án này không?
+
+**→ Nếu BẤT KỲ câu nào = "CHƯA" hoặc "KHÔNG CHẮC":**
+- Đọc lại tất cả files trong `.agent/rules/` (hoặc thư mục rules tương ứng)
+- Đọc lại AGENTS.md (hoặc context file tương ứng)
+- Query wiki nếu có: `grep -rl "{keyword}" {wiki_path}/processed/ --include="*.md"`
+
+**→ Nếu TẤT CẢ = "RỒI" → tiếp tục workflow, KHÔNG cần đọc lại.**
+
+> **NGUYÊN TẮC:** Không chắc convention → ĐỌC LẠI rule file. KHÔNG đoán.
+

package/templates/workflows/antigravity/evnict-kit-review.md

@@ -47,6 +47,26 @@ Gọi skill `evnict-kit-merge-checklist`:
 
 ---
 
+---
+
+## ⚠️ NHẮC NHỞ: Tuân thủ Rules & Context
+
+> **Agent dùng lâu có thể quên rules.** Trước khi bắt đầu code, tự kiểm tra:
+
+### Quick Check (agent tự đánh giá)
+1. ✅ Tôi đã đọc `.agent/rules/` trong phiên làm việc này chưa?
+2. ✅ Tôi đã đọc AGENTS.md (hoặc context file) chưa?
+3. ✅ Tôi nhớ rõ coding conventions của dự án này không?
+
+**→ Nếu BẤT KỲ câu nào = "CHƯA" hoặc "KHÔNG CHẮC":**
+- Đọc lại tất cả files trong `.agent/rules/` (hoặc thư mục rules tương ứng)
+- Đọc lại AGENTS.md (hoặc context file tương ứng)
+- Query wiki nếu có: `grep -rl "{keyword}" {wiki_path}/processed/ --include="*.md"`
+
+**→ Nếu TẤT CẢ = "RỒI" → tiếp tục workflow, KHÔNG cần đọc lại.**
+
+> **NGUYÊN TẮC:** Không chắc convention → ĐỌC LẠI rule file. KHÔNG đoán.
+
 ## Checklist
 - [ ] Code review completed (9 items)
 - [ ] Merge checklist completed (9 items)

package/templates/workflows/antigravity/evnict-kit-spec-archive.md

@@ -48,6 +48,26 @@ cat .evnict/specs/{slug}/spec.md
 
 ---
 
+---
+
+## ⚠️ NHẮC NHỞ: Tuân thủ Rules & Context
+
+> **Agent dùng lâu có thể quên rules.** Trước khi bắt đầu code, tự kiểm tra:
+
+### Quick Check (agent tự đánh giá)
+1. ✅ Tôi đã đọc `.agent/rules/` trong phiên làm việc này chưa?
+2. ✅ Tôi đã đọc AGENTS.md (hoặc context file) chưa?
+3. ✅ Tôi nhớ rõ coding conventions của dự án này không?
+
+**→ Nếu BẤT KỲ câu nào = "CHƯA" hoặc "KHÔNG CHẮC":**
+- Đọc lại tất cả files trong `.agent/rules/` (hoặc thư mục rules tương ứng)
+- Đọc lại AGENTS.md (hoặc context file tương ứng)
+- Query wiki nếu có: `grep -rl "{keyword}" {wiki_path}/processed/ --include="*.md"`
+
+**→ Nếu TẤT CẢ = "RỒI" → tiếp tục workflow, KHÔNG cần đọc lại.**
+
+> **NGUYÊN TẮC:** Không chắc convention → ĐỌC LẠI rule file. KHÔNG đoán.
+
 ## Checklist
 - [ ] Action executed successfully
 - [ ] Output formatted clearly

package/templates/workflows/antigravity/evnict-kit-wiki-archive-feature.md

@@ -156,6 +156,26 @@ Nếu vẫn fail → báo: *"Chạy `/evnict-kit:init-wiki`"*
 - Nếu feature có cả BE+FE → ghi đủ cả 2 phần (Backend + Frontend)
 - Nếu thiếu thông tin FE/BE → ghi phần có, note phần thiếu
 
+---
+
+## ⚠️ NHẮC NHỞ: Tuân thủ Rules & Context
+
+> **Agent dùng lâu có thể quên rules.** Trước khi bắt đầu code, tự kiểm tra:
+
+### Quick Check (agent tự đánh giá)
+1. ✅ Tôi đã đọc `.agent/rules/` trong phiên làm việc này chưa?
+2. ✅ Tôi đã đọc AGENTS.md (hoặc context file) chưa?
+3. ✅ Tôi nhớ rõ coding conventions của dự án này không?
+
+**→ Nếu BẤT KỲ câu nào = "CHƯA" hoặc "KHÔNG CHẮC":**
+- Đọc lại tất cả files trong `.agent/rules/` (hoặc thư mục rules tương ứng)
+- Đọc lại AGENTS.md (hoặc context file tương ứng)
+- Query wiki nếu có: `grep -rl "{keyword}" {wiki_path}/processed/ --include="*.md"`
+
+**→ Nếu TẤT CẢ = "RỒI" → tiếp tục workflow, KHÔNG cần đọc lại.**
+
+> **NGUYÊN TẮC:** Không chắc convention → ĐỌC LẠI rule file. KHÔNG đoán.
+
 ## Checklist hoàn thành
 - [ ] Đọc đủ nguồn (spec, plan, tasks, contract, git log)
 - [ ] Wiki note sinh đúng format frontmatter