Color

Color skills and workflows surfaced by the site skill importer.

19 skills
G
design-consultation

bởi garrytan

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.

Design Systems
Yêu thích 0GitHub 91.8k
W
visual-design-foundations

bởi wshobson

visual-design-foundations giúp các nhóm xây dựng hệ thống UI thực tiễn với thang kiểu chữ, token màu, quy tắc khoảng cách và hướng dẫn iconography. Hãy dùng skill này để thiết lập nền tảng thiết kế vững chắc, tạo style guide, rà soát phân cấp thị giác và tạo CSS variables sẵn sàng triển khai từ các ràng buộc thiết kế rõ ràng.

UI Design
Yêu thích 0GitHub 32.6k
P
quieter

bởi pbakaus

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.

UI Design
Yêu thích 0GitHub 20.4k
L
brandkit

bởi Leonxlnx

brandkit là một skill tạo hình ảnh bộ nhận diện thương hiệu cao cấp dành cho công việc branding, bao gồm hệ logo, bộ deck nhận diện, bảng hướng dẫn hình ảnh và các bài thuyết trình thương hiệu được art direction kỹ. Skill này được thiết kế để cho ra kết quả nhất quán, mang phong cách studio trên nhiều bối cảnh như startup, công cụ dành cho developer, an ninh, game, ứng dụng tiêu dùng và các concept xa xỉ. Hãy dùng brandkit khi bạn muốn một thế giới thương hiệu chỉn chu, thay vì một moodboard AI chung chung.

Branding
Yêu thích 0GitHub 16.4k
L
industrial-brutalist-ui

bởi Leonxlnx

Kỹ năng industrial-brutalist-ui cho thiết kế UI tạo ra các giao diện cơ học, mật độ cao với lưới kiểu Swiss, tương phản chữ cực mạnh, bảng màu thực dụng và chất liệu analog. Hãy dùng hướng dẫn industrial-brutalist-ui này cho dashboard, hệ thống biên tập và trang portfolio cần cảm giác như một bảng điều khiển có kỷ luật.

UI Design
Yêu thích 0GitHub 16.4k
P
colorize

bởi pbakaus

Skill colorize giúp các nhóm UI bổ sung màu sắc có chủ đích cho những giao diện xám hoặc thiếu điểm nhấn. Tìm hiểu khi nào nên dùng, cần cung cấp bối cảnh gì và cách skill này phù hợp với quy trình impeccable cùng $frontend-design và các quyết định màu sắc bám sát thương hiệu.

UI Design
Yêu thích 0GitHub 15k
P
bolder

bởi pbakaus

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.

UI Design
Yêu thích 0GitHub 15k
P
distill

bởi pbakaus

distill là một skill thiết kế UI dùng để tinh gọn màn hình, component và luồng về đúng mục tiêu cốt lõi. Hãy dùng khi cần giảm rối mắt, nhiễu thị giác và tình trạng phình to tính năng, nhưng lưu ý distill phụ thuộc vào /frontend-design và đôi khi cần /teach-impeccable trước khi sử dụng.

UI Design
Yêu thích 0GitHub 14.9k
P
colorize

bởi pbakaus

Tìm hiểu cách skill colorize bổ sung màu sắc có chủ đích cho các thiết kế UI xám, nhạt hoặc thiếu điểm nhấn. Hướng dẫn này trình bày phần chuẩn bị bắt buộc với frontend-design, bối cảnh cài đặt từ repository và cách áp dụng thực tế để cải thiện phân cấp, ngữ nghĩa và độ phù hợp với thương hiệu.

UI Design
Yêu thích 0GitHub 14.9k
P
bolder

bởi pbakaus

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.

UI Design
Yêu thích 0GitHub 14.9k
P
quieter

bởi pbakaus

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.

UI Design
Yêu thích 0GitHub 14.6k
P
distill

bởi pbakaus

distill là skill giúp tinh gọn thiết kế UI bằng cách lược bỏ màn hình về đúng tác vụ cốt lõi. Dùng skill này để dọn bớt chi tiết thừa, giảm nhiễu và làm rõ thứ bậc thị giác. Hiệu quả nhất khi chạy sau /frontend-design, với một màn hình cụ thể, một mục tiêu người dùng chính và các ràng buộc bắt buộc phải giữ rõ ràng.

UI Design
Yêu thích 0GitHub 14.6k
P
colorize

bởi pbakaus

Skill colorize giúp các nhóm bổ sung màu sắc có chủ đích cho những thiết kế UI xám hoặc phẳng, thiếu điểm nhấn. Skill này hướng dẫn nên dùng màu ở đâu, vì sao điều đó quan trọng, và cách áp dụng trong bối cảnh thương hiệu, phân cấp, trạng thái ngữ nghĩa và sắc thái sẵn có. Nên dùng sau /frontend-design để đưa ra quyết định màu sắc đáng tin cậy hơn.

UI Design
Yêu thích 0GitHub 14.6k
J
baoyu-cover-image

bởi JimLiu

baoyu-cover-image giúp agent tạo prompt ảnh bìa bài viết có cấu trúc dựa trên loại ảnh, bảng màu, kiểu render, chữ và cảm xúc. Skill hỗ trợ các tỷ lệ 2.35:1, 16:9 và 1:1, kèm quy tắc tự chọn và hướng dẫn tương thích, phù hợp cho quy trình làm ảnh bìa lặp lại trong biên tập nội dung và UI Design.

UI Design
Yêu thích 0GitHub 13.2k
M
infographic

bởi markdown-viewer

Skill infographic biến nội dung có cấu trúc thành các bố cục infographic chỉn chu bằng DSL `infographic`. Dùng cho KPI cards, timeline, roadmap, luồng từng bước, so sánh A vs B, SWOT, funnel, cây tổ chức và các biểu đồ đơn giản. Đây là lựa chọn rất phù hợp cho infographic cho UI Design và các bản tóm tắt kiểu thuyết trình với 4–8 mục. Không lý tưởng cho phân tích dữ liệu phức tạp hoặc sơ đồ kỹ thuật.

UI Design
Yêu thích 0GitHub 1.1k
L
high-end-visual-design

bởi Leonxlnx

high-end-visual-design là một skill định hướng UI cao cấp để tạo ra các giao diện mang tính editorial, điện ảnh và được trau chuốt kỹ lưỡng. Skill này giúp AI tránh các bố cục chung chung bằng cách định hướng font chữ, khoảng cách, bóng đổ, chuyển động và bố cục cho landing page, site marketing, dashboard và các bề mặt ứng dụng được hoàn thiện tinh xảo.

UI Design
Yêu thích 0GitHub 0
M
minimax-pdf

bởi MiniMax-AI

Kỹ năng minimax-pdf giúp bạn tạo, điền hoặc định dạng lại các PDF chỉn chu khi chất lượng hình ảnh và nhận diện tài liệu là yếu tố quan trọng. Hãy dùng cho các quy trình CREATE, FILL hoặc REFORMAT với hệ thống thiết kế dựa trên token, biến đầu vào thô thành đầu ra sẵn sàng in. Hướng dẫn này bao gồm cài đặt minimax-pdf, cách dùng minimax-pdf và cách chọn luồng xử lý để đạt kết quả tốt hơn.

PDF Processing
Yêu thích 0GitHub 0
P
teach-impeccable

bởi pbakaus

teach-impeccable là kỹ năng thiết lập một lần, quét repo của bạn, chỉ hỏi những điểm còn thiếu về UX và thương hiệu, rồi lưu hướng dẫn thiết kế dùng lâu dài cho các phiên AI sau này.

Context Engineering
Yêu thích 0GitHub 0
P
quieter

bởi pbakaus

quieter là skill tinh chỉnh thiết kế UI giúp giảm độ gắt về thị giác nhưng vẫn giữ được thứ bậc thông tin, bản sắc thương hiệu và tính dễ dùng. Skill này phát huy hiệu quả nhất sau /frontend-design và, khi cần, /teach-impeccable, giúp đội ngũ làm dịu các giao diện quá ồn mà không phải thiết kế lại toàn bộ.

UI Design
Yêu thích 0GitHub 0
Color