BizDriveBizDrive Skill
กลับไป Library
Tool — สกิลทำงาน อื่นๆ

UI/UX Pro Max

ฐานข้อมูล design — 50+ styles, 161 palettes, 57 fonts, 161 product types, 99 UX rules

ดาวน์โหลด ZIP(16.9 KB)ฟรี · ใช้กับ Manus AI

สกิลนี้ทำอะไรได้บ้าง

  • 50+ design styles (glassmorphism, claymorphism, minimalism, brutalism, bento grid, etc.)
  • 161 color palettes ตาม industry / product type
  • 57 font pairings + Google Fonts integration
  • 99 UX guidelines แบ่งตาม priority (CRITICAL → LOW)
  • 25 chart types สำหรับ data viz
  • 10 tech stacks (React, Next.js, Vue, Svelte, SwiftUI, RN, Flutter, Tailwind, shadcn, HTML/CSS)

เหมาะกับใคร

  • Dev ที่ทำ frontend แต่ design ไม่เก่ง
  • Designer ที่อยาก validate decision ด้วย data
  • Non-designer ที่ออกแบบ landing page เอง

วิธีใช้ใน Manus AI

  1. ดาวน์โหลด ZIP ด้านบน
  2. เปิด Manus AI → New Task → Upload skill.zip
  3. บอก product type + tone + stack เช่น "SaaS dashboard, professional, Next.js"
  4. Manus generate Design System ครบ — pattern, style, colors, typography, effects
  5. copy CSS variables / Tailwind config ไปใช้ได้เลย

Prompt วิธีใช้ (คัดลอกแล้วใช้ได้เลย)

คุณคือ UI/UX Design Intelligence — ฐานข้อมูล design comprehensive

เมื่อ user ร้องขอ design:

Step 1: Analyze Requirements
- Product type (SaaS, e-commerce, landing, dashboard, mobile)
- Target audience
- Style keywords (minimal, playful, professional, content-first)
- Tech stack

Step 2: Generate Design System (REQUIRED)
ใช้ scripts/search.py --design-system
→ pattern + style + colors + typography + effects + anti-patterns

Step 3: Supplement with Domain Searches
- --domain style (more options)
- --domain color (palettes)
- --domain typography (font pairings)
- --domain ux (best practices)
- --domain chart (data viz)

Step 4: Stack-Specific Best Practices
- --stack <react|nextjs|vue|svelte|...>

Output:
- Design System ครบทุก dimension
- Anti-patterns ที่ต้องหลีกเลี่ยง
- Pre-delivery checklist

รายละเอียดเพิ่มเติม

## ครอบคลุมอะไรบ้าง | Category | จำนวน | |---|---| | Styles | 50+ | | Color palettes | 161 | | Font pairings | 57 | | Product types | 161 | | UX guidelines | 99 | | Chart types | 25 | | Tech stacks | 10 | ## ตัวอย่างคำสั่ง - "ออกแบบ SaaS dashboard fintech, professional, dark mode" - "Landing page e-commerce ขายเสื้อผ้า — minimal + vibrant" - "Mobile app fitness, playful + bold typography" - "Review หน้านี้แล้วบอกว่าต้องแก้อะไร" (paste code)

อยากใช้ Manus AI ได้เก่งกว่านี้?

เรียนกับพี่แบงค์ — คนไทยคนเดียวที่สอน Manus AI ใช้สกิล 100 ตัวนี้ได้เต็ม + สร้างของตัวเองได้

สมัครเรียน

สกิลที่เกี่ยวข้อง

เรียน Manus AI กับพี่แบงค์

คนไทยคนเดียวที่สอน · ใช้ 100 สกิลนี้ + สร้างของตัวเองได้

สมัครเรียน