Screenshot to Code (screenshottocode.com) คือเครื่องมือ AI ที่แปลงภาพหน้าจอ, วิดีโอของ UI, หรือคำบรรยายข้อความ ให้กลายเป็นโค้ดพร้อมใช้งานจริง ช่วยสร้าง UI ได้เร็วขึ้น 10 เท่า เป็น open source เต็มรูปแบบภายใต้ MIT license จุดเด่นของเว็บ - Video to Code - อัดวิดีโอหน้าจอที่โชว์ interaction ของเ

Same Energy คืออะไร เป็น visual search engine ใช้ AI/deep learning (โมเดลแบบเดียวกับ CLIP ของ OpenAI) ค้นหารูปที่มี style และ mood คล้ายกัน ไม่ได้ match จาก tag หรือ metadata แบบ search engine ทั่วไป Features หลัก 1. Search bar - พิมพ์ keyword หรือ paste รูปเข้าไปเพื่อหารูปที่ style ใกล้เคีย

📄 UX.md คือไฟล์ที่เปลี่ยน UX Knowledge ให้เป็น AI Context เพื่อให้ AI Agent สร้าง UI ที่ตรงกับผู้ใช้จริง แทนที่จะให้ AI เดาแล้วค่อย Refactor ทีหลัง แอดอ่านเจอแนวคิดนี้จากบทความของ NN/g และคิดว่าสำคัญมากสำหรับทีมที่ใช้ AI Agent ทำ Frontend ถ้า DESIGN.md คือ Source of Truth ของ Visual Rules, De

Figma เปิดตัว AI Skills Library บน Figma Community 🤖✨ Figma เพิ่มฟีเจอร์ใหม่ชื่อ AI Skills Library เข้ามาใน Figma Community เป็นคลังรวม "สกิล" หรือชุดคำสั่งสำเร็จรูปสำหรับ Figma Agent ที่ใครก็ทำขึ้นมาแล้วแชร์ให้คนอื่นโหลดไปใช้ต่อได้ฟรี 📌 คืออะไร สกิลคือไฟล์คำสั่ง (.md) ที่รวมขั้นตอน

🚀 เปิดรับสมัคร The AI Era for UX/UI รุ่นแรกแล้ว! เปลี่ยน Workflow งาน UX/UI ให้ทำงานร่วมกับ AI Agents ได้จริง ตั้งแต่ต้นน้ำจนถึง Handoff เคยเจอปัญหาเหล่านี้ไหม? ข้อมูลกระจัดกระจายใน Meeting Notes, Requirements, Jira, Notion และ Feedback จากผู้ใช้ กว่าจะรวมเป็น PRD ก็ใช้เวลานาน พอเริ่มออ

🚀 เปิดรับสมัคร The AI Era for UX/UI รุ่นแรกแล้ว! เปลี่ยน Workflow งาน UX/UI ให้ทำงานร่วมกับ AI Agents ได้จริง ตั้งแต่ต้นน้ำจนถึง Handoff เคยเจอปัญหาเหล่านี้ไหม? ข้อมูลกระจัดกระจายใน Meeting Notes, Requirements, Jira, Notion และ Feedback จากผู้ใช้ กว่าจะรวมเป็น PRD ก็ใช้เวลานาน พอเริ่มออ

🎬 Raylight คือเครื่องมือสร้างวิดีโอโปรโมทสินค้า (Product Motion Graphic Video) ที่ทำงานผ่านเบราว์เซอร์ล้วนๆ ไม่ต้องใช้ After Effects ✨ จุดเด่นที่ทำให้ต่างจากเครื่องมือทั่วไป 🎨 Design แบบเครื่องมือที่ Designer คุ้นเคย - วางภาพหน้าจอสินค้า ข้อความ รูปทรง - Snap / Align / Group ได้แม่นยำ - รอ

🚀 UIDrop คืออะไร? มาอีกแล้ว! เครื่องมือสาย Design System ตัวใหม่ที่น่าสนใจ ชื่อ UIDrop เป็น Chrome Extension ฟรี ที่ช่วยดึง Design System ของเว็บไซต์ไหนก็ได้ออกมาแบบคลิกเดียว แล้วส่งข้อมูลเข้า AI อย่าง ChatGPT, Claude, Gemini, Cursor, Lovable หรือ Manus เพื่อให้ AI สร้าง UI ได้ใกล้เคียงต้นฉบับมากข

🚀 Hallmark คืออะไร? Design Skill ที่ช่วยให้งานจาก AI ไม่ดูเหมือน AI สร้าง ทุกวันนี้ AI Coding Agent อย่าง Claude Code, Cursor และ Codex สามารถสร้าง Landing Page หรือ UI ได้ภายในไม่กี่นาที แต่หลายคนน่าจะเคยเจอปัญหาเดียวกัน... 😅 ไม่ว่าจะเปลี่ยน Prompt กี่รอบ ผลลัพธ์ก็ยัง "หน้าตาคล้ายเดิม

🔍 Woblo คือ Chrome Extension สำหรับแกะดีไซน์ ดึง Assets และดาวน์โหลดหน้าเว็บไซต์ โดยไม่ต้องเปิด DevTools เคยเจอเว็บไซต์สวยๆ แล้วอยากรู้ไหมว่า... - ใช้สีอะไร? - ใช้ฟอนต์ไหน? - Spacing เท่าไร? - รูปหรือไอคอนดาวน์โหลดจากตรงไหน? - สามารถเก็บหน้าเว็บไว้ดูแบบ Offline ได้หรือไม่? Woblo รวมเคร

ExplainGitHub คือเครื่องมือ AI ที่ช่วยให้เราเข้าใจ Codebase บน GitHub ได้เร็วขึ้น โดยเปลี่ยน Repository ให้เป็น Workspace ที่สามารถถามคำถาม อ่านรายงาน Onboarding และดู Architecture ของระบบได้ในที่เดียว 🚀 เหมาะสำหรับคนที่เพิ่งเข้า Repo ใหม่ ต้องดูแล Legacy Code หรือกำลังเตรียมแก้โค้ดครั้งแรก แต่ไ

🎯 Dembrandt คือเครื่องมือ open-source ที่ช่วย extract design tokens จาก URL ใดก็ได้ แล้วแปลงเป็น: - 📄 DESIGN.md structured brief ที่ AI agents (Codex, Claude Code, Cursor) อ่านได้ทันที - 🧩 tokens.json / W3C DTCG มาตรฐาน design tokens ที่ใช้ต่อได้ไม่มี lock-in - 📊 Brand Guide PDF เอกสารแบรน

✨ Canvas UI คือไลบรารีโอเพนซอร์สของ Component เอฟเฟกต์สาย creative ที่ทำงานแบบ html-in-canvas และ WebGL เอาไว้ใส่ motion/visual ให้ UI, hero, landing page ดูมีมิติขึ้นแบบโปร ๆ 🚀 ฟรี 100% และ framework-agnostic ไม่ล็อกเฟรมเวิร์ก จะ React, Vue, Svelte, Solid หรือ vanilla TypeScript ก็ใช้ได้หมด 🎯

👾 Vibe Island: Dynamic Island สำหรับสาย AI Coding Agents บน Mac ถ้าคุณใช้ Claude Code, Codex, Gemini CLI, Cursor หรือ AI agents หลายตัวไปพร้อมกันบน Mac… แล้วเริ่มเหนื่อยกับการสลับหน้าต่าง/สลับเทอร์มินัลไปมา 🥲 ลองดู Vibe Island แอปเล็ก ๆ แต่โหดมาก ที่เอาทุก AI agent และ ทุก terminal ไปอ

🔥 iOS & Android — มีแอปเอาไว้เช็ก AI Usage Limit จากในมือถือได้แล้ว! ใครใช้ Claude Code, Codex หรือ Cursor แล้วเจอปัญหา "quota เหลือเท่าไหร่?" แอปนี้แก้ปัญหาให้เรา โดยดึงข้อมูลมาแสดงผ่าน Widget บนหน้า Home Screen และ Lock Screen ของ iPhone ได้เลย — สวยงาม เรียบง่าย ดูปุ๊บรู้ปั๊บ

🎨 Cowart เปลี่ยน ChatGPT Codex & Workให้กลายเป็น Infinite Canvas สำหรับทำงานร่วมกับ AI ปกติเราใช้งาน Coding Agent ผ่านการพิมพ์ Prompt เขียนโค้ด และสลับไปมาระหว่างหลายเครื่องมือ แต่ Cowart เปลี่ยน Workflow นี้ใหม่ ด้วยการเพิ่ม Infinite Canvas เข้าไปใน ChatGPT Codex ทำให้เราสามารถวางไอเดีย

Mosaic desktop app เครื่องมือสำหรับพา coding agents ออกจากโลกของ “ผู้ช่วยส่วนตัว” ไปสู่ “Agent ทีมที่ทำงานร่วมกัน” 🚀 เมื่อแต่ละคนเริ่มใช้ AI coding agents ของตัวเอง 👩‍💻👨‍💻 ทำงานกันคนละตัวคนละทาง ปัญหาก็เริ่มโผล่ขึ้นมาทันที ⚠️ เพราะแต่ละ agent มี prompt ของตัวเอง มี context ของตัวเอง และมีวิธ

Maestro MCP เชื่อมต่อ AI Agent ช่วยเทส Mobile App แบบ E2E ได้แล้ว 📱🤖 ใครทำ Mobile App อยู่บ้าง? น่าจะเคยนั่งถามตัวเองว่า “เอา AI มาช่วยทำ UI Testing แทนเราได้ไหมนะ?” ตอนนี้เรามี Maestro MCP ที่จะเข้ามาช่วยให้เราทำสิ่งนั้นแล้ว Maestro MCP คืออะไร? หลายคนรู้จัก Maestro ในฐานะ Framework สำหรับท

🎁 แจกฟรี Claude Code Skills ที่ช่วยให้ Opus 4.8 ทำงานด้วยแนวคิดแบบ Fable 5 สนใจคอมเมนต์ "Fable5" ไว้ใต้โพสต์ เดี๋ยวส่งให้ครับ 👇 หลายคนที่ได้ลองใช้ Fable 5 จะรู้สึกว่ามันไม่ได้แค่ตอบเก่ง แต่มี "วินัยในการทำงาน" ที่ต่างออกไป ไม่ว่าจะเป็นการวางแผนก่อนลงมือ ตรวจสอบคำตอบของตัวเอง ห

🚀 OpenRouter MCP มาแล้ว! ตัวช่วยที่ทำให้ AI Agent ของคุณฉลาดขึ้นทันตา 🔥 แทนที่จะเดาโมเดลจากข้อมูลเก่า 6 เดือน ตอนนี้เอเจนต์สามารถ รู้ข้อมูลเรียลไทม์ ได้ทันที! MCP ทำอะไรได้บ้าง? ✨ ค้นหาโมเดลกว่า 400 ตัว พร้อมราคา ความเร็ว และ benchmark ล่าสุด ✨ แนะนำโมเดลที่ดีที่สุดตามงาน (coding, design, re