Hoàng Ngọc Quang Anh Thủ thuật máy tính, Windows & phần mềm
EN

ui-ux-pro-max-skill

Cập nhật 38 lượt xem
ui-ux-pro-max-skill
Chia sẻ:FacebookTelegramZalo
⚡ Cài đặt nhanh — copy & dán
Cách 1 — Claude Code (khuyên dùng)
Bước 1 — dán vào chat, Enter
/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
Bước 2 — dán vào chat, Enter
/plugin install ui-ux-pro-max@ui-ux-pro-max-skill
Dùng cho người mới: mở Claude Code → dán dòng trên vào khung chat (không phải Terminal) → nhấn Enter. Xong là AI dùng được.
Cách 2 — cho Cursor / Windsurf / Codex…
npm install -g ui-ux-pro-max-cli
Dùng cho người mới: Windows: mở CMD (bấm Start → gõ cmd → Enter), KHÔNG dùng PowerShell (PowerShell chặn npx.ps1 bởi ExecutionPolicy → lỗi) · macOS/Linux: mở Terminal.
🗑️ Cách gỡ cài (theo README)
README của repo không ghi cách gỡ. Xem README/GitHub của repo để biết cách gỡ chính xác.

▶️ Tóm tắt cách dùng

  • Cài (Claude Code): /plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill rồi /plugin install ui-ux-pro-max@ui-ux-pro-max-skill
  • Dùng: uipro versions # List available versions
  • Check if Python is installed: python3 --version
  • The skill activates automatically when you request UI/UX work. Just chat naturally: Build a landing page for my SaaS product
  • Use the slash command to invoke the skill: /ui-ux-pro-max Build a landing page for my SaaS product
  • Apply a theme to an existing app: Use the ui-ux-pro-max skill to retheme my existing React app.

🇬🇧 Read in English

ui-ux-pro-max-skill — Skill AI cung cấp kiến thức thiết kế để dựng giao diện UI/UX chuyên nghiệp trên nhiều nền tảng.

ui-ux-pro-max-skill là gì?

ui-ux-pro-max-skill là một skill (kỹ năng cho AI như Claude, Codex, Cursor) trên GitHub (nextlevelbuilder/ui-ux-pro-max-skill). Skill AI cung cấp kiến thức thiết kế để dựng giao diện UI/UX chuyên nghiệp trên nhiều nền tảng.

ui-ux-pro-max-skill làm được gì?

  • Mẫu đề xuất: bố cục trang đích (landing page)
  • Ưu tiên phong cách: các kiểu giao diện phù hợp nhất
  • Tông màu: bảng màu hợp với từng ngành
  • Tông chữ: chọn phông hợp với cá tính thương hiệu
  • Hiệu ứng chính: chuyển động và tương tác
  • Điều nên tránh: những gì KHÔNG nên làm (vd: "dải màu tím/hồng kiểu AI" cho ngân hàng)

Cách cài đặt ui-ux-pro-max-skill

Xem phần ⚡ Cài đặt nhanh ở đầu trang — có lệnh copy sẵn đúng theo README của tác giả, kèm hướng dẫn chạy ở đâu. Hướng dẫn đầy đủ xem phần README cuối trang.

Câu hỏi thường gặp về ui-ux-pro-max-skill

ui-ux-pro-max-skill có miễn phí không?

Có. ui-ux-pro-max-skill là dự án mã nguồn mở trên GitHub, bạn tải về và dùng miễn phí.

Cài ui-ux-pro-max-skill có khó không?

Không. Bạn chỉ cần chạy một lệnh ở trên là xong.

Tải về & mã nguồn

Mã nguồn, README và bản cập nhật mới nhất của ui-ux-pro-max-skill có tại github.com/nextlevelbuilder/ui-ux-pro-max-skill. Số sao và ngày cập nhật trên trang này tự đồng bộ từ GitHub.

📖 Hướng dẫn đầy đủ

🌐 Dịch sang tiếng Việt (Google):

Đang tải hướng dẫn…

🔗 Repo liên quan

theme-factoryBộ công cụ gắn giao diện (theme) cho sản phẩm — slide, tài liệu, báo cáo, landing page HT…web-artifacts-builderBộ công cụ dựng artifact HTML phức tạp, nhiều thành phần cho claude.ai bằng công nghệ web…algorithmic-artTạo nghệ thuật thuật toán (generative art) bằng p5.js với ngẫu nhiên có seed và tham số t…brand-guidelinesÁp dụng màu sắc và kiểu chữ thương hiệu chính thức của Anthropic cho bất kỳ sản phẩm nào …canvas-designTạo tác phẩm hình ảnh đẹp dưới dạng .png và .pdf theo tư duy thiết kế — poster, artwork, …frontend-designHướng dẫn thiết kế giao diện có gu và khác biệt khi dựng UI mới hoặc làm lại UI cũ — định…
Có thắc mắc? Vào nhóm hỏi ngayNhóm Facebook Cộng Đồng Công Nghệ: hỏi đáp miễn phí mọi chủ đề, có người trả lời.Tham gia nhóm →

Chia sẻ thủ thuật máy tính, Windows và phần mềm. Có thắc mắc, bạn cứ để lại bình luận bên dưới nhé.