Blog
Thoughts, tutorials, and insights about web development.
Featured

Prompt สร้างละครแนวตั้งด้วย AI จากเรื่องคร่าวๆ สู่ Video Prompt พร้อมใช้
เขียนเรื่องที่ต้องการแบบคร่าวๆ แล้วให้ AI ช่วยพัฒนาเนื้อเรื่อง สร้างตัวละครพร้อม Character Reference แบ่ง Scene ละ 8 วินาที และสร้าง Video Prompt พร้อมบทพูดภาษาไทยสำหรับนำไปสร้างวิดีโอได้ทันที
PRODUCTION BLUEPRINT GENERATOR — NEXT.JS v3
เปลี่ยน Rough Requirement ให้เป็นเอกสารออกแบบระดับ Production PRODUCTION BLUEPRINT GENERATOR — NEXT.JS v3

PRODUCTION BLUEPRINT GENERATOR — NEXT.JS v2
Prompt นี้เป็น Blueprint ที่สั่ง AI Agent ให้ทำงานอย่างมีวินัย มีแผน มีมาตรฐาน Production จริง ไม่ใช่แค่ให้เขียนโค้ดส่งๆไป — นักพัฒนาสามารถนำไปวางใน Project ใหม่แล้วกรอกเฉพาะ Product Name, Description, Features และ Roles ที่ต้องการเท่านั้น ก็จะได้ระบบที่ออกแบบอย่างเป็นระบบตั้งแต่ต้น V2

Test Automation Prompt with Playwright
Prompt สำหรับวางแผนและสร้าง Automated Testing ด้วย Playwright โดยเริ่มจาก Test_plan.md ตรวจ Critical User Flows, Authentication, Permissions และ Validation พร้อมจัดทำ Bug Report และ Excel Test Report สำหรับส่งต่อให้ทีมพัฒนาแก้ไข

Production Blueprint Prompt For AI Agent NextJS
Prompt นี้เป็น Blueprint ที่สั่ง AI Agent ให้ทำงานอย่างมีวินัย มีแผน มีมาตรฐาน Production จริง ไม่ใช่แค่ให้เขียนโค้ดส่งๆไป — นักพัฒนาสามารถนำไปวางใน Project ใหม่แล้วกรอกเฉพาะ Product Name, Description, Features และ Roles ที่ต้องการเท่านั้น ก็จะได้ระบบที่ออกแบบอย่างเป็นระบบตั้งแต่ต้น

Agent Browser: เมื่อ AI Agent สามารถใช้เว็บได้เหมือนมนุษย์
Agent Browser คือ Browser Automation CLI จาก Vercel Labs ที่ออกแบบมาเพื่อ AI Agent โดยเฉพาะ ช่วยให้ AI เปิดเว็บ อ่านหน้า คลิก กรอกฟอร์ม ตรวจ UI และทดสอบแอปจริงได้ ทำให้ Coding Agent เปลี่ยนจากแค่ “เขียนโค้ด” ไปเป็น “เขียน ทดสอบ แก้ และตรวจสอบผล” ได้ครบวงจรมากขึ้น

Production Blueprint Prompt: สั่ง Claude, GPT และ AI Agent ให้สร้างระบบระดับ Production
Prompt พร้อมใช้สำหรับ Claude, GPT, Codex และ Coding Agent ช่วยวาง Design, Screen, Task, AGENTS.md และ Workflow ก่อนเขียนโค้ด ลดปัญหา AI ทำงานหลุด Design และช่วยให้ Project พร้อมใช้งานจริงระดับ Production

ResumeForge AI อัปเดตใหม่: สร้าง Resume ง่ายขึ้น และค้นหางานที่เหมาะกับคุณได้ในที่เดียว
ResumeForge AI อัปเดต UI ใหม่ให้สร้าง Resume ได้ง่ายขึ้น พร้อมฟีเจอร์หางานสำหรับสมาชิก Pro ที่ใช้ AI วิเคราะห์ Resume และค้นหาประกาศงานจริงจากหลายแพลตฟอร์ม

Vercel คืออะไร ?
Vercel คือแพลตฟอร์ม Deploy และ Hosting ที่ช่วยให้นักพัฒนาสามารถนำเว็บไซต์ขึ้นออนไลน์ได้อย่างรวดเร็ว ปลอดภัย และใช้งานง่าย รองรับ Framework ยอดนิยมหลายตัว พร้อมระบบ Build และ Deploy อัตโนมัติ รวมถึง Edge Network ที่ช่วยให้เว็บไซต์โหลดได้รวดเร็วทั่วโลก

AI Agent Skills คืออะไร?
AI Agent Skills คือโมดูลความรู้เฉพาะทางที่ช่วยให้ AI Agent ทำงานตามขั้นตอนและ best practices ได้อย่างสม่ำเสมอ ลดการต้องเขียน prompt ซ้ำ ๆ ส่วน Skills.sh เป็นแพลตฟอร์มสำหรับค้นหา ติดตั้ง และแชร์ Skills เหล่านี้ ทำหน้าที่คล้าย npm แต่สำหรับ AI Agent โดยเฉพาะ

แจก Template Next.js 14 + TypeScript + Tailwind CSS + shadcn/ui Starter Kit
เริ่มต้นโปรเจกต์ Next.js ได้เร็วขึ้นด้วย Starter Template สุดแจ่ม! มาพร้อม TypeScript, Tailwind CSS, shadcn/ui, Dark Mode, SEO ครบครัน และ Developer Experience ดีเยี่ยม พร้อมใช้งานทันที!

Kilo Code: AI Coding Agent ตัวท็อปสำหรับ VS Code (2025)
รีวิว Kilo Code - AI Coding Agent แบบ Open Source ที่รวมความสามารถจาก Roo Code และ Cline พร้อมรองรับ 500+ AI Models ใช้ฟรี ไม่มี vendor lock-in

แจกฟรี ระบบจัดการหอพักแบบครบวงจร 100% ฟรี ไม่มีค่าใช้จ่าย ไม่มีค่าสมัครสมาชิก
แจกฟรี

คว้าแชมป์รายการ FRONTEND TO FOUNDER HACKATHON 2025

ค่ายชมรมไอทีอาสาพัฒนาการศึกษาเพื่อเด็กและเยาวชน ปีที่12
ได้เข้าร่วมในฝ่ายวิชาการและเป็นตัวแทนฝ่ายสอนคอมพิวเตอร์ให้น้องๆนักเรียน