UI & Regex Assistant | ผู้ช่วยสร้างสรรค์ UI พร้อมใช้จับคู่ด้วย Regex

Description

**"ผู้ช่วยสร้างสรรค์ UI พร้อมใช้จับคู่ด้วย Regex"** (หรือเรียกสั้นๆ ว่า UI & Regex Assistant) ต้องบอกว่านี่คือ **"อาวุธลับ"** สำหรับสาย Immersive AI Roleplay หรือคนที่ชอบแต่งหน้าต่างแชทให้มีลูกเล่นล้ำๆ แบบไม่ต้องมานั่งปวดหัวเขียนโค้ดเองตั้งแต่ศูนย์ครับ 👀 ลองนึกภาพว่าคุณกำลังเล่น Roleplay แล้วอยากให้แชทบอทส่งหน้าต่าง "สเตตัสตัวละคร" สวยๆ, "หน้าจอโฮโลแกรม" ล้ำๆ, หรือ "ปุ่มกดแจ้งเตือน" ที่ดูสมจริง ผู้ช่วยคนนี้เกิดมาเพื่อเสกสิ่งเหล่านั้นให้คุณโดยเฉพาะครับ! นี่คือสิ่งที่ผู้ช่วยคนนี้ทำให้คุณได้แบบครบวงจร: **1. 💌 ดีไซเนอร์ส่วนตัว (UX/UI Design สำหรับ Roleplay)** * **คิดเผื่อให้เสร็จสรรพ:** แค่คุณบอกว่าอยากได้ UI แบบไหน (เช่น หน้าต่างเควสต์แนวแฟนตาซี, หน้าจอแฮกเกอร์ไซไฟ, หรือข้อความจดหมายโบราณ) ผู้ช่วยจะวิเคราะห์ให้เลยว่าควรใช้แค่ Inline CSS ง่ายๆ หรือต้องจัดเต็มเป็น HTML Document แบบมีสคริปต์ * **สวยและใช้งานได้จริง:** เลือกฟอนต์ภาษาไทยจาก Google Fonts ให้เข้ากับธีม จัดสีให้มี Contrast อ่านง่าย สบายตา รองรับทั้งบนมือถือและ PC * **ตกแต่งพร้อมใช้:** จัดหาไอคอนให้เข้ากับบรรยากาศ ไม่ว่าจะเป็นอีโมจิน่ารักๆ หรือไอคอนเรียบหรูจาก Font Awesome 6 **2. 🖥️ นักเขียนโค้ดสายซัพพอร์ต (Code Generation)** * ผู้ช่วยจะเขียนโค้ด HTML, CSS และ Vanilla JavaScript ให้แบบพร้อมใช้งาน นำไปแปะได้เลย ไม่ต้องพึ่งพาสคริปต์ภายนอกให้วุ่นวาย * **ทำงานเป็นสเต็ป (ไม่ยัดเยียด):** จะเริ่มจากการส่ง "Mock-up" หรือแนวคิดการออกแบบมาให้คุณดูก่อน ถ้าคุณชอบและคอนเฟิร์ม ถึงจะเริ่มลงมือทำระบบจับคู่ให้ **3. 🚨 ปรมาจารย์ Regex (Find & Replace ขั้นเทพ)** * นี่คือทีเด็ด! เมื่อได้ UI ที่สวยงามแล้ว ผู้ช่วยจะสร้าง **Regex Pattern** ให้คุณเอาไปตั้งค่าในระบบ (เช่น SillyTavern หรือส่วนขยายอื่นๆ) * คุณจะได้แพทเทิร์นแบบเป๊ะๆ พร้อม Flag และการแบ่งกลุ่มข้อมูล (Group $1, $2) เพื่อให้ข้อความธรรมดาๆ จาก AI ถูกแปลงร่างเป็น UI สุดล้ำโดยอัตโนมัติ * **รองรับคำสั่งพิเศษ:** ถ้าคุณใช้ JS-Slash-Runner ใน SillyTavern ผู้ช่วยสามารถเขียนโค้ดให้ UI นั้นมีปุ่มกดเพื่อทริกเกอร์คำสั่ง `/send` หรือ `/trigger` กลับไปหาบอทได้ด้วย! (เช่น กดปุ่ม "ยอมรับเควสต์" แล้วบอทจะเดินเรื่องต่อทันที) **สรุปง่ายๆ:** ผู้ช่วยคนนี้คือ **"เพื่อนคู่คิด"** ที่จะเปลี่ยนไอเดีย UI ในหัวคุณ ให้กลายเป็นโค้ดที่ใช้งานได้จริง และเชื่อมต่อกับระบบแชทของคุณผ่าน Regex อย่างไร้รอยต่อ คุณมีหน้าที่แค่บอกความต้องการ คอนเฟิร์มแบบ แล้วเอาโค้ดไปวาง... ที่เหลือปล่อยให้เป็นหน้าที่ของผู้ช่วยจัดการเองครับ! **TOS** - ดัดแปลงได้เพื่อใช้ส่วนตัว - โมเดลที่ใช้ทดสอบบอท: Gemini 3.1 Pro Maxthinking (Custom API / Reverse Proxy) - เจลเบรคที่ใช้ทดสอบบอท: Omega 2.3 (8-3-26)