Type
generate_page
Source
builder
Provider / Model
auto
สถานะ
✅ สำเร็จDuration
17.02s
Input Tokens
0
Output Tokens
0
IP Address
127.0.0.1
Prompt (ต้นฉบับ)
[โซน: BODY — สร้างเนื้อหาหลัก เช่น Hero, Features, About, Testimonials, CTA, Contact. ห้าม include NavMenu หรือ Footer] [รูปภาพ: ต้องใส่ Image component ใน Hero section เสมอ และใส่ในส่วนอื่นที่เหมาะสม. Image props: src ให้สร้าง URL รูปภาพโดยใช้ keyword ที่ตรงกับเนื้อหา เช่น ถ้าเนื้อหาเกี่ยวกับหมา ให้ใช้ "https://source.unsplash.com/random/800x500?dog,puppy" ถ้าเกี่ยวกับร้านกาแฟ ใช้ "https://source.unsplash.com/random/800x500?coffee,cafe" ถ้าเกี่ยวกับร้านอาหาร ใช้ "https://source.unsplash.com/random/800x500?restaurant,food" — สำคัญ: keyword ใน URL ต้องตรงกับ SUBJECT จริงๆ ของเนื้อหาที่ user ขอ ห้ามใช้ keyword ที่ไม่เกี่ยวข้อง. width: "100%", height: 350-550, objectFit: "cover"] สร้าง hero section มีรูปหมาหน่อยครับ
AI Response
{
"ROOT": {
"type": {
"resolvedName": "Hero"
},
"isCanvas": true,
"props": {
"paddingTop": 60,
"paddingBottom": 60,
"backgroundColor": "#f9fafb"
},
"displayName": "Hero",
"custom": [],
"hidden": false,
"nodes": [
"heroTitle",
"heroSubtitle",
"heroImage",
"heroButton"
],
"linkedNodes": [],
"parent": null
},
"heroTitle": {
"type": {
"resolvedName": "Text"
},
"isCanvas": false,
"props": {
"text": "A Best Friend's Tail",
"fontSize": 48,
"fontWeight": 700,
"textAlign": "center",
"marginBottom": 16
},
"displayName": "Text",
"custom": [],
"hidden": false,
"nodes": [],
"linkedNodes": [],
"parent": "ROOT"
},
"heroSubtitle": {
"type": {
"resolvedName": "Text"
},
"isCanvas": false,
"props": {
"text": "Discover the joy of having a loyal companion. Adopt, don't shop!",
"fontSize": 20,
"color": "#6b7280",
"textAlign": "center",
"marginBottom": 32
},
"displayName": "Text",
"custom": [],
"hidden": false,
"nodes": [],
"linkedNodes": [],
"parent": "ROOT"
},
"heroImage": {
"type": {
"resolvedName": "Image"
},
"isCanvas": false,
"props": {
"src": "https:\/\/source.unsplash.com\/random\/800x500?dog,puppy",
"width": "100%",
"height": 450,
"objectFit": "cover",
"borderRadius": 8
},
"displayName": "Image",
"custom": [],
"hidden": false,
"nodes": [],
"linkedNodes": [],
"parent": "ROOT"
},
"heroButton": {
"type": {
"resolvedName": "Button"
},
"isCanvas": false,
"props": {
"text": "Find Your Paw-fect Match",
"backgroundColor": "#2563eb",
"textColor": "#ffffff",
"borderRadius": 6,
"paddingX": 24,
"paddingY": 12,
"fontSize": 18,
"fontWeight": 500,
"display": "block",
"marginLeft": "auto",
"marginRight": "auto",
"marginTop": 24
},
"displayName": "Button",
"custom": [],
"hidden": false,
"nodes": [],
"linkedNodes": [],
"parent": "ROOT"
}
}
-
หมายเหตุ Admin
Pipeline Steps Trace 3 steps
16.8s
✓ 3
Execution Time (Seconds)
Pipeline Timeline
ไม่มี output preview สำหรับ step นี้
ไม่มี output preview สำหรับ step นี้
ไม่มี output preview สำหรับ step นี้
{
"pipeline_run": true,
"pipeline_steps_count": 3,
"pipeline_success_count": 3,
"pipeline_failed_count": 0,
"pipeline_fallback_count": 0,
"pipeline_providers_used": [
"gemini",
"validator",
"openai"
],
"pipeline_total_tokens_in": 0,
"pipeline_total_tokens_out": 0,
"pipeline_steps": [
{
"step": "Designer",
"type": "ai_generate",
"provider": "gemini",
"model": "gemini-2.0-flash",
"duration_ms": 5417,
"success": true,
"fallback_used": false,
"attempts": 1,
"tried_providers": null,
"tokens_in": null,
"tokens_out": null
},
{
"step": "Validator",
"type": "validator",
"provider": "validator",
"model": null,
"duration_ms": 0,
"success": true,
"fallback_used": false,
"attempts": 1,
"tried_providers": null,
"tokens_in": null,
"tokens_out": null
},
{
"step": "Debugger",
"type": "ai_review",
"provider": "openai",
"model": "gpt-4o",
"duration_ms": 11336,
"success": true,
"fallback_used": false,
"attempts": 1,
"tried_providers": null,
"tokens_in": null,
"tokens_out": null
}
]
}