Tóm tắt nội dung

OJO là không gian làm việc của đội agent thiết kế: bạn tự lập vai trò, dùng hơn 200 Skill cắm thêm, tạo nguyên mẫu tương tác từ một câu hoặc một bức ảnh, rồi xuất sang Figma, mã, PPT/PDF/PNG hoặc kết nối vào quy trình phát triển qua CLI.

OJO: tự lập đội agent thiết kế AI, đi từ một câu đến nguyên mẫu và mã nguồn

OJO tự định vị là không gian làm việc của một đội agent thiết kế. Nó không đưa cho bạn một cây bút, mà đưa cho bạn một bộ phận thiết kế do chính bạn lập đội: chọn vai trò theo nhiệm vụ, gắn hơn 200 Skill có thể cắm thêm, rồi làm việc trên một canvas duy nhất từ khám phá ý tưởng đến nguyên mẫu tương tác, sau đó xuất mã hoặc Figma.

Phần lớn công cụ thiết kế AI giải quyết một bức ảnh. Công việc thiết kế thật không bao giờ dừng ở một bức ảnh: phải làm rõ brief, xác lập hướng thương hiệu và tông thị giác, dựng giao diện, xử lý tương tác, rồi bàn giao cho đội kỹ thuật. OJO cố gói toàn bộ chuỗi đó vào một không gian làm việc và thay mô hình đơn lẻ bằng một đội agent do bạn tự lập.

Ý tưởng đó được chống đỡ bởi hai cơ chế. Thứ nhất là đội agent: các vai trò có kỹ năng khác nhau phối hợp với nhau, và bạn chia việc như chia việc cho con người. Thứ hai là thư viện hơn 200 Skill có thể cắm thêm, bao phủ chiến lược sản phẩm, UI/UX và phong cách thị giác. Tài liệu nguồn cũng nhắc đến các gen phong cách thị giác dựng sẵn như retro-futurism và cyber renaissance, nhờ vậy đầu ra mang một thẩm mỹ có thể tái sử dụng thay vì đánh cược lại từ đầu mỗi lần.

Ở phía đầu vào, một câu, một bức ảnh hoặc một liên kết đều có thể cho ra nguyên mẫu tương tác ngay. Ở phía đầu ra, một cú nhấp xuất Figma, mã, PPT/PDF/PNG hoặc liên kết chia sẻ. Ngoài ra có CLI gắn vào Claude Code, Codex và Cursor, nên thiết kế đi vào thói quen kỹ thuật sẵn có chứ không mở thêm một hòn đảo mới.

Tính năng chính

Lập đội agent

Bạn dựng một đội thiết kế AI cho từng nhiệm vụ, tự phân vai trò và kỹ năng, để nhiều agent cùng làm một mục tiêu thay vì một mô hình đưa ra mọi quyết định.

Hơn 200 Skill cắm thêm

Hơn 200 Skill thuộc chiến lược sản phẩm, UI/UX và phong cách thị giác. Có thể gắn một hướng thị giác, cũng có thể gắn cả chuỗi.

Bao phủ toàn chuỗi

Định vị thương hiệu, khai triển ý tưởng, định nghĩa thị giác, nguyên mẫu tương tác và bàn giao mã được xử lý cùng nhau, nên cả hai đầu quy trình đều có mặt, không chỉ khâu tạo hình ở giữa.

Quy trình một canvas

Khám phá, làm nguyên mẫu và tạo mã diễn ra trên cùng một canvas, nhờ đó giảm lệch phong cách do phải chuyển ngữ cảnh giữa các công cụ.

Đầu vào đa phương thức

Một câu, một bức ảnh tải lên hoặc một liên kết dán vào, cả ba đều có thể tạo ra nguyên mẫu tương tác dùng được.

Gen thị giác và bộ nhớ thẩm mỹ

Gen phong cách thị giác dựng sẵn cho đầu ra một khuynh hướng thẩm mỹ ổn định và giữ bộ nhớ giữa các phiên, phù hợp với dự án cần giữ tông thương hiệu lâu dài.

CLI và khả năng gắn vào quy trình phát triển

Công cụ dòng lệnh gắn vào các quy trình phát triển AI phổ biến như Claude Code, Codex và Cursor, đưa sản phẩm thiết kế thẳng sang bước viết mã.

Thiết kế là bàn giao

Xuất một cú nhấp sang Figma, mã, PPT/PDF/PNG và liên kết chia sẻ, rút khoảng cách giữa thiết kế đã xong và thiết kế sẵn sàng bàn giao thành một thao tác.

Cách sử dụng

  1. Xin quyền truy cập trước. Vào trang OJO, tham gia danh sách chờ hoặc nhập mã mời. Quyền truy cập đi theo hàng đợi beta chứ không mở đăng ký tự do.
  2. Lập đội theo nhiệm vụ. Chọn chuyên môn cần thiết trong hơn 200 Skill. Một trang chiến dịch và một bảng điều khiển quản trị không nên khởi động với cùng một đội hình.
  3. Đưa brief. Mô tả ý tưởng bằng một câu, tải lên ảnh tham chiếu hoặc dán liên kết. Đầu vào càng cụ thể thì các vòng làm rõ về sau càng ít.
  4. Trả lời các câu hỏi. Agent sẽ phản biện và khơi ra những yêu cầu ngầm, biến ý tưởng mơ hồ thành chiến lược thiết kế có định nghĩa. Đừng bỏ qua vòng này; nó quyết định lượng việc phải làm lại về sau.
  5. Hoàn tất các định nghĩa nền. Cùng agent chốt định vị thương hiệu, khai triển ý tưởng và tông thị giác, để câu “trông đẹp đấy” chuyển thành thứ có thể thảo luận.
  6. Tạo nguyên mẫu. Cho ra nguyên mẫu tương tác có trạng thái nhấp và rê chuột trên cùng canvas, để có thể trình diễn chứ không chỉ chụp màn hình.
  7. Chẩn đoán và lặp. Gọi các Skill tối ưu thiết kế để kiểm tra và cải thiện giao diện cùng trải nghiệm theo từng vòng, rồi xuất định dạng cần dùng hoặc kết nối qua CLI.

Phù hợp với ai

  • Startup làm MVP: nhà sáng lập không có người làm thiết kế dùng đội agent cho định vị sản phẩm, nguyên mẫu và mã front-end để kiểm chứng mô hình với chi phí thấp.
  • Marketing và tăng trưởng: đưa brief chiến dịch vào, gọi các agent chuyên marketing, và nhận về trang đích sẵn sàng triển khai.
  • Lập trình viên độc lập: tự viết phần backend, giao toàn bộ chuỗi UI/UX cho OJO, từ wireframe đến nguyên mẫu rồi mã xuất ra.
  • Nhà thiết kế: chuyển từ thực thi sang chiến lược; agent trải việc phân tích yêu cầu và khai triển ý tưởng, còn quyết định giá trị cao vẫn ở bạn.
  • Đội marketing doanh nghiệp: thống nhất gen thị giác và sản xuất hàng loạt website, trang chiến dịch, giao diện sản phẩm theo đúng tông thương hiệu và giữ nhất quán giữa các dự án.

Giới hạn và điểm cần lưu ý

  • Quyền truy cập bị chặn. Vào bằng danh sách chờ hoặc mã mời, nên không thể đăng ký là dùng ngay, và thời điểm không nằm trong tay bạn. Nếu dự án gấp, hãy có phương án dự phòng.
  • Giá không được nêu trong tài liệu này. Không câu nào ở đây nên được đọc như giá, hạn mức hay giấy phép thương mại, và không có con số nào được suy đoán; hãy kiểm tra trang chính thức.
  • Cấu hình đội tự nó là một kỹ năng. Hai trăm Skill vừa là năng lực vừa là gánh nặng lựa chọn; cách bạn lập vai trò định hình kết quả, và người chưa quen quy trình thiết kế thường chất thêm Skill thay vì tổ chức thành đội.
  • Gu thẩm mỹ không thể thuê ngoài hoàn toàn. Gen thị giác giữ phong cách ổn định, nhưng một hướng đi có đúng hay không vẫn phụ thuộc vào cách bạn đọc người dùng và thương hiệu. Đầu ra vẫn cần con người chọn lọc, nhất là phần hướng tới khách hàng.
  • Mã và tệp vẫn phải rà soát. Mã và tệp thiết kế xuất ra cần qua kiểm tra quy ước, khả năng đáp ứng màn hình và khả năng tiếp cận trước khi được coi là bàn giao sản xuất.

Câu hỏi thường gặp

OJO khác gì công cụ tạo ảnh AI?

Công cụ tạo ảnh giải quyết một khung hình. OJO bao gồm làm rõ yêu cầu, định nghĩa thương hiệu và thị giác, nguyên mẫu tương tác và xuất mã, đồng thời biến người thực thi thành một đội do bạn lập.

Có bắt buộc dùng CLI không?

Không. Canvas trên trình duyệt đủ cho khám phá, làm nguyên mẫu và xuất tệp; CLI dành cho người muốn gắn OJO vào quy trình phát triển sẵn có.

Xuất được những định dạng nào?

Tài liệu liệt kê Figma, mã, PPT/PDF/PNG và liên kết chia sẻ trực tuyến.

Người không biết thiết kế có dùng được không?

Phù hợp để làm bản đầu tiên và kiểm chứng ý tưởng, các câu hỏi của agent giúp làm rõ yêu cầu. Với sản phẩm đưa ra công chúng, vẫn nên có người có gu nghề nghiệp rà lại.

Có dùng được ngay hôm nay không?

Quyền truy cập mở qua danh sách chờ hoặc mã mời; sản phẩm đang ở giai đoạn beta.

OJO: tự lập đội agent thiết kế AI, đi từ một câu đến nguyên mẫu và mã nguồn

OJO: tự lập đội agent thiết kế AI, đi từ một câu đến nguyên mẫu và mã nguồn

Câu hỏi thường gặp

OJO khác gì công cụ tạo ảnh AI?

Công cụ tạo ảnh giải quyết một khung hình. OJO bao gồm làm rõ yêu cầu, định nghĩa thương hiệu và thị giác, nguyên mẫu tương tác và xuất mã, đồng thời biến người thực thi thành một đội do bạn lập.

Có bắt buộc dùng CLI không?

Không. Canvas trên trình duyệt đủ cho khám phá, làm nguyên mẫu và xuất tệp; CLI dành cho người muốn gắn OJO vào quy trình phát triển sẵn có.

Xuất được những định dạng nào?

Tài liệu liệt kê Figma, mã, PPT/PDF/PNG và liên kết chia sẻ trực tuyến.

Người không biết thiết kế có dùng được không?

Phù hợp để làm bản đầu tiên và kiểm chứng ý tưởng, các câu hỏi của agent giúp làm rõ yêu cầu. Với sản phẩm đưa ra công chúng, vẫn nên có người có gu nghề nghiệp rà lại.