AI WEB STUDIO · LAYERS

บริบทที่ทำให้ Agent ทำงานตรงโจทย์

977-121 Module: Website Design and Development · มหาวิทยาลัยสงขลานครินทร์ วิทยาเขตภูเก็ต

บริบทที่ทำให้ Agent ทำงานตรงโจทย์ | AI Web Studioชั้นบริบทห้าชั้นจากเป้าหมายผู้ใช้ กฎ workspace เอกสารออกแบบ ไฟล์งาน และหลักฐานการตรวจสอบ AI WEB STUDIO · LAYERSบริบทที่ทำให้ Agent ทำงานตรงโจทย์01 เป้าหมายผู้ใช้ต้องการผลลัพธ์อะไรscope · success02 กฎWorkspace และ InfraAGENTS · ports03 แบบDesign + Lesson + Promptconstraints04 งานจริงSource code และ Dataimplementation05 หลักฐานTests, Build, Productionverificationลำดับ / การส่งต่อAI Web Studio · 977-121 Module: Website Design and Development

อ่านภาพนี้อย่างไร

Agent ตัดสินใจจากบริบทหลายชั้น ชั้นบนบอกเป้าหมาย ชั้นกลางจำกัดวิธีทำงาน และชั้นล่างยืนยันสิ่งที่เกิดขึ้นจริง

แหล่งข้อมูล: courses/ai-web-studio/docs/lessons/02-agent-skills.md, courses/ai-web-studio/docs/lessons/03-specs-and-prompts.md, DESIGN.md, courses/ai-web-studio/docs/lessons/00-setup-and-web-basics.md

สิ่งที่ย่อ: รวม instruction หลายไฟล์ตามหน้าที่ ไม่แสดงลำดับ precedence รายบรรทัด AGENTS ในภาพหมายถึงคำแนะนำ workspace ที่ session ส่งให้ ไม่ได้อ้างว่ามี AGENTS.md ใน repository นี้

Prompt สำหรับสร้างซ้ำ

สร้างแผนภาพ layer stack ภาษาไทยขนาด 960×600 วาง 5 ชั้นจากบนลงล่าง: เป้าหมายผู้ใช้, AGENTS.md + shared-infra, DESIGN.md + lesson/spec, source code + data, tests + หลักฐาน เน้นชั้นกฎ workspace ใช้แถบเต็มความกว้าง อ่านง่าย ไม่มีเงา ไม่มีลูกศร และใช้สีเน้นเพียงจุดเดียว ใช้โปรไฟล์ Rawinnipa แบบ dark canvas: พื้น #0A0A0A, ข้อความ #F7F7F7, เส้นรอง #9CA3AF และ Rawin Green #3EDC81 เฉพาะโหนดหรือแถบ focal หนึ่งจุดเท่านั้น; เส้นเชื่อมใช้สี neutral #D1D5DB ใช้ Inter คู่กับ Noto Sans Thai ไม่มีเงา งานนี้อยู่ในคอร์ส AI Web Studio ซึ่งเป็นส่วนหนึ่งของ 977-121 Module: Website Design and Development มหาวิทยาลัยสงขลานครินทร์ วิทยาเขตภูเก็ต