AI Skill MartKhám phá skillLệnhChương trìnhHọcSkill là gì?
 
← Về danh sách

Reticle - Kiểm chứng ứng dụng đang chạy

Skill giúp agent đọc trực tiếp DOM, network, console, routing và state bên trong ứng dụng web đang chạy để kết luận yes/no/unknown kèm file:line cần sửa.

Lập trìnhTrung cấp★ 1,292⑂ 240Điểm AI 9/10Cập nhật lần cuối: 31 thg 10, 2026

Làm được gì

  • Cài đặt và kết nối MCP server Reticle (@reticlehq/server), tự khởi động dev server và mở trình duyệt để chạy ứng dụng thật.
  • Thay vì đoán qua ảnh chụp màn hình, nó đọc DOM, request mạng, lỗi console, routing và state của store rồi tạo ra một "phán quyết" bằng các lệnh như reticle_act_and_wait.
  • Kết quả chỉ có yes / no / unknown; khi thất bại sẽ kèm giá trị mong đợi, giá trị quan sát được và file:line cần mở.
  • Có quy tắc chọn đường rẻ nhất: phát lại flow đã lưu (verify change, verify flows), tự vá selector (heal), chấm điểm instrumentation (doctor).

Phù hợp với ai

  • Lập trình viên frontend thường gặp cảnh "test xanh nhưng UI vỡ".
  • Nhóm muốn agent chứng minh bằng bằng chứng trước khi tuyên bố "xong".
  • Dev cá nhân chưa muốn viết đủ bộ E2E nhưng cần chắc chắn luồng chính hoạt động.

Ví dụ sử dụng

  1. "Cài Reticle cho dự án này" → chạy npx @reticlehq/server@latest init, khởi động lại agent, rồi chạy thật luồng đăng nhập để lấy phán quyết đầu tiên.
  2. Sau khi sửa nút thanh toán → click và kiểm cùng lúc: POST /api/order trả 200 đúng 1 lần, dialog "Order confirmed" hiện ra, không có lỗi console.
  3. Sau khi đổi src/App.tsx → reticle_verify { action: "change", files: ["src/App.tsx"] } để phát lại đúng các flow liên quan, tiết kiệm token.

· · · Hướng dẫn cài đặt · · ·

Dùng thử ngay, không cần cài

Dán đoạn dưới vào Claude là dùng được skill này mà không cần cài đặt.

Hãy đọc hướng dẫn trong tệp này và làm theo để giúp mình:
https://raw.githubusercontent.com/reticlehq/reticle/HEAD/docs/skill.md

Mình muốn: (viết việc bạn cần ở đây)

Nếu Claude không mở được liên kết, hãy mở liên kết và copy nội dung vào rồi dán.

↓ Thấy hữu ích thì tải ZIP bên dưới và cài. Sau đó skill tự chạy, không phải dán lại mỗi lần.

Cài vào ứng dụng Claude (không cần terminal)
  1. Tải tệp ZIP bằng nút bên dưới.
  2. Trong Claude, mở Settings → Capabilities và bật 'Code execution and file creation'. (chỉ một lần)
  3. Vào Customize → Skills → + → 'Upload a skill' rồi tải tệp ZIP lên.
↓ Tải ZIP
Cài vào Claude Code

Để Claude làm — dán câu dưới đây vào Claude Code

Hãy cài skill mình tìm thấy trên AI Skill Mart.
Copy thư mục docs từ repo GitHub reticlehq/reticle vào ~/.claude/skills/reticle-docs/ của mình.
Sau khi cài xong, cho mình biết skill này làm được gì trong một câu.

Cài bằng lệnh thủ công

git clone https://github.com/reticlehq/reticle.git && mkdir -p ~/.claude/skills/reticle-docs && cp reticle/docs/skill.md ~/.claude/skills/reticle-docs/SKILL.md

⚠ Đây là skill do người khác tạo. Hãy kiểm tra repo gốc trước khi cài.

  1. Mở terminal và chuyển vào thư mục ứng dụng web của bạn.
  2. Tải skill: git clone https://github.com/reticlehq/reticle.git
  3. Tạo thư mục mkdir -p ~/.claude/skills/reticle-docs rồi copy: cp reticle/docs/skill.md ~/.claude/skills/reticle-docs/SKILL.md
  4. Trong thư mục app, chạy npx @reticlehq/server@latest để kiểm tra nhanh mà không sửa file nào.
  5. Nếu ổn, chạy npx @reticlehq/server@latest init. Lệnh này có sửa file cấu hình, hãy chỉ chạy khi bạn đồng ý.
  6. Khởi động lại hoàn toàn Claude Code (hoặc agent bạn dùng) vì MCP tools chỉ nạp lúc khởi động. Dev server chạy từ trước init cũng cần restart một lần.
  7. Gõ /reticle hoặc "hãy kiểm chứng luồng đăng nhập" để xác nhận có phán quyết đầu tiên.
Xem mã nguồn trên GitHub ↗Giấy phép: NOASSERTION