ckm:ui-styling
bởi nextlevelbuilder
Tạo giao diện người dùng đẹp, dễ tiếp cận với các thành phần shadcn/ui (xây dựng trên Radix UI + Tailwind), kiểu dáng tiện ích ưu tiên của Tailwind CSS, và thiết kế trực quan dựa trên canvas. Sử dụng khi xây dựng giao diện người dùng, triển khai hệ thống thiết kế, tạo bố cục đáp ứng, thêm các thành phần dễ tiếp cận (hộp thoại, menu thả xuống, biểu mẫu, bảng), tùy chỉnh chủ đề và màu sắc, triển khai chế độ tối, tạo thiết kế trực quan và áp phích, hoặc thiết lập các mẫu kiểu dáng nhất quán trên các ứng dụng.
npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill ckm:ui-stylingThêm skills từ nextlevelbuilder
ui-ux-pro-max
nextlevelbuilder
Trí tuệ thiết kế UI/UX cho web và di động. Bao gồm 50+ phong cách, 161 bảng màu, 57 cặp phông chữ, 161 loại sản phẩm, 99 hướng dẫn UX và 25 loại biểu đồ trên 10 stack (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui và HTML/CSS). Hành động: lên kế hoạch, xây dựng, tạo, thiết kế, triển khai, xem xét, sửa lỗi, cải thiện, tối ưu hóa, nâng cao, tái cấu trúc và kiểm tra mã UI/UX. Dự án: website, trang đích, bảng điều khiển, bảng quản trị, thương mại điện tử, SaaS, portfolio, blog và
designdevelopmentcreative
ckm:design-system
nextlevelbuilder
Kiến trúc token, thông số kỹ thuật thành phần và tạo slide. Token ba lớp (nguyên thủy→ngữ nghĩa→thành phần), biến CSS, thang đo khoảng cách/kiểu chữ, thông số thành phần, tạo slide chiến lược. Sử dụng cho token thiết kế, thiết kế hệ thống, bài thuyết trình tuân thủ thương hiệu.
designdevelopmentcreative
ckm:design
nextlevelbuilder
Kỹ năng thiết kế toàn diện: nhận diện thương hiệu, design token, tạo kiểu giao diện, tạo logo (55 phong cách, Gemini AI), chương trình nhận diện doanh nghiệp (50 sản phẩm bàn giao, mô phỏng CIP), thuyết trình HTML (Chart.js), thiết kế banner (22 phong cách, mạng xã hội/quảng cáo/web/in ấn), thiết kế biểu tượng (15 phong cách, SVG, Gemini 3.1 Pro), ảnh mạng xã hội (HTML→ảnh chụp màn hình, đa nền tảng). Hành động: thiết kế logo, tạo CIP, tạo mô phỏng, xây dựng slide, thiết kế banner, tạo biểu tượng, tạo ảnh mạng xã hội
designcreativemedia
ckm:brand
nextlevelbuilder
Giọng điệu thương hiệu, nhận diện hình ảnh, khung truyền thông, quản lý tài sản, tính nhất quán thương hiệu. Kích hoạt cho nội dung có thương hiệu, giọng điệu, tài sản tiếp thị, tuân thủ thương hiệu, hướng dẫn phong cách.
designmarketingcreative
ckm:slides
nextlevelbuilder
Tạo bài thuyết trình HTML chiến lược với Chart.js, token thiết kế, bố cục đáp ứng, công thức copywriting và chiến lược slide theo ngữ cảnh.
designcreative
ckm:banner-design
nextlevelbuilder
Thiết kế banner cho mạng xã hội, quảng cáo, hero trang web, tài sản sáng tạo và ấn phẩm in ấn. Nhiều tùy chọn định hướng nghệ thuật với hình ảnh do AI tạo. Hành động: thiết kế, tạo, sinh banner. Nền tảng: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, hero trang web, in ấn. Phong cách: tối giản, gradient, kiểu chữ đậm, dựa trên ảnh, minh họa, hình học, retro, glassmorphism, 3D, neon, duotone, biên tập, collage. Sử dụng các kỹ năng ui-ux-pro-max, frontend-design, ai-artist, ai-multimodal.
designcreativemarketing
design-system
nextlevelbuilder
Kiến trúc token, thông số kỹ thuật thành phần và tạo slide. Token ba lớp (nguyên thủy→ngữ nghĩa→thành phần), biến CSS, tỷ lệ khoảng cách/kiểu chữ, thông số kỹ thuật thành phần, tạo slide chiến lược. Sử dụng cho token thiết kế, thiết kế hệ thống, bài thuyết trình tuân thủ thương hiệu.
designdevelopmentcreative
banner-design
nextlevelbuilder
Thiết kế banner cho mạng xã hội, quảng cáo, hero website, tài sản sáng tạo và ấn phẩm in ấn. Nhiều tùy chọn định hướng nghệ thuật với hình ảnh do AI tạo. Hành động: thiết kế, tạo, sinh banner. Nền tảng: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, hero website, in ấn. Phong cách: tối giản, gradient, kiểu chữ đậm, dựa trên ảnh, minh họa, hình học, retro, glassmorphism, 3D, neon, duotone, biên tập, collage. Sử dụng các kỹ năng ui-ux-pro-max, frontend-design, ai-artist, ai-multimodal.