search
User
account_tree AI Pipeline Dashboard

Multi-Agent AI System

Researcher → Designer → Validator → Debugger

ACTIVE Creative Standard
settings ไปที่ Config
7
Pipeline Steps
7
Enabled Steps
69
Components
10
Design Rules
5
Forbidden
0
Req วันนี้
schema System Architecture Flow — ขั้นตอนการทำงาน end-to-end
person
User Builder / API
API
Node.js API Express.js Hub
settings_suggest
Config Engine Admin → API sync
play_circle
Pipeline Runner pipeline.js
output
Craft.js JSON Page Builder
Pipeline Agents
1 ON
hub
AI Gate
Gate
GEMINI t=0.2
badge 🚦 AI Gate
bolt Fallback: OPENAI
gemini-2.0-flash
2 ON
travel_explore
Serper Research
Researcher
Serper
3 ON
image_search
Image Finder
Images
Unsplash
4 ON
architecture
Creative Director
Director
CLAUDE t=0.7
badge 🚦 AI Gate
bolt Fallback: OPENAI
🗂 design_patterns
📏 design_rules
5 ON
auto_awesome
Claude Designer
Designer
CLAUDE t=0.5
badge 🚦 AI Gate
bolt Fallback: GEMINI
claude-3-7-sonnet-20250219
🗂 design_patterns
📏 design_rules
💡 role_few_shot_examples
6 ON
rate_review
Strict QA
Reviewer
OPENAI t=0.1
badge 🎬 AI Director
bolt Fallback: GEMINI
gpt-4o
📏 design_rules
🚫 forbidden_patterns
💡 role_negative_examples
7 ON
verified
Validator
Validator
Local
🚫 forbidden_patterns
computerbigzwebcenter.live
→ Page Builder
POST /api/v2/ai/generate-page/stream hub api.bigzwebcenter.live (Node.js) SSE Stream
settings_suggest configEngine.js → fetch & cache pipeline config
GET admin.bigzwebcenter.live/api/v1/ai-engine/active-config
🔑 api_keys — gemini · openai · claude · serper · unsplash
🗂 pipeline_steps[] — step config array (type, model, provider, role_prompt…)
📏 design_rules — layout + typography constraints
🚫 forbidden_patterns — disallowed component patterns
🗃️ design_patterns[] — DesignPattern blueprints
play_circle pipeline.js → execute steps sequentially
1 hub AI Gate ai_gate GEMINI · gemini-2.0-flash
AI call (primary):
POST generativelanguage.googleapis.com/v1beta/models (gemini-2.0-flash)
temperature=0.2  ·  timeout 180s
bolt if timeout → fallback: OPENAI
POST api.openai.com/v1/chat/completions
role_prompt:
"คุณคือ AI วิเคราะห์เจตนาผู้ใช้..."
Output → next step: 🚦 Gate Decision — pass / block + reason
↪ SSE emit: event: step   data: { step:"AI Gate", status:"done", output_preview, duration_ms }
2 travel_explore Serper Research serper_search SERPER
External API call:
GET https://google.serper.dev/search
→ Serper Search API
Output → next step: 📋 Search Results — title + snippet + URLs (JSON)
↪ SSE emit: event: step   data: { step:"Serper Research", status:"done", output_preview, duration_ms }
3 image_search Image Finder image_search UNSPLASH
External API call:
GET https://api.unsplash.com/search/photos
→ Unsplash Photos API
Output → next step: 🖼️ Image URLs — array of valid Unsplash URLs
↪ SSE emit: event: step   data: { step:"Image Finder", status:"done", output_preview, duration_ms }
4 architecture Creative Director ai_director CLAUDE
Context APIs injected:
🗂 design_patterns 📏 design_rules
GET /api/v1/ai-engine/active-config (Role: AI Gate)
AI call (primary):
POST api.anthropic.com/v1/messages
temperature=0.7  ·  timeout 180s
bolt if timeout → fallback: OPENAI
POST api.openai.com/v1/chat/completions
role_prompt:
"คุณคือ Creative Director มือทองของบริษัท BigZ Web Center หน้าที่ของคุณคือรับ "ความต้องการของลูกค้า" และ "ข้อมูล Research..."
Output → next step: 📐 Layout Brief — JSON: selected_pattern + sections[]
↪ SSE emit: event: step   data: { step:"Creative Director", status:"done", output_preview, duration_ms }
5 auto_awesome Claude Designer ai_generate CLAUDE · claude-3-7-sonnet-20250219
Context APIs injected:
🗂 design_patterns 📏 design_rules 💡 role_few_shot_examples
GET /api/v1/ai-engine/active-config (Role: AI Gate)
AI call (primary):
POST api.anthropic.com/v1/messages (claude-3-7-sonnet-20250219)
temperature=0.5  ·  timeout 180s
bolt if timeout → fallback: GEMINI
POST generativelanguage.googleapis.com/v1beta/models
role_prompt:
"คุณคือ AI Web Designer ขั้นเทพ จงนำ "Layout Brief จาก Creative Director" และ "Images" มาประกอบรวมกันเป็น Craft.js JSON..."
Output → next step: ✨ Craft.js Draft — JSON page nodes (ROOT + components)
↪ SSE emit: event: step   data: { step:"Claude Designer", status:"done", output_preview, duration_ms }
6 rate_review Strict QA ai_review OPENAI · gpt-4o
Context APIs injected:
📏 design_rules 🚫 forbidden_patterns 💡 role_negative_examples
GET /api/v1/ai-engine/active-config (Role: AI Director)
AI call (primary):
POST api.openai.com/v1/chat/completions (gpt-4o)
temperature=0.1  ·  timeout 180s
bolt if timeout → fallback: GEMINI
POST generativelanguage.googleapis.com/v1beta/models
role_prompt:
"คุณคือ Quality Assurance ตรวจสอบ JSON"
Output → next step: 🔍 Review Report — feedback + must_fix[] + pass
↪ SSE emit: event: step   data: { step:"Strict QA", status:"done", output_preview, duration_ms }
7 verified Validator validator LOCAL
Context APIs injected:
🚫 forbidden_patterns
GET /api/v1/ai-engine/active-config
Output → next step: ✅ Validation — valid: true/false + errors[]
↪ SSE emit: event: step   data: { step:"Validator", status:"done", output_preview, duration_ms }
output Craft.js JSON → Page Builder / bigzwebcenter.live
SSE event: complete   data: { data: { ROOT: {…}, nodeId: {…} }, meta: { duration_ms } }
Legend:
Internal API call
External API call
AI provider call
SSE event emitted
Context injected
biotech
Pipeline Test Lab
ทดสอบ pipeline แบบ real-time — Timeline · Step Response · Timing Chart
POST /stream