https://www.uncleake.com/blog/2026-09-13T00:00:00+07:00https://www.uncleake.com/blog/vibe-coding-for-beginners.html2026-09-13T00:00:00+07:00

ทำความเข้าใจ Vibe Coding สำหรับผู้เริ่มต้น ตั้งแต่การวาง Scope ออกแบบ UI ให้ AI เห็น Context ไปจนถึงสร้างและทดสอบ Web App อย่างเป็นขั้นตอน

https://www.uncleake.com/blog/vibe-design.html2026-09-11T00:00:00+07:00

เรียนรู้แนวคิด Vibe Design ตั้งแต่ Product Structure, Page Requirement, Anchor Screen ไปจนถึงการใช้ AI ช่วยสร้าง UI ที่พร้อมส่งต่อไป Vibe Coding

https://www.uncleake.com/blog/build-web-app-with-ai-workflow.html2026-09-09T00:00:00+07:00

ดูภาพรวม Workflow สร้าง Web Application ด้วย AI ตั้งแต่ Product Structure, Google Stitch, DESIGN.md, MCP, AGENTS.md, Coding Agent จนถึง Production Build และ Deploy

https://www.uncleake.com/blog/google-stitch.html2026-09-08T00:00:00+07:00

แนวทางใช้ Google Stitch สำหรับ Vibe Design ตั้งแต่ Prompt หน้าหลัก สร้าง Anchor Screen รักษาความสม่ำเสมอของ UI และเตรียม Design ไปต่อกับ Coding Agent

https://www.uncleake.com/blog/stitch-mcp.html2026-09-06T00:00:00+07:00

เข้าใจบทบาทของ MCP ใน Workflow Google Stitch → Coding Agent ว่าช่วยส่ง Design Context อย่างไร พร้อมวิธี Prompt ไม่ให้ AI เดาและ redesign UI เอง

https://www.uncleake.com/blog/design-md.html2026-09-05T00:00:00+07:00

รู้จัก DESIGN.md ในโปรเจกต์ AI-assisted design/coding ว่าควรใส่อะไร ใช้ตอนไหน และทำไมไฟล์นี้ช่วยเรื่อง Consistency แต่ไม่แทน Design Reference จริง

https://www.uncleake.com/blog/agents-md.html2026-09-03T00:00:00+07:00

แนวทางสร้าง AGENTS.md แบบกระชับสำหรับ Web Application เพื่อบอก AI Coding Agent เรื่องคำสั่งพัฒนา Code guideline UI guideline และสิ่งที่ต้องตรวจก่อนจบ Task

https://www.uncleake.com/blog/ai-agent-ui-does-not-match-stitch.html2026-09-01T00:00:00+07:00

วิเคราะห์สาเหตุที่ Vibe Coding แล้ว UI หลุดจาก Google Stitch พร้อมแนวทางใช้ MCP, Prompt, Anchor Screen, Shared Component และ Review ทีละหน้าเพื่อลดการเดาของ AI