AI Skill MartKhám phá skillLệnhChương trìnhHọcSkill là gì?
 
← Về danh sách

Cố vấn triết lý thiết kế Huashu

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.

Thiết kế · UITrung cấp★ 2,240⑂ 308Điểm AI 9/10Cập nhật lần cuối: 9 thg 11, 2026

Nó làm được gì

  • Hiểu nhu cầu: hỏi tối đa 3 câu (đối tượng, thông điệp cốt lõi, tông cảm xúc, định dạng đầu ra) rồi diễn giải lại nhu cầu như một cố vấn thực thụ.
  • Đề xuất 3 hướng thiết kế: chọn từ thư viện 20 triết lý thiết kế thuộc 5 trường phái (kiến trúc thông tin, thi pháp chuyển động, tối giản, thực nghiệm tiên phong, triết lý phương Đông), bắt buộc gắn tên nhà thiết kế/studio (ví dụ "Tối giản phương Đông kiểu Kenya Hara") kèm lý do phù hợp và đặc trưng thị giác.
  • Dựng demo song song: khởi chạy 3 agent nền tạo 3 trang HTML dùng đúng nội dung thật của bạn, chụp ảnh bằng Playwright và trình bày 3 ảnh cạnh nhau để so sánh.
  • Viết prompt AI: cấu trúc [ràng buộc triết lý] + [mô tả nội dung] + [tham số kỹ thuật], có mã màu HEX, tỉ lệ, phân bổ khoảng trắng.
  • Phản biện thiết kế: chấm 0–10 trên 5 tiêu chí (nhất quán triết lý, phân cấp thị giác, chi tiết, công năng, sáng tạo), liệt kê lỗi theo mức ⚠️/⚡/💡 và 3 việc sửa nhanh trong 5 phút.
  • Quy tắc hoàn thiện: cấm emoji làm icon, cấm ô xám "đặt ảnh ở đây"; dùng Lucide/Phosphor/Heroicons, SVG tự vẽ, ảnh thật hoặc Unsplash/Pexels, hoặc ảnh AI.

Phù hợp với ai

  • Người cần làm landing page, giao diện app, slide, báo cáo PDF, poster nhưng chưa quyết được phong cách.
  • Marketer, PM không chuyên thiết kế nhưng phải trình bày phương án phong cách thuyết phục cho khách hàng.
  • Lập trình viên dùng Claude Code dựng giao diện và muốn có vòng review chất lượng thiết kế.

Ví dụ sử dụng

  1. "Gợi ý hướng thiết kế cho landing page SaaS" → hỏi 3 câu → 3 phương án từ 3 trường phái + 3 ảnh demo HTML.
  2. "Lấy màu của phương án A ghép bố cục phương án C" → dựng demo pha trộn rồi chụp lại để so sánh.
  3. Đưa bìa slide đã làm xong và nói "review giúp" → bảng điểm 5 tiêu chí + danh sách lỗi kèm số liệu sửa cụ thể.

· · · Hướng dẫn cài đặt · · ·

Dùng thử ngay, không cần cài

Dán đoạn dưới vào Claude là dùng được skill này mà không cần cài đặt.

Hãy đọc hướng dẫn trong tệp này và làm theo để giúp mình:
https://raw.githubusercontent.com/alchaincyf/huashu-skills/HEAD/huashu-design/SKILL.md

Mình muốn: (viết việc bạn cần ở đây)

Nếu Claude không mở được liên kết, hãy mở liên kết và copy nội dung vào rồi dán.

↓ Thấy hữu ích thì tải ZIP bên dưới và cài. Sau đó skill tự chạy, không phải dán lại mỗi lần.

Cài vào ứng dụng Claude (không cần terminal)
  1. Tải tệp ZIP bằng nút bên dưới.
  2. Trong Claude, mở Settings → Capabilities và bật 'Code execution and file creation'. (chỉ một lần)
  3. Vào Customize → Skills → + → 'Upload a skill' rồi tải tệp ZIP lên.
↓ Tải ZIP
Cài vào Claude Code

Để Claude làm — dán câu dưới đây vào Claude Code

Hãy cài skill mình tìm thấy trên AI Skill Mart.
Copy thư mục huashu-design từ repo GitHub alchaincyf/huashu-skills vào ~/.claude/skills/alchaincyf-huashu-design/ của mình.
Sau khi cài xong, cho mình biết skill này làm được gì trong một câu.

Cài bằng lệnh thủ công

git clone https://github.com/alchaincyf/huashu-skills.git && mkdir -p ~/.claude/skills && cp -r huashu-skills/huashu-design ~/.claude/skills/

⚠ Đây là skill do người khác tạo. Hãy kiểm tra repo gốc trước khi cài.

  1. Mở Terminal.
  2. Tải mã nguồn: git clone https://github.com/alchaincyf/huashu-skills.git
  3. Tạo thư mục kỹ năng nếu chưa có: mkdir -p ~/.claude/skills
  4. Sao chép kỹ năng: cp -r huashu-skills/huashu-design ~/.claude/skills/
  5. Kiểm tra thư mục references/ (design-styles.md, scene-templates.md, critique-guide.md) đã được sao chép.
  6. Nếu muốn dùng tính năng chụp demo, cài Node.js rồi chạy một lần: npx playwright install chromium
  7. Khởi động lại Claude Code và thử yêu cầu "gợi ý phong cách thiết kế cho…" để kích hoạt kỹ năng.
Xem mã nguồn trên GitHub ↗Giấy phép: MIT