Bàn giao mới: Cách chia sẻ mã của tác nhân AI với nhóm của bạn18 min read

Các tác nhân mã hóa AI đang ngày càng giỏi trong việc tạo mã. Claude có thể tạo ra đồ tạo tác. Codex có thể ghi tập tin. Con trỏ có thể xây dựng các thành phần. ChatGPT có thể tạo HTML, React và các ý tưởng ứng dụng đầy đủ trong canvas.

Nhưng vẫn còn một khoảng trống khó chịu:

Nhân viên hỗ trợ có thể viết mã nhưng thường không thể cung cấp cho bạn liên kết trực tiếp mà nhóm của bạn có thể mở, kiểm tra, chỉnh sửa và chia sẻ.

Công việc tồn tại. Nó chỉ bị mắc kẹt không đúng chỗ thôi.

Hiện vật của Claude tồn tại trong cuộc trò chuyện của Claude. Codex ghi mã vào đĩa của bạn. Con trỏ cập nhật một tập tin cục bộ. ChatGPT cung cấp cho bạn mã bên trong ChatGPT. Trong mọi trường hợp, bạn đều có thứ gì đó hữu ích – nhưng chưa phải thứ mà nhóm của bạn thực sự có thể sử dụng.

Đó là sự chuyển giao còn thiếu giữa các đặc vụ và con người.

tên lửa-đại lý-handoff-ảnh chụp màn hình: bắt đầu

tên lửa-đại lý-handoff-ảnh chụp màn hình: kết thúc

Với Anima Playground, bạn có thể dán HTML, React hoặc Markdown từ bất kỳ tác nhân AI nào và ngay lập tức biến nó thành một ứng dụng trực tiếp. Nó chạy trong trình duyệt, luôn có thể chỉnh sửa và cung cấp cho bạn liên kết có thể chia sẻ mà bất kỳ ai cũng có thể mở.

Tải tạo phẩm của bạn lên Anima Playground

Và với Anima MCP, tác nhân có thể đẩy kết quả trực tiếp đến Playground và trả về một liên kết trực tiếp.

Kết nối đại lý của bạn với Anima MCP:

https://public-api.animaapp.com/v1/mcp

Đại lý của bạn xây dựng nó. Anima chạy nó. Nhóm của bạn có thể mở nó.

Vấn đề: Tác nhân AI tạo mã mà không có nơi để chạy nó

Hầu hết các công cụ mã hóa AI đều giải quyết phần đầu tiên của quy trình làm việc: tạo mã.

Họ có thể tạo một thành phần, trang đích, trang tổng quan, nguyên mẫu hoặc một công cụ nội bộ nhỏ. Nhưng sau khi mã được tạo, bước tiếp theo thường thuộc về bạn.

Bạn cần tìm ra nơi để đặt nó, cách chạy nó, cách lưu trữ nó và cách chia sẻ nó.

Đó là lý do tại sao vấn đề tương tự lại xuất hiện ở hầu hết mọi quy trình làm việc của tổng đài viên:

• Claude đưa cho bạn một cổ vật nhưng nó lại sống bên trong Claude.

• Codex ghi tập tin nhưng chúng nằm trên máy của bạn.

• Con trỏ tạo mã nhưng bạn vẫn cần ứng dụng cục bộ hoặc mục tiêu triển khai.

• ChatGPT cung cấp cho bạn mã nhưng nhóm của bạn không thể mở mã đó như một sản phẩm đang hoạt động.

Đại lý cung cấp cho bạn nguồn.
Nó không mang lại cho bạn môi trường.

Và không có môi trường, bạn không có ứng dụng trực tiếp. Bạn có một khối mã.

Những cách thông thường để chia sẻ mã do AI tạo ra đã bị hỏng

Khi bạn muốn cho ai đó thấy một tác nhân đã xây dựng những gì, bạn thường kết thúc với một trong các tùy chọn này.

1. Gửi ảnh chụp màn hình

Việc này nhanh nhưng sẽ giết chết sản phẩm.

Các nút không bấm. Biểu đồ không phản hồi. Các hình thức không hoạt động. Tương tác biến mất.

Bạn đã không chia sẻ ứng dụng.
Bạn đã chia sẻ một hình ảnh của ứng dụng.

2. Dán mã vào Slack

Điều này hoạt động đối với các đoạn nhỏ nhưng nhanh chóng bị hỏng.

Không ai muốn chạy thành phần React dài 200 dòng từ tin nhắn Slack. Mã cuộn đi, mất ngữ cảnh và gần như không thể xem lại chính xác.

3. Triển khai thủ công

Đây là giải pháp “thực sự”, nhưng nó quá nặng đối với hầu hết các đầu ra của tác nhân.

Bạn cần một kho lưu trữ, thiết lập bản dựng, dịch vụ lưu trữ, cấu hình môi trường và một bản triển khai khác mỗi khi có điều gì đó thay đổi.

Đối với phần mềm sản xuất, điều đó có ý nghĩa.
Để nhanh chóng chia sẻ một cái gì đó mà một đại lý vừa thực hiện, nó cực kỳ không phù hợp.

4. Sử dụng công cụ chia sẻ HTML tĩnh

Một số công cụ có thể lưu trữ một tệp HTML. Điều đó giúp cho các trang tĩnh đơn giản.

Nhưng các tác nhân ngày càng tạo ra nhiều hơn HTML tĩnh. Họ tạo ra các thành phần React, các trang tương tác, nguyên mẫu có trạng thái, bảng điều khiển và trải nghiệm giống như ứng dụng.

Một trang HTML bị đóng băng là không đủ.

Nếu mã cần duy trì khả năng chỉnh sửa, phát triển theo thời gian hoặc chạy React, thì bạn cần nhiều hơn một máy chủ tĩnh.

Bạn cần một không gian làm việc sống động.

Lớp còn thiếu: nơi mã tác nhân có thể chạy

Vấn đề thực sự không phải là các tác nhân không thể viết mã.

Vấn đề là ở chỗ đó Mã do AI tạo cần một nơi để trở thành một ứng dụng có thể sử dụng được.

Nơi đó cần phải làm tốt một số việc:

• Chạy HTML, React và Markdown trực tiếp trong trình duyệt.

• Cung cấp cho bạn một liên kết bất cứ ai có thể mở.

• Giữ mã có thể chỉnh sửa sau khi được chia sẻ.

• Làm việc với đầu ra từ bất kỳ tác nhân nào.

• Tránh thiết lập, kho lưu trữ, các bước xây dựng và cấu hình triển khai.

Đó là mục đích mà Anima Playground được tạo ra.

Bạn dán mã từ Claude, Codex, Cursor, ChatGPT hoặc bất kỳ tác nhân nào khác và Playground biến mã đó thành một ứng dụng tương tác trực tiếp.

Không có thiết lập cục bộ.
Không có cấu hình lưu trữ.
Không triển khai thủ công.
Không cần tài khoản cho người xem.

Chỉ cần dán mã và chia sẻ kết quả đang chạy.

[Chạy mã do AI tạo trong Anima Playground]

Chạy mã từ bất kỳ tác nhân AI nào

Anima Playground là tác nhân bất khả tri. Không quan trọng mã đến từ đâu.

Nếu đại lý của bạn có thể tạo HTML, Reacthoặc Giảm giá, bạn có thể chạy nó trong Playground.

Điều đó quan trọng vì hầu hết các nhóm không làm việc trên một công cụ AI. Một người sử dụng Claude. Một cách khác sử dụng Con trỏ. Người khác sử dụng ChatGPT. Nhà phát triển có thể sử dụng Codex. Thủ tướng có thể sử dụng tạo phẩm từ cuộc trò chuyện.

Nhóm cần một nơi chung để tất cả kết quả đầu ra đó có thể trở thành hiện thực.

Từ Claude: biến hiện vật thành ứng dụng có thể chia sẻ

Các tạo tác của Claude rất phù hợp để tạo kết quả đầu ra mang tính tương tác trong một cuộc trò chuyện. Tuy nhiên, việc chia sẻ chúng với nhóm có thể gây bất tiện, đặc biệt khi những người bạn muốn nhận phản hồi không phải là người dùng Claude.

Với Anima, có hai cách để biến tạo phẩm Claude thành ứng dụng trực tiếp.

Tùy chọn 1: sao chép nguồn tạo tác vào Playground

Mở tạo phẩm Claude, sao chép nguồn và dán vào Anima Playground.

Playground chạy nó như một ứng dụng thực và cung cấp cho bạn một liên kết bình thường mà bạn có thể chia sẻ với nhóm của mình.

Bất cứ ai cũng có thể mở liên kết trong trình duyệt. Họ không cần có tài khoản Claude hoặc ghế Claude chỉ để xem nó.

Tùy chọn 2: sử dụng MCP Anima bên trong Claude

Nếu bạn đang làm việc bên trong Claude, Anima MCP sẽ giúp quá trình chuyển giao nhanh hơn nữa.

Thay vì sao chép mã theo cách thủ công, bạn có thể yêu cầu Claude chia sẻ tạo phẩm thông qua Anima. Claude gửi nó đến Playground và trả lại một liên kết trực tiếp ngay trong cuộc trò chuyện.

[Kết nối Anima MCP]

Từ Codex: biến đầu ra trên đĩa thành một ứng dụng trực tiếp

Codex có thể ghi tệp vào môi trường cục bộ của bạn, nhưng tệp cục bộ không giống như một ứng dụng có thể chia sẻ.

Nếu Codex tạo trang HTML, thành phần React hoặc ứng dụng nhỏ, bạn không cần tạo kho lưu trữ và quy trình triển khai chỉ để hiển thị nó cho ai đó.

Dán mã vào Anima Playground và nhận liên kết trực tiếp.

Bây giờ đầu ra không còn nằm trên đĩa của bạn nữa. Đây là một ứng dụng đang chạy mà nhóm của bạn có thể mở, kiểm tra và thảo luận.

Từ Con trỏ: chia sẻ những gì đại lý của bạn đã xây dựng

Con trỏ rất hữu ích để tạo và chỉnh sửa mã trong dự án. Tuy nhiên, khi bạn muốn hiển thị nhanh một trang hoặc thành phần đã tạo cho người nào đó bên ngoài thiết lập cục bộ của mình, bạn vẫn cần một cách để chạy và chia sẻ trang hoặc thành phần đó.

Với Playground, bạn có thể sao chép mã HTML hoặc React từ Con trỏ, dán mã vào Anima và ngay lập tức biến mã đó thành một ứng dụng trực tiếp.

Từ ChatGPT: biến mã canvas thành một ứng dụng hoạt động

ChatGPT có thể tạo HTML, React và Markdown hữu ích. Nhưng kết quả thường nằm trong cuộc trò chuyện hoặc canvas.

Để chia sẻ nội dung đó dưới dạng nội dung tương tác, hãy sao chép mã vào Anima Playground.

Ứng dụng chạy trong trình duyệt, nhận liên kết có thể chia sẻ và luôn có thể chỉnh sửa cho phiên bản tiếp theo.

Điều đó biến đầu ra ChatGPT từ “đây là một số mã” thành “đây là ứng dụng”.

Tại sao việc chia sẻ có thể chỉnh sửa lại quan trọng

Chia sẻ hiếm khi kết thúc quy trình làm việc.

Ai đó mở liên kết. Họ nhấp chuột xung quanh. Họ nhận thấy trạng thái bị thiếu, vấn đề về sao chép, bố cục bị hỏng hoặc một ý tưởng mới.

Bây giờ bạn cần phải thay đổi nó.

Với một trang được lưu trữ tĩnh, điều đó thường có nghĩa là tải xuống tệp, chỉnh sửa tệp ở nơi khác, tải lên lại và gửi phiên bản mới.

Với Anima Playground, ứng dụng vẫn có thể chỉnh sửa được.

Bạn có thể cập nhật mã tại chỗ và liên kết được chia sẻ tương tự phản ánh phiên bản mới nhất.

Đó là sự khác biệt giữa một tạo tác đông lạnh và một ứng dụng sống.

Hỗ trợ React là thử nghiệm thực sự

Nhiều công cụ “chia sẻ đầu ra AI của bạn” chỉ hoạt động với HTML đơn giản.

Điều đó tốt cho các trang tĩnh, nhưng nó không biết mã hóa AI đang diễn ra ở đâu.

Các đầu ra hữu ích nhất do tác nhân tạo ra thường có tính tương tác. Chúng bao gồm các thành phần, trạng thái, điều hướng, biểu mẫu, bộ lọc, biểu đồ, trang tổng quan và luồng sản phẩm.

Đó không chỉ là các trang HTML tĩnh.
Chúng là những trải nghiệm giống như ứng dụng.

Và trải nghiệm giống như ứng dụng cần một môi trường có thể chạy React mà không buộc bạn phải thiết lập một dự án đầy đủ.

Đó là lý do tại sao việc hỗ trợ React lại quan trọng.

Anima Playground cho phép bạn chạy mã React hoặc HTML do AI tạo trực tiếp trong trình duyệt, chia sẻ mã đó bằng một liên kết và tiếp tục chỉnh sửa mã khi ý tưởng phát triển.

Cách nhanh nhất để chia sẻ mã từ tác nhân AI của bạn

Bất kể mã bắt đầu ở đâu, kết quả đều giống nhau:

Một ứng dụng tương tác thực sự mà bất kỳ ai cũng có thể mở trong trình duyệt.

Đại lý viết mã. Con người cần chia sẻ, đánh giá và gửi nó.

Tác nhân AI đang trở thành một phần của công việc tạo sản phẩm hàng ngày. Chúng giúp các nhà thiết kế tạo nguyên mẫu, kiểm tra ý tưởng của PM, nhà phát triển khám phá các lộ trình triển khai và các nhóm chuyển từ ý tưởng sang giao diện nhanh hơn.

Nhưng để tổng đài viên thực sự phù hợp với quy trình làm việc của nhóm, kết quả đầu ra của họ không thể bị mắc kẹt trong các cuộc trò chuyện, khung vẽ, tệp cục bộ hoặc ảnh chụp màn hình.

Nó cần trở thành thứ mà mọi người có thể mở được.

Một cái gì đó họ có thể nhấp vào.

Một cái gì đó họ có thể chỉnh sửa.

Một cái gì đó họ có thể chia sẻ.

Đó là vai trò của Anima Playground: thời gian chạy bị thiếu giữa các tác nhân AI và nhóm con người.

Đại lý của bạn viết mã.
Anima Playground chạy nó dưới dạng một ứng dụng trực tiếp.
Nhóm của bạn nhận được một liên kết.