Blog
How GEIST is built, and what we learned building it.
AGENTS.md คืออะไร? ไฟล์เดียวคุม AI ทุกตัว ต่างจาก CLAUDE.md ยังไง
AGENTS.md คือไฟล์ข้อความธรรมดาในโฟลเดอร์งานที่ทำหน้าที่บอกให้ AI รู้ว่าโปรเจกต์ของคุณทำงานอย่างไร โดยไม่มีรูปแบบบังคับ แต่จุดที่ต้องระวังคือ Claude Code ไม่อ่านไฟล์นี้โดยตรง และ Gemini CLI ก็ไม่ได้อ่านเป็นค่าเริ่มต้นเช่นกัน
Hyperframes คืออะไร? สอน AI Agent สร้างวิดีโอจาก HTML ฉบับคนไม่เขียนโค้ด
สรุปสั้นๆ (TL;DR): Hyperframes คือ Open Source จาก HeyGen ที่เปลี่ยนหน้าเว็บเป็นวิดีโอฟรี ให้ AI Agent เขียนโค้ดและทำคลิปแทนเรา สั่งงานง่าย ไม่ต้องเขียนโค้ด
Taste Skill: เคล็ดลับทำให้ AI กลายเป็น Designer ที่มีรสนิยม
Taste Skill คือสกิล open-source ที่บังคับ AI ให้ออกแบบเว็บอย่างมีขั้นตอน หลุดจากงานโคลน AI Slop พร้อมผลเทียบก่อนหลัง วิธีติดตั้ง และรายการสกิล
Agent Skills คืออะไร? ฉบับเข้าใจง่าย พร้อมตัวอย่างการใช้งาน
ทำความรู้จัก Agent Skills และ Claude Skills คืออะไร? ต่างจาก MCP อย่างไร พร้อมสอนวิธีติดตั้งผ่านหน้าเว็บ Claude.ai และการใช้ skills.sh ฉบับจับมือทำ คนไม่เขียนโค้ดก็ใช้งานได้ทันที
รู้จัก Claude Cowork Plugin /eli5: สกิลช่วยเปลี่ยนเรื่องยากเป็น UI สวยๆ ช่วยให้เข้าใจเนื้อหาได้ง่ายขึ้น
หมดปัญหา AI พ่นข้อความยาวเหยียด! สรุปวิธีติดตั้งและใช้สกิล /eli5 ผ่าน Claude Plugin Marketplace เปลี่ยนเนื้อหาที่ซับซ้อนให้กลายเป็น UI อ่านจบแล้วเข้าใจได้ทันที โดยไม่ต้องเขียนโค้ด
Design.md คืออะไร? เขียนแค่ครั้งเดียว คุม AI ออกแบบเว็บ ให้สวยเป๊ะ ไม่หลุด Mood & Tone
Design.md คือไฟล์ข้อความไฟล์เดียวที่เก็บ design system ทั้งระบบ ทั้งสี ตัวอักษร และระยะห่าง ให้เครื่องมือ AI ทุกตัวอ่านตรงกัน และดึงออกมาจาก Figma ได้ แต่ไฟล์จริงสามไฟล์ที่เราเปิดดู ไม่มีไฟล์ไหนเลยที่มีส่วนซึ่ง AI ใช้เป็นค่าจริงได้
หยุดให้ AI “เดาใจ”: วิธีใช้ Grill Me สั่งงานให้ได้ของตรงปกตั้งแต่รอบแรก
Grill Me คือสกิลที่ให้ AI สัมภาษณ์เราเป็นรอบ ๆ จนเข้าใจตรงกันก่อนลงมือเขียนโค้ด บทความนี้อธิบายหลักที่ผู้เขียนใช้ออกแบบมัน คือการแยก "ข้อเท็จจริง" ที่ AI ไปหาเอง ออกจาก "การตัดสินใจ" ที่ต้องเป็นของเรา
หมดปัญหา AI ตอบยาวอ่านยาก! เทคนิควิธีใช้ Claude Cowork สร้าง HTML ช่วยให้อ่านได้ง่ายขึ้น
เติมประโยคเดียวท้าย prompt แล้วเปลี่ยนคำตอบยาว ๆ ในแชทให้เป็นไฟล์ HTML ที่ดับเบิลคลิกเปิดในเบราว์เซอร์แล้วอ่านจบจริง บทความนี้มี prompt ให้ก๊อปไปวางได้ทันที
Hallmark Skill คืออะไร? ทริคใช้ AI สร้าง UI ให้สวยขึ้น
TL;DR: Hallmark คือ Skill ที่สร้างกรอบความคิดให้ AI Agent สำหรับการดีไซน์ ทำงานได้ 4 โหมด (build, audit, redesign, study) แต่ถ้าโปรเจกต์ของคุณมี Design System อยู่แล้ว มันจะไม่แตะเรื่องการใช้สีและฟอนต์ แล้วไปเน้นการปรับ โครงสร้าง Layout แทน