UI/UX Pro Max
Thiết kế UI/UX đẳng cấp thế giới với thư viện phong cách khổng lồ — 50 styles, 21 palettes, 9 stacks.
Kỹ Năng Này Làm Gì
Skill ckm:ui-ux-pro-max là bộ công cụ thiết kế toàn diện nhất trong ClaudeKit. Cung cấp 50 phong cách thiết kế (từ Glassmorphism đến Brutalism), 21 bảng màu được chọn lọc và 9 tech stack để tạo ra giao diện chuyên nghiệp.
Bắt Đầu Nhanh
/ckm:ui-ux-pro-maxHoặc chỉ định phong cách:
/ckm:ui-ux-pro-max Thiết kế dashboard analytics theo phong cách Glassmorphism, dark mode50 Phong Cách Thiết Kế
Hiện Đại:
- Glassmorphism, Neumorphism, Claymorphism
- Minimalism, Flat Design, Material Design
- Brutalism, Swiss/International Style
Theo Ngành:
- SaaS Dashboard, E-commerce, Portfolio
- Landing Page, Mobile App, Admin Panel
Theo Mood:
- Corporate, Playful, Luxury, Tech/Futuristic
- Nature-inspired, Retro/Vintage, Cyberpunk
21 Bảng Màu
| Nhóm | Bảng Màu |
|---|---|
| Dark | One Dark, Dracula, Tokyo Night, Catppuccin |
| Light | Snow, Cloud, Petal |
| Branded | Ocean, Forest, Sunset, Neon |
| Neutral | Zinc, Slate, Stone |
9 Tech Stack
- Next.js + shadcn/ui (khuyến nghị cho SaaS)
- Astro + Tailwind (cho content/marketing sites)
- React + Framer Motion (cho animations)
- Vue + Vuetify | Svelte + DaisyUI
- HTML/CSS thuần | Tailwind Play CDN
Ví Dụ Sử Dụng
Landing page SaaS:
/ckm:ui-ux-pro-max Landing page cho AI writing tool — phong cách Tech/Futuristic, bảng màu Neon Dark, stack Next.jsDashboard:
/ckm:ui-ux-pro-max Analytics dashboard — Glassmorphism, Tokyo Night palette, shadcn/ui componentsE-commerce:
/ckm:ui-ux-pro-max Product listing page — Minimal Luxury style, Snow palette, Framer Motion animationsQuy Trình Thiết Kế
- Briefing: Xác định mục tiêu, đối tượng và constraints
- Style selection: Chọn phong cách, palette và stack
- Wireframe: Layout và information hierarchy
- Visual design: Áp dụng colors, typography, spacing
- Component code: Production-ready implementation
- Review: Kiểm tra accessibility và responsive