Motion

frontend-slides giúp bạn tạo HTML presentation giàu hiệu ứng chuyển động từ đầu hoặc bằng cách chuyển đổi file PowerPoint. Hãy dùng frontend-slides cho các buổi talk, pitch deck, workshop, demo nội bộ và frontend-slides cho UI Design khi bạn cần khám phá trực quan, đầu ra chạy trên trình duyệt không phụ thuộc thư viện, và bộ slide vừa khít một khung nhìn.

manim-video giúp bạn lên kế hoạch và sản xuất các video giải thích gọn gàng dựa trên Manim cho biểu đồ, quy trình làm việc, sơ đồ hệ thống, hướng dẫn sản phẩm và hình ảnh ra mắt. Hãy dùng skill manim-video khi bạn cần một phần giải thích động chính xác theo quy trình ưu tiên cảnh, chứ không phải một video kiểu nói chuyện trực diện. Skill này có các bước hướng dẫn thực tế về manim-video cho cài đặt, lập kế hoạch cảnh và render.

liquid-glass-design giúp bạn triển khai hệ thống Liquid Glass của Apple trên iOS 26 cho SwiftUI, UIKit và WidgetKit. Dùng khi cần tạo button, card, thanh công cụ, container và widget có hiệu ứng kính, kèm hướng dẫn về hình dạng, màu tint, tính tương tác và khi nào hiệu ứng này thật sự phù hợp với giao diện thực tế.

Dùng frontend-design để xây dựng các giao diện frontend khác biệt, sẵn sàng cho sản xuất, với định hướng thị giác rõ ràng. Skill frontend-design này phù hợp cho landing page, dashboard, app shell và các component mà thứ bậc nội dung, kiểu chữ, chuyển động và độ chỉn chu quan trọng không kém phần triển khai. Nó cũng bao gồm hướng dẫn cài đặt và sử dụng cho công việc UI theo hướng thiết kế trước.

Dùng design-system skill để tạo hoặc rà soát một UI system, trích xuất token từ code hiện có và kiểm tra tính nhất quán của styling trong các repo thực tế.

design-consultation là một skill design-consultation giúp biến một ý tưởng sản phẩm thô thành một hướng thiết kế hoàn chỉnh. Skill này tạo ra một nguồn sự thật DESIGN.md, bản xem trước và hướng dẫn ở cấp hệ thống cho typography, màu sắc, khoảng cách, bố cục và chuyển động. Phù hợp nhất cho các sản phẩm mới và các bề mặt UI cần một điểm khởi đầu mạch lạc.

ckm:design là skill thiết kế có cấu trúc để định tuyến và triển khai logo, mockup CIP, banner, slide và icon SVG. Bộ này có tài liệu tham chiếu thực dụng, tùy chọn dựa trên CSV và script Python cho quy trình lặp lại ổn định thay vì chỉ dựa vào prompt chung chung.

Skill interaction-design giúp các nhóm thiết kế và triển khai chuyển động UI có chủ đích, microinteraction, transition, trạng thái tải và mẫu phản hồi, kèm tài liệu tham khảo thực tế theo định hướng React và hướng dẫn áp dụng.

react-native-design là skill chuyên biệt cho các mẫu UI React Native, bao gồm styling với StyleSheet, React Navigation có kiểu dữ liệu đầy đủ và cách dùng Reanimated 3 để xây dựng màn hình đa nền tảng.

design-taste-frontend-v1 là skill taste gốc cho công việc frontend có mức tự chủ cao, được giữ nguyên để tương thích ngược chính xác. Skill này giúp tạo code UI theo hướng React/Next.js với các quyết định thẩm mỹ rõ ràng hơn, kiểm tra phụ thuộc và các rào chắn thực tế. Hãy dùng skill design-taste-frontend-v1 khi bạn cần hành vi cũ thay vì bản viết lại thử nghiệm v2.

overdrive là một GitHub skill dành cho công việc thiết kế UI tham vọng, nhấn mạnh ngữ cảnh, lập kế hoạch trước bằng đề xuất, và chất lượng tương tác vượt trội. Hãy dùng nó để cài đặt và áp dụng overdrive cho các chuyển động điện ảnh, giao diện phản hồi tốt, và trải nghiệm sản phẩm tác động mạnh.

quieter là một skill tinh chỉnh thiết kế UI giúp giảm cảm giác gắt, ồn mắt hoặc quá kích thích trong giao diện mà vẫn giữ được độ rõ ràng, thứ bậc thị giác và định hướng thương hiệu. Skill này phát huy hiệu quả nhất khi dùng sau skill cha $impeccable, đồng thời giúp nhóm xác định nguồn gây cảm giác quá tải trước khi thực hiện các điều chỉnh có mục tiêu.

polish là kỹ năng rà soát UI ở bước cuối để bắt lỗi căn chỉnh, khoảng cách, tính nhất quán, việc dùng token và các chi tiết nhỏ trước khi phát hành. Kỹ năng này phù hợp nhất với những màn hình, luồng hoặc component đã dùng được nhưng vẫn còn cảm giác gần đúng chứ chưa thật sự hoàn thiện. Hãy dùng nó để nâng mức sẵn sàng ra mắt, bám sát design system hơn và cải thiện chất lượng tổng thể mà không cần thiết kế lại quá mức.

impeccable giúp bạn tạo UI frontend khác biệt, đạt chất lượng production thay vì những giao diện AI trông na ná nhau. Skill này hỗ trợ các quy trình craft, teach và extract cho trang, web component, bề mặt ứng dụng, poster và các frontend thiên về thiết kế, nhờ đó đặc biệt hữu ích cho thiết kế UI, thiết lập ngữ cảnh thiết kế và trích xuất pattern có thể tái sử dụng.

Dùng skill delight để thêm độ trau chuốt cho UI, micro-interactions và cá tính cho các trạng thái thành công, đang tải, trống và onboarding mà không làm giảm khả năng sử dụng hay mất tập trung.

impeccable là một kỹ năng về thiết kế UI và frontend để xây dựng giao diện khác biệt, đạt chất lượng production. Dùng craft, teach hoặc extract để định hình thiết kế, nạp tài liệu tham chiếu có trọng tâm, và triển khai component, page cùng các pattern của design system với hướng dẫn cài đặt và sử dụng rõ ràng hơn.

bolder giúp biến những thiết kế UI an toàn nhưng nhạt nhòa trở nên nổi bật hơn mà vẫn giữ được tính dễ dùng. Tìm hiểu khi nào nên dùng skill bolder, bước tiền đề bắt buộc $frontend-design, cùng hướng dẫn thực tế để viết prompt tốt hơn, chẩn đoán vấn đề chính xác hơn và tăng độ táo bạo về thị giác một cách có kiểm soát.

frontend-design là skill ưu tiên ngữ cảnh để tạo mã UI frontend khác biệt và tinh tế. Hãy dùng skill này để chuyển hóa đối tượng người dùng, tình huống sử dụng và giọng điệu thương hiệu thành bố cục, kiểu chữ, màu sắc, chuyển động, trạng thái tương tác và UX writing tốt hơn cho trang, component và luồng trải nghiệm.

polish skill giúp các nhóm thực hiện lượt rà soát chất lượng UI cuối cùng trước khi phát hành. Hãy dùng kỹ năng này để phát hiện các vấn đề về khoảng cách, căn chỉnh, trạng thái tương tác, nội dung chữ và các trường hợp biên sau khi giao diện đã hoàn thiện về chức năng và bối cảnh thiết kế đã được xác lập rõ ràng.

overdrive là một skill có thể được người dùng gọi để phục vụ thiết kế UI táo bạo, đưa giao diện vượt ra ngoài các thành phần tiêu chuẩn. Skill này yêu cầu phải có ngữ cảnh /frontend-design trước, sau đó mới đề nghị bạn đưa ra các concept trước khi xây dựng những tương tác tập trung, tạo tác động mạnh.

Kỹ năng delight giúp bổ sung cảm giác vui thích tinh tế, cá tính và độ trau chuốt vi mô cho công việc thiết kế UI. Hãy dùng kỹ năng này để cải thiện trạng thái thành công, trạng thái trống, thời điểm tải và các tương tác, với hướng dẫn theo ngữ cảnh về cách cài đặt, thiết lập và sử dụng delight.

bolder là skill dành cho thiết kế UI, giúp các giao diện quá nhạt, quá an toàn hoặc thiếu điểm nhấn trở nên rõ tương phản hơn, có thứ bậc tốt hơn và giàu cá tính hơn. Hãy dùng sau bước thu thập ngữ cảnh bằng /frontend-design, hoặc dùng sau /teach-impeccable khi chưa có ngữ cảnh thiết kế, để nhận được các đề xuất cải thiện sắc nét và khả thi hơn mà vẫn giữ được tính dễ dùng.

Dùng skill animate để rà soát một tính năng UI và lên kế hoạch cho animation, micro-interaction và transition có chủ đích. Skill này giúp bạn xác định những chuyển động thực sự cải thiện phản hồi, độ rõ ràng, thứ bậc thông tin và cảm giác thích thú, đồng thời yêu cầu ngữ cảnh thiết kế cần thiết từ /frontend-design và chú trọng hiệu năng cũng như khả năng truy cập.

Skill quieter giúp giảm cường độ thị giác trong UI Design, làm giao diện bớt chói, gắt hoặc gây quá tải cảm giác mà vẫn giữ được thứ bậc, độ rõ ràng và cá tính thương hiệu. Phù hợp nhất khi dùng sau quy trình /frontend-design bắt buộc trong repository pbakaus/impeccable.