search
User

model_training AI Training Data

ตัวอย่างที่ Active จะถูก inject เข้า AI Pipeline อัตโนมัติ

psychology

19

Few-Shot

block

12

Negative

tune

4

Refinement

widgets

6

Module

check_circle

41

Active ✅

dataset

41

ทั้งหมด

hub

Training Data → AI Pipeline (อัตโนมัติ)

psychology

Few-Shot

inject เข้า ai_generate + ai_director

✨ 🎬

block

Negative

inject เข้า ai_review เพื่อบอก "อย่าทำแบบนี้"

🔍

tune

Refinement

inject เข้า ai_refine เพื่อปรับแต่ง

✏️

widgets

Module Usage

ตัวอย่างวิธีใช้โมดูลเฉพาะ

🧩

api API Endpoints — Training Data Flow Node.js อ่านทุก 5 นาที
GET 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 อัตโนมัติ

GET Few-Shot Examples
/api/v1/ai-engine/examples?category=few_shot&limit=3
inject as: few_shot_examples
used by: ✨ ai_generate · 🎬 ai_director
GET Negative Examples
/api/v1/ai-engine/examples?category=negative&limit=3
inject as: negative_examples
used by: 🔍 ai_review
GET Refinement Examples
/api/v1/ai-engine/examples?category=refinement&limit=3
inject as: refinement_examples
used by: ✏️ ai_refine
Training data ถูกใช้จริงใน AI Pipeline active: 41 examples · few_shot: 19 · negative: 12 · refinement: 4
Refinement bolt Live — inject → ✏️ Refine

ปรับโทนสีให้เข้มขึ้น (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

edit
Refinement bolt Live — inject → ✏️ Refine

เพิ่ม 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 ที่ถูกต้อง

edit
Refinement bolt Live — inject → ✏️ Refine

เปลี่ยน/เพิ่ม 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 เท่านั้น.

edit
Refinement bolt Live — inject → ✏️ Refine

ลด 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 หลัก

edit