Thiết kế · UI

Biến Claude thành một studio thiết kế: làm prototype, slide, animation và infographic bằng HTML, luôn đưa ba phương án trước khi thực hiện.

Kỹ năng kiểm tra và thiết kế giao diện iOS/macOS/watchOS/visionOS theo Apple Human Interface Guidelines, gồm cả ngôn ngữ Liquid Glass.

Tạo, đồng bộ, kiểm tra và xuất bản sơ đồ .drawio có thể chỉnh sửa từ yêu cầu tự nhiên hoặc từ mã nguồn/IaC.

Dẫn bạn qua toàn bộ quy trình làm logo — từ brief, ý tưởng, dựng SVG sạch, kiểm thử 16px, đến bảng thuyết trình và bộ file favicon/app icon.

Chỉ cần một spec JSON ngắn, skill tạo ra 45 loại sơ đồ dạng HTML động và xuất sang SVG, PNG, GIF, MP4.

Skill dẫn dắt toàn bộ quy trình thiết kế UI cho web, app và trang quản trị: từ chốt định hướng, wireframe xám, triển khai cho tới review độc lập dựa trên ảnh chụp màn hình thật.

Kỹ năng hướng dẫn Claude rà soát và sửa lỗi khả năng tiếp cận của giao diện theo bốn nguyên tắc POUR của WCAG.

Biến ảnh chụp màn hình và tài liệu recon thành design token (màu, typography, spacing) kèm spec component và kiểm tra tương phản WCAG.

Quy trình đặt tên, chọn màu, viết brief logo, định hình giọng điệu và quét sạch mọi dấu vết của ứng dụng gốc trong mã nguồn.

Skill phê bình UI theo kiểu đối kháng: render, chụp màn hình và lập luận vì sao một designer senior sẽ trả lại sản phẩm này.

Skill chính thức của Anthropic: viết triết lý thiết kế trước, rồi biến nó thành poster/tác phẩm nghệ thuật PDF hoặc PNG chất lượng triển lãm.

Biến danh sách công nghệ của bạn thành sơ đồ kiến trúc kiểu nhà cung cấp cloud với logo thật, xuất ra HTML, PNG hoặc component React.

Skill tạo báo cáo kiểm toán accessibility theo WCAG 2.2 cho UI/thiết kế, kèm danh sách khắc phục đã xếp ưu tiên.

Đọc computed style của ứng dụng đang chạy để phát hiện màu lệch design token, control vô hình và animation không hề chạy.

Một điểm vào duy nhất để xây, kiểm tra và tinh chỉnh UI mà vẫn giữ nguyên các lựa chọn thiết kế đã duyệt của dự án.

Một điểm vào duy nhất điều phối 22 workflow để dựng UI, tạo design token, review và kiểm chứng kết quả render.

Chấm điểm một URL đang chạy hoặc bản build local chỉ dựa trên ảnh chụp màn hình và số liệu đo thật, theo tiêu chí Awwwards, kèm danh sách sửa lỗi xếp theo mức ảnh hưởng.

Skill kiểm định UI cuối cùng: chạy script quét lỗi motion, a11y, màu sắc, responsive và hiệu năng rồi báo cáo theo mức độ nghiêm trọng.

Kỹ năng thiết kế lại trang README của repo và tạo bộ asset SVG (hero, header, sơ đồ) mang đúng tinh thần dự án.

Tạo và quản lý tệp _brand.yml để áp dụng màu sắc, font và logo thương hiệu nhất quán cho ứng dụng Shiny và tài liệu Quarto.