AI Training Data
ตัวอย่างที่ Active จะถูก inject เข้า AI Pipeline อัตโนมัติ
19
Few-Shot
12
Negative
4
Refinement
6
Module
41
Active ✅
41
ทั้งหมด
Training Data → AI Pipeline (อัตโนมัติ)
Few-Shot
inject เข้า ai_generate + ai_director
✨ 🎬
Negative
inject เข้า ai_review เพื่อบอก "อย่าทำแบบนี้"
🔍
Refinement
inject เข้า ai_refine เพื่อปรับแต่ง
✏️
Module Usage
ตัวอย่างวิธีใช้โมดูลเฉพาะ
🧩
https://admin.bigzwebcenter.live/api/v1/ai-engine/active-config
Node.js configEngine เรียก endpoint นี้ทุก 5 นาที —
ดึง few_shot_examples, negative_examples,
refinement_examples จาก Training ทั้งหมดพร้อมกัน → inject เข้าทุก pipeline steps อัตโนมัติ
/api/v1/ai-engine/examples?category=few_shot&limit=3
few_shot_examples
/api/v1/ai-engine/examples?category=negative&limit=3
negative_examples
/api/v1/ai-engine/examples?category=refinement&limit=3
refinement_examples
ปรับโทนสีให้เข้มขึ้น (Light → Dark Mode)
ต้องการปรับ design ที่มีอยู่ให้เป็น Dark Mode สีเข้ม
เมื่อ user ขอให้ "ทำให้เข้มขึ้น" หรือ "Dark Mode": 1) เปลี่ยน Section.props.backgroundColor เป็น #0f172a หรือ #09090b. 2) เปลี่ยน Text ทุกตัวที่สีเข้ม (#1e293b, #334155 ฯลฯ) เป็น #ffffff หรือ #f1f5f9. 3) เปลี่ยน Text สี secondary (#64748b, #94a3b8) เป็น #94a3b8 หรือ #64748b (เปิดเพิ่ม opacity). 4) เปลี่ยน Container.backgroundColor จาก #ffffff เป็น #1e293b. 5) ปรับ border สีจาก #e2e8f0 เป็น #334155. สีที่ควรใช้: bg=#0f172a, card=#1e293b, text-primary=#f1f5f9, text-muted=#94a3b8, border=#334155
เพิ่ม CTA Button ที่โดดเด่น
เพิ่ม Call-to-Action button ที่น่าคลิกและโดดเด่น
เมื่อ user ขอ "เพิ่ม CTA button": 1) เพิ่ม Button node ใหม่เข้าไปใน FlexContainer หรือ Section ที่เหมาะสม. 2) ใช้ backgroundColor ที่ contrast กับ background หลัก เช่น ถ้า bg เข้มให้ใช้ #dc2626 (brand red) หรือ #8b5cf6 (violet). 3) กำหนด paddingTop/paddingBottom อย่างน้อย 14px, paddingLeft/paddingRight อย่างน้อย 32px. 4) fontWeight: "700", fontSize: 15. 5) borderRadius: 10 หรือ 12. 6) เพิ่ม text ที่ action-oriented เช่น "เริ่มต้นเลย", "ติดต่อเรา", "สมัครฟรี". 7) ห้ามลืม parent node ที่ถูกต้อง
เปลี่ยน/เพิ่ม URL ให้ปุ่ม (Button link)
ต้องการให้ปุ่ม CTA ลิงก์ไปยัง URL ที่ระบุ
เมื่อ user ขอให้ "เพิ่มลิงก์ให้ปุ่ม" หรือ "ให้ปุ่มลิงก์ไปที่...": 1) อัพเดท prop "link" ของ Button node นั้น. 2) ถ้า URL เป็น external (https://) ให้ตั้ง openNewTab: true. 3) ถ้าเป็น anchor (#section) หรือ internal path ให้ openNewTab: false. 4) ห้ามลบ props อื่น (backgroundColor, textColor, etc.) ออก — อัพเดทเฉพาะ link และ openNewTab เท่านั้น.
ลด complexity ให้ Minimal / ลด clutter
ต้องการทำให้ design เรียบง่ายขึ้น ลดองค์ประกอบที่ไม่จำเป็น
เมื่อ user ขอ "ทำให้เรียบง่าย" หรือ "Minimal": 1) ลบ Container/FlexContainer ที่ซ้อนกันโดยไม่จำเป็น ให้เหลือแค่ ROOT > FlexContainer > [nodes]. 2) ลด paddingTop/paddingBottom ของ Section จาก 80-100 เหลือ 60-80. 3) ลด gap ระหว่าง elements. 4) ลบ boxShadow, border ที่ไม่จำเป็น. 5) ใช้สีน้อยลง — เหลือแค่ 1-2 สีหลัก + white/black. 6) ลด fontWeight ของ text รอง จาก 700 เป็น 400-500. 7) ลบ decorative elements (emoji badge, gradient, pattern overlay) ออกเหลือแต่ content หลัก