Skip to content

agentic-ui-vueHành động AI cho app Vue của bạn, theo luật của bạn

Để AI assistant giúp người dùng thao tác trong app Vue của bạn — trong khi app vẫn toàn quyền kiểm soát.

Đây là gì

agentic-ui-vue cho bạn quyết định chính xác một LLM (mô hình AI đứng sau assistant) được phép làm gì trong app Vue của bạn. Mỗi component có thể khai báo capability: các hành động có input được định nghĩa rõ, mô tả rõ ràng và nhãn risk — ví dụ liệt kê todo, thêm một mục, hay lưu một form. Nhãn risk cho phép người dùng duyệt thay đổi trước khi nó xảy ra.

AI không cần soi cấu trúc trang hay giả lập click chuột. Nó yêu cầu app của bạn chạy một trong những hành động bạn đã mở ra. Trước khi bất cứ thứ gì chạy, request đi qua cùng một luồng an toàn — validate → permission → confirmation → execute — và kết quả trả về cho AI để nó phản hồi hoặc tiếp tục.

ts
// A component says what the agent is allowed to do here:
useAgentCapability({
  name: 'todos.add',
  description: 'Add a new item to the todo list.',
  inputSchema: { type: 'object', properties: { text: { type: 'string' } }, required: ['text'] },
  risk: 'mutating',
  execute: ({ text }) => todos.push({ text, done: false }),
})

Đây không phải browser automation: AI không click nút hay đọc layout trang. Nó gọi chính những hàm mà giao diện của bạn vẫn đang dùng.

Dự án gồm một core độc lập framework, một binding cho Vue, và một transport xây trên Vercel AI SDK. Giấy phép MIT.