การสร้าง Playgrounds ด้วย Claude Code

เราได้เผยแพร่ปลั๊กอิน Claude Code ใหม่ที่ชื่อว่า playground ซึ่งช่วยให้ Claude สร้าง HTML playgrounds ได้ สิ่งเหล่านี้เป็นไฟล์ HTML แบบสแตนด์อโลนที่ให้คุณแสดงภาพปัญหากับ Claude โต้ตอบกับมัน และรับพรอมต์เอาต์พุตเพื่อวางกลับเข้าไปใน Claude Code

ฉันพบว่าสิ่งนี้มีประโยชน์มากในการโต้ตอบกับโมเดลในรูปแบบที่ไม่เหมาะกับข้อความ เช่น:

• แสดงภาพสถาปัตยกรรมของโค้ดเบส
• ปรับการออกแบบของคอมโพเนนต์
• ระดมความคิดเกี่ยวกับเลย์เอาต์และการออกแบบ
• ปรับสมดุลของเกม

ในการเริ่มต้น ติดตั้งปลั๊กอินใน Claude Code โดยรันคำสั่งต่อไปนี้:

**/plugin marketplace update claude-plugins-official

/plugin install playground@claude-plugins-official

ต่อไปนี้คือ playgrounds ที่ฉันชอบที่ฉันสร้างขึ้น

**

การเปลี่ยนการออกแบบของเครื่องมือ AskUserQuestion ใน Claude Code

**prompt: "ใช้ทักษะ playground เพื่อสร้าง playground ที่ช่วยให้ฉันสำรวจการเปลี่ยนแปลงเลย์เอาต์ใหม่ของเครื่องมือ AskUserQuestion"

**

การวิจารณ์งานเขียนของคุณและรับคำตอบ

**prompt: "ใช้ทักษะ playground เพื่อตรวจสอบ SKILL.MD ของฉัน และให้คำแนะนำแบบอินไลน์ที่ฉันสามารถอนุมัติ ปฏิเสธ หรือแสดงความคิดเห็น"

**

การปรับแต่ง Remotion Video Intro

**prompt: "ใช้ทักษะ playground เพื่อปรับแต่งหน้าจอแนะนำของฉันให้น่าสนใจและน่ายินดียิ่งขึ้น"

**

การดูไดอะแกรมสถาปัตยกรรมและให้ผู้ใช้แสดงความคิดเห็น

**prompt: "ใช้ทักษะ playground เพื่อแสดงให้เห็นว่าโค้ดเบสของ email agent นี้ทำงานอย่างไร และให้ฉันแสดงความคิดเห็นบนโหนดต่างๆ ในสถาปัตยกรรมเพื่อถามคำถาม แก้ไข ฯลฯ"

**

การปรับสมดุลของเกม Superhero Rogue-like ที่ฉันกำลังสร้าง

**prompt: "ใช้ทักษะ playground เพื่อช่วยฉันปรับสมดุลเด็คของฮีโร่ 'Inferno'"

0:24

ดีใจที่ได้เห็นว่าทุกคนจะสำรวจสิ่งนี้กัน!

คำแนะนำของฉันในการสร้าง playground ที่น่าสนใจ - คิดหาวิธีโต้ตอบกับโมเดลที่ไม่ซ้ำใคร แล้วขอให้มันแสดงออกมาอย่างนั้น ฉันคิดว่าคุณอาจจะพบว่ามันน่าประหลาดใจ

ถ้าคุณสร้างอะไรเจ๋งๆ ได้ โปรดแชร์ด้วย!