Chúng tôi vừa phát hành một plugin Claude Code mới có tên playground giúp Claude tạo ra các HTML playground. Đây là những tệp HTML độc lập cho phép bạn trực quan hóa một vấn đề với Claude, tương tác với nó và nhận được một prompt đầu ra để dán lại vào Claude Code.
Tôi thấy điều này có thể rất hữu ích khi tương tác với mô hình theo những cách không phù hợp với văn bản, ví dụ như:
- Trực quan hóa kiến trúc của codebase
- Điều chỉnh thiết kế của một component
- Lên ý tưởng bố cục và thiết kế
- Tinh chỉnh sự cân bằng của một trò chơi
Để bắt đầu, hãy cài đặt plugin trong Claude Code bằng cách chạy các lệnh sau:
**/plugin marketplace update claude-plugins-official
/plugin install playground@claude-plugins-official**
Dưới đây là một số playground yêu thích của tôi:
**
Thay đổi thiết kế của công cụ AskUserQuestion trong Claude Code
**prompt: "Sử dụng kỹ năng playground để tạo một playground giúp tôi khám phá các thay đổi bố cục mới cho công cụ AskUserQuestion"
**
Phê bình bài viết của bạn và nhận phản hồi
**prompt: "Sử dụng kỹ năng playground để xem xét SKILL.MD của tôi và đưa ra các gợi ý nội dòng mà tôi có thể chấp nhận, từ chối hoặc bình luận"
**
Tinh chỉnh một đoạn giới thiệu video Remotion
**prompt: "Sử dụng kỹ năng playground để tinh chỉnh màn hình giới thiệu của tôi sao cho thú vị và hấp dẫn hơn"
**
Xem sơ đồ kiến trúc và cho phép người dùng bình luận
**prompt: "Sử dụng kỹ năng playground để hiển thị cách hoạt động của codebase email agent này và cho tôi bình luận trên các nút cụ thể trong kiến trúc để đặt câu hỏi, chỉnh sửa, v.v."
**
Cân bằng trò chơi giả nhập vai Superhero mà tôi đang làm
**prompt: "Sử dụng kỹ năng playground để giúp tôi cân bằng bộ bài của anh hùng 'Inferno'"
0:24
Rất háo hức để xem các bạn khám phá điều này như thế nào!
Lời khuyên của tôi để tạo một playground thú vị – hãy nghĩ ra một cách tương tác độc đáo với mô hình và sau đó yêu cầu nó thể hiện điều đó. Tôi nghĩ bạn có thể sẽ thấy bất ngờ đấy.
Nếu bạn tạo ra thứ gì đó hay ho, hãy chia sẻ nhé!
