TypeUI: ให้ AI coding tool มี "ดีไซน์เซนส์" แทนที่จะสุ่มเดา UI เอง

## เทียบเคียง: UI UX Pro Max Skill (แนวทางแบบ open-source/ฟรี) เว็บ: https://ui-ux-pro-max-skill.nextlevelbuilder.io/ (repo: `nextlevelbuilder/ui-ux-pro-max-skill`) เป็นอีกตัวที่แก้ปัญหาเดียวกับ TypeUI คือทำให้ AI coding agent มี "ดีไซน์เซนส์" แต่เดินคนละแนวทาง — เป็น **skill แบบ open-source ที่ติดตั้งฟรี** ไม่ใช่บริการ subscription ### จุดเด่น - ติดตั้งผ่าน npm (`ui-ux-pro-max-cli`) แล้วรันคำสั่ง `uipro init --ai <tool>` ได้เลย รองรับเครื่องมือเยอะมาก ทั้ง Claude Code, Cursor, Windsurf, Antigravity, Codex CLI, Gemini CLI, OpenCode, GitHub Copilot, Trae, Warp ฯลฯ - เป็นฐานข้อมูลค้นหาได้ (BM25 + regex hybrid search) ครอบคลุม **50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, 25 chart types** และรองรับ 10+ tech stack (React, Next.js, Vue, Svelte, SwiftUI, Flutter, shadcn/ui, HTML+Tailwind ฯลฯ) - มี **Design System Generator** — ป้อน query เกี่ยวกับ product แล้วให้ reasoning engine สร้างระบบดีไซน์ทั้งชุด (pattern, สี, ฟอนต์, layout) พร้อมมี dial ปรับ `--variance`, `--motion`, `--density` เพื่อคุมความจัดจ้าน/เคลื่อนไหว/ความแน่นของ UI - มี pre-delivery checklist ตรวจ anti-pattern ด้าน UX/accessibility เช่น contrast ratio, touch target ขนาด, dark mode, responsive breakpoint ### ต่างจาก TypeUI ตรงไหน | | TypeUI | UI UX Pro Max Skill | |---|---|---| | โมเดลราคา | Subscription $30/เดือน | ฟรี, open-source | | รูปแบบ | Curated design skill + MCP server + brand kit generator | Local skill/CLI + searchable data + reasoning engine | | จุดเน้น | ระบบดีไซน์ที่คิวเรตจากทีม Flowbite, brand consistency | ฐานข้อมูลกว้าง ครอบคลุมหลาย stack + UX audit/checklist | | การติดตั้ง | เชื่อมผ่าน MCP/Discord/บัญชี | รันคำสั่ง npm ในเครื่องได้เลย ไม่ต้องสมัครบัญชี | สรุปสั้น ๆ ถ้าไม่อยากจ่ายรายเดือนและโอเคกับการ setup เอง `ui-ux-pro-max-skill` เป็นทางเลือกฟรีที่ครอบคลุมไม่แพ้กัน โดยเฉพาะจุดแข็งเรื่อง UX checklist/accessibility ที่ละเอียดกว่า ส่วน TypeUI จะได้ความสบายของ MCP integration และดีไซน์ที่ผ่านการคิวเรตจากทีมมืออาชีพมาแล้ว