search
User
auto_awesome

AI Config Engine

account_tree Pipeline Dashboard
download Export
Timeline:
──
──
──
──
──
visibility = แสดงบน Frontend visibility_off = ซ่อน
check_circle
error

Component Catalog help_outline

69 components — รายการ component ที่ AI รู้จักและใช้ได้

Component help_outline Category help_outline Canvas help_outline Description สถานะ help_outline

Design Rules & Anti-Patterns help_outline

กฎ Design และ Pattern ที่ AI ต้องยึดถือ

Design Rules help_outline

Forbidden Patterns help_outline

System Prompt & Examples help_outline

คำสั่งหลักที่ AI ใช้ทุก request

System Prompt help_outline

Temperature: help_outline
AI Provider:

Few-Shot Examples help_outline

Serper.dev — Real-time Design Trends help_outline

ตั้งค่าการดึง Design Trends ล่าสุดจาก Google สำหรับ AI

การตั้งค่า Serper

check_circle

Serper API Key พร้อมใช้งาน

••••••••••••••••••••••••••••••••••ac231c

edit แก้ไข Key

เปิดใช้ Serper ใน Version นี้ help_outline

AI จะดึง Design Trends อัตโนมัติเมื่อ user ถามเรื่อง trend

info วิธีการทำงาน

1. Node.js API อ่าน Serper Key จาก Settings table ทุก request

2. เมื่อ AI ได้รับคำถามเรื่อง design/trend → ค้นหา Google ผ่าน Serper

3. นำผลมาเป็น context เสริมให้ AI ตอบได้ทันสมัยขึ้น

ทดสอบ Design Trends

คำค้นยอดนิยม

Quality & Self-Improvement help_outline

Rating history, Good Examples Library, Anti-Pattern Learning

0

Total Ratings help_outline

0

👍 Good Outputs help_outline

0

👎 Bad Outputs help_outline

Good Examples Library (RAG) help_outline

0 Examples
auto_stories

ยังไม่มี Good Examples — เพิ่มตัวอย่างที่ดีเพื่อให้ AI เรียนรู้

AI Config Auditor help_outline

ให้ AI วิเคราะห์ Config ปัจจุบันและแนะนำการปรับปรุง

รัน AI Auditor

AI จะวิเคราะห์ Config Version ที่เลือก และรายงาน:

  • check_circleConfig Score (0-100)
  • check_circleIssues Found (errors/warnings)
  • check_circleSuggestions ปรับปรุง
  • check_circleTrend Alignment ปี 2026
  • check_circleComponent Gaps
  • check_circleRule Conflicts

ผลการ Audit

75

Config Score

3 months ago

error ROOT must always be a Container (backgroundColor: transparent, flexDirection: column, gap: 0)
error Every Section must have a Container child with widthMode:max-w, maxWidth:1200
error Section must have backgroundType: color | gradient | image (not solid)
error Use only pre-built components: ServiceCard, IconBox, PricingCard, Testimonial, BlogCard — do not assemble from Text+Image+Button yourself

Config Score help_outline

Issues พบ

คำแนะนำ

trending_up Trend Alignment 2026:

Component ที่ขาดหาย:

Rule Conflicts:

Component Factory help_outline

ให้ AI สร้าง React Component ใหม่พร้อม Craft.js Config

สร้าง Component ใหม่

Factory History

0 items
precision_manufacturing

ยังไม่มี Component ที่สร้าง

React Code Generated 

            

        

    







    

        

        
A/B Testing
            help_outline
        

        
ทดสอบ 2 Config Versions เทียบกัน — ดูว่า version ไหนให้ผลดีกว่า

        

        
    


    

                

            compare
            
ยังไม่มี A/B Tests — กด "สร้าง A/B Test" เพื่อเริ่ม

        

                

            
        

    











    
    


        
        

            

                auto_awesome
            

            

                
BigZ AI Assistant

                
ถามเรื่อง AI Config ได้เลย

            

            
        


        
        

            
            

                

                    

                        
                    

                

            

        


        
        

            

                
            

        


        
        

            
            
        

    


    
    








    

        
สร้าง Version ใหม่

        

            

                
                
            

            

                
                
                
ปล่อยว่างเพื่อใช้ Version Name แทน

            

            

                
                
            

        

        

            
            
        

    







    

        
เปรียบเทียบ Versions

        

            

                
                
            

            

                
                
            

        

        
        

            
        

        

            
        

    







    

        
สร้าง A/B Test