977-121 Module: Website Design and Development · มหาวิทยาลัยสงขลานครินทร์ วิทยาเขตภูเก็ต
อ่านภาพนี้อย่างไร
AI ช่วยจัดข้อมูลให้เป็นระบบได้ แต่ต้องผ่าน evidence gate ก่อนสร้างข้อสรุป หากยังมีช่องว่างที่กระทบกลุ่มเป้าหมาย จุดยืน หรือข้ออ้างของแบรนด์ ให้ย้อนกลับไปค้นและระบุสิ่งที่ยังไม่รู้ แทนการเติมคำตอบเอง เมื่อหลักฐานพอจึงส่งต่อ website brief ไปยัง mini brandbook, visual system ที่ผูก prompt ID และ website QA ที่ตรวจ provenance ได้
แหล่งข้อมูล: courses/ai-web-studio/docs/labs/research-to-brand-website.md
สิ่งที่ย่อ: รวม source inventory หลายชนิดเป็นโหนดเดียว รวม icon, key visual และกติกาการใช้งานเป็น visual system เดียว และรวม developer handoff กับ website QA เป็นปลายทางเดียว; เก็บ evidence gate และเส้นย้อนกลับเมื่อข้อมูลไม่พอไว้ครบ โดยไม่สร้าง claim เพิ่ม
Prompt สำหรับสร้างซ้ำ
ใช้ $diagram-design สร้าง flowchart ภาษาไทยสำหรับ Lab Research-to-Brand ของ AI Web Studio โดยอ่าน docs/labs/research-to-brand-website.md และยึดข้อมูลในไฟล์เป็น source of truth แสดง 7 nodes: ข้อมูล + แหล่งอ้างอิงพร้อม source ID → Research ที่แยก FACT / INFERENCE / GAP → decision ‘หลักฐานพอหรือยัง’ ถ้า YES ไป Website brief → Mini brandbook → Icon + Key visual system ที่เก็บ prompt ID และกติกา → Web handoff + QA ที่ตรวจ provenance; ถ้า NO ให้วนกลับไป Research และห้ามแต่ง claim ใหม่ ใช้ format html+svg, preset doc-inline viewBox 960×600, detail balanced, audience mixed, static ไม่มี animation ใช้ flowchart snake layout และ connector มุมฉากโค้ง ไม่เกิน 9 nodes/12 arrows ติด label ทุกทางออกจาก diamond และใช้ Rawin Green เฉพาะ evidence gate หนึ่งจุด ตาม profile rawinnipa-ai-web-studio: canvas #0A0A0A, surface #1A1A1A, ink #F7F7F7, muted #9CA3AF, rule #2A2A2A, accent #3EDC81, Inter + Noto Sans Thai ไม่มีเงา ไม่มี remote asset วาด connector ก่อน node ใส่ role=img, title เป็น child แรก, desc และ aria-labelledby ID เฉพาะภาพ เก็บ HTML เป็น source of truth และ extract SVG จาก HTML จากนั้นรัน installed diagram-design self_check.py และตรวจ browser/geometry ที่ 960×600 รายงาน source paths กับ fidelity ledger โดยระบุ Invented: none