นัทนัท

🧵 Thread รวมผลงานของนัทเอง ภาคภาษาไทย [E-book] คู่มืออาชีพ UX/UI Designer อ่าน Sample ฟรี~ mebmarket.com/ebook-277852-%…

Expect now supports Cursor, Gemini CLI, and Copilot!

Someone finally documented how to actually use Claude Code. 22K+ stars. claude-code-best-practice. Direct from Boris Cherny and team: → Always use plan mode, give Claude a way to verify → Ask Claude to interview you using AskUserQuestion tool → Use Git Worktrees for parallel development → /loop - schedule recurring tasks for up to 3 days → Code Review - fresh context windows catch bugs the original agent missed → /btw - side chain conversations while Claude works → Make phase-wise gated plans with tests for each phase → Use cross-model (Claude Code + Codex) to review your plan → CLAUDE[.]md should target under 200 lines per file → Use commands for workflows instead of sub-agents → Have feature-specific sub-agents with skills instead of general QA or backend engineer → Vanilla Claude Code is better than complex workflows for smaller tasks → Take screenshots and share with Claude when stuck → Use MCP to let Claude see Chrome console logs → Ask Claude to run terminal as background task for better debugging → Use cross-model for QA - e.g. Codex for plan and implementation review The community workflows included: → Cross-Model (Claude Code + Codex) Workflow → RPI (Research Plan Implement) → Ralph Wiggum Loop for autonomous tasks → Github Speckit (74K stars) → obra/superpowers (72K stars) → OpenSpec OPSX (28K stars) The billion-dollar questions it addresses: → What should you put inside CLAUDE[.]md? → When should you use command vs agent vs skill? → Why does Claude ignore CLAUDE[.]md instructions? → Can we convert a codebase into specs and regenerate code from those specs alone? The daily habits: → Update Claude Code daily → Start your day by reading the changelog → Follow r/ClaudeAI, r/ClaudeCode on Reddit Repost it. Bookmark it.

พอเข้าใจข้อจำกัดของ AI Code Editor แบบนี้แล้ว เราก็เลยเข้าใจว่าทำไมถึงต้องทำ MCP ไว้บน Design System ของเราเอง เพราะในองค์กรเรามีหลายคนที่ไม่ได้ใช้ Code Editor ตัวเดียวกัน แปลว่าผลลัพธ์การดึง Design System ไปใช้ผ่าน AI มันเลยได้ไม่เท่ากัน ต่อให้ใช้ Skills หรือ Rules เหมือนกันก็ตาม เมื่อผลลัพธ์ไม่เท่ากัน งานที่ออกมาก็ไม่เท่ากันตามไปด้วย การมี custom MCP (ที่รวมข้อมูล design system ของเรา) แก้ปัญหานี้ได้เพราะมันย้าย "source of truth" ออกจาก Editor มาอยู่ที่ server กลางแทน ทุกคนไม่ว่าจะใช้ Cursor, Claude Code หรือ Windsurf ก็ดึงข้อมูลจากที่เดียวกัน ผลลัพธ์เลยสม่ำเสมอขึ้นค่ะ ในระยะสั้นนี้ MCP จึงยังเป็นทางออกที่ตรงจุดที่สุด และในอนาคต ถ้า Code Editor เก่งขึ้น และ Context Memory ของ AI เพิ่มขึ้นมากพอ การดึง Design System ไปใช้ก็น่าจะฉลาดขึ้นตามไปด้วย อาจถึงจุดที่ไม่ต้องสร้าง tool มาต่อเพิ่มเติมอีกต่อไปก็ได้ค่ะ

เผื่อมีประโยชน์ ไว้อ่านเล่น ฮี่ๆ

นั่งเขียนเองวันนี้

ตื่นเต้น รอสอนวันวันอาทิตย์ กับวันอังคาร เดี๋ยวเรามาเรียนวิธีใช้ AI และ Figma กัน หรือจะไปใช้กับอย่างอื่นก็ได้ ไม่ยากละ ที่เหลือในอนาคตหัดเพิ่มอีกนิดนึง แปลว่าต่อไปถ้ามีอะไรออกมาใหม่ เราจะต่อจุดไวมาก ติดจรวดกันไปเลย ปรู๊ดดดด

is the final success metric for design just being a really great product manager? thoughts on the recent @lennysan’s data

เอ๊า น่ากลัว กำลังคิดจะไปเลยวันนี้ เพราะอยู่โตเกียว ดีที่เพลีย นอนพักก่อน 😭

Stay ahead Today we're announcing Paper Snapshot Snapshot your live website and paste it into Paper as editable layers • start from your real site • no more screenshots • uses real html/css What will you make? Link in replies 🎶

This Figma MCP update is honestly insane. You can now use Claude Code to design directly in Figma with FULL context of your design system. Claude knows your components, spacing, colors. Everything. This is going to 10x how fast we ship UI.

Cursor can now create new components and frontends in Figma using your team's design system.

Now you can use AI agents to design directly on the Figma canvas, with our new use_figma MCP tool and skills to teach them. Open beta starts today.

ซิดนีย์ต้องเข้าแล้วนะคะ รอนานไม่ได้

Most Claude Code setups fail before the first prompt. Not because of skill — because there’s no structure. No CLAUDE.md No skills No hooks No agents No workspace memory So Claude keeps guessing. And you keep re-explaining. Power users don’t rely on prompts. They build an environment Claude can think inside. This kind of setup turns Claude from: “help me write this” into “ship this entire feature.” If you're serious about Claude Code, save this. You’ll want it when your workflow starts breaking.

If you’re using Claude Code, bookmark this repo 👀 It upgrades Claude into a full multi-agent tech department (Architect, QA, Planner) powered by 30+ custom commands. The repo has 85K+ ⭐ on GitHub, and it’s obvious why. The author used this exact setup to build and ship a complete product in just 8 hours at an Anthropic hackathon (btw, he won it!) The real gold is in the architecture: → Memory: Saves project context so the AI picks up where you left off → Learning: Turns your coding patterns into reusable skills → Teamwork: Uses sub-agents to bypass context limits → Cost saving: Slims prompts to reduce API spend → Testing: Verifies its own code before finalizing → Speed: Runs multiple agents in parallel via git worktrees If you want to stop 'vibe coding' and start building with discipline, this is worth your time. 100% Free and open-source. Link to the repo in 🧵↓

Introducing HeroUI v3 🔥 A complete rewrite for React. A brand-new library for React Native. 🌐 Web → 75+ components, 21 new 📱 Native → 37+ components, built from scratch 🎨 Styling → Tailwind CSS v4, CSS variables, OKLCH, BEM ⚡ Performance → CSS animations, no JS runtime ♿ Accessibility → React Aria Components 🧩 Architecture → Compound components, headless-ready 🤖 AI → MCP Server, Agent Skills, LLMs.txt 📎 Figma Kit v3 with 1:1 component parity One design system. Beautiful everywhere.

Claude Code on desktop lets you select DOM elements directly, much easier than describing which component you want updated! Claude gets the tag, classes, key styles, surrounding HTML, and a cropped screenshot. React apps also get the source file, component name and props