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.

Chấm điểm UI/thiết kế theo 10 nguyên tắc "Good design is..." của Dieter Rams dựa trên bằng chứng, rồi đưa ra phán quyết NEW/REFINE/REDESIGN kèm prompt lập kế hoạch.

Skill định tuyến mọi yêu cầu UI/UX sang bốn bộ quy tắc — gu thẩm mỹ, hệ thống thương hiệu, hiệu năng và vận hành thiết kế — để cho ra giao diện ở đẳng cấp designer senior.

Sau khi dựng hoặc sửa UI, skill này chụp bằng chứng, so sánh pixel/độ rộng cột rồi chạy song song hai reviewer chỉ-đọc để đưa ra kết luận đạt/không đạt.

Skill điều phối toàn bộ công việc frontend: tự động định tuyến yêu cầu UI, redesign và audit hiệu năng vào 4 bộ quy tắc chuyên sâu để cho ra giao diện đạt chuẩn designer cấp cao.

Skill tổng quản cho mọi việc UI/UX: tự chọn bộ quy tắc gu thẩm mỹ, hệ thống thiết kế thương hiệu và kiểm toán hiệu năng để tránh giao diện 'nhàn nhạt kiểu AI'.

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.

Kỹ năng vẽ 9 loại sơ đồ (kiến trúc, flowchart, sequence...) thành một file SVG nền tối duy nhất.

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.

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.

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.

Kỹ năng phân tích nhu cầu, đề xuất 3 hướng thiết kế thuộc 3 trường phái khác nhau, dựng demo trực quan và chấm điểm bản thiết kế hoàn thiệ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.

Kỹ năng dựng màn hình dày đặc số liệu (analytics console, terminal giao dịch) bằng biểu đồ SVG nội tuyến lấy màu từ design token, kèm hợp đồng accessibility.

Phân tích file Figma qua REST API và dựng đồ thị tri thức tương tác về trang, màn hình, component và design token.

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.