Claude Skill MartKhám phá skillCâu dùng ngayHọc qua videoDùng terminalSkill là gì?
← Về danh sách

ss-copy — Trình tạo microcopy UX

Skill tạo văn bản giao diện (nhãn nút, thông báo lỗi, trạng thái rỗng, toast) theo giọng điệu thân thiện nhưng lịch sự và nhất quán.

Thiết kế · UINhập môn★ 968⑂ 89Điểm AI 9/10Cập nhật lần cuối: 29 thg 9, 2026

Làm được gì

  • Sinh microcopy cho nút CTA, thông báo lỗi, trạng thái rỗng, toast, nhãn/gợi ý form và hộp thoại xác nhận.
  • Áp dụng nguyên tắc giọng điệu: câu chủ động, diễn đạt tích cực, ngôn từ đơn giản, ngắn gọn.
    • Nút: [động từ hành động] + [đối tượng], tối đa 3 từ, tránh "Submit", "OK", "Click here"
    • Lỗi: [chuyện gì đã xảy ra] + [cần làm gì], không lộ mã lỗi kỹ thuật
    • Trạng thái rỗng: nhận xét thân thiện + gợi ý hành động tiếp theo
    • Toast: tối đa 2 dòng, có "Undo" cho hành động xoá có thể hoàn tác
  • Trả về bản chính + các biến thể + danh sách Nên/Không nên cho đúng ngữ cảnh.
  • Với dự án styleseed, skill đọc registry .styleseed để lấy đúng bundle của artifact được yêu cầu.

Dành cho ai

  • Lập trình viên frontend phải tự viết chữ trong UI khi không có designer
  • PM, UX writer muốn thống nhất giọng điệu toàn sản phẩm
  • Nhóm dùng design system (đặc biệt styleseed) muốn tự động áp quy tắc viết

Ví dụ sử dụng

  1. Yêu cầu copy cho màn hình thanh toán thất bại → "Couldn't complete the payment. Check your card details and try again." kèm nhãn nút thử lại.
  2. Yêu cầu trạng thái rỗng cho dashboard người dùng mới → "No activity yet. Create your first project to get started." kèm gợi ý icon.
  3. Yêu cầu hộp thoại xác nhận xoá → tiêu đề dạng câu hỏi, phần thân giải thích hệ quả, nút chính "Delete", nút phụ "Close".

Lưu ý: nội dung dài (blog, tài liệu), việc định nghĩa brand voice và dịch đa ngôn ngữ đều ngoài phạm vi.

· · · 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/bitjaru/styleseed/HEAD/engine/.claude/skills/ss-copy/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 Claude Skill Mart.
Copy thư mục engine/.claude/skills/ss-copy từ repo GitHub bitjaru/styleseed vào ~/.claude/skills/ss-copy/ 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/bitjaru/styleseed.git && mkdir -p ~/.claude/skills && cp -r styleseed/engine/.claude/skills/ss-copy ~/.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. Clone repo: git clone https://github.com/bitjaru/styleseed.git
  3. Tạo thư mục skill: mkdir -p ~/.claude/skills
  4. Copy skill: cp -r styleseed/engine/.claude/skills/ss-copy ~/.claude/skills/
  5. (Khuyến nghị) Chuẩn bị thêm engine/UX-WRITING.md và DESIGN-LANGUAGE.md của dự án vì skill tham chiếu tới chúng; nếu dùng styleseed đầy đủ, hãy copy cả thư mục engine/.claude/skills.
  6. Khởi động lại Claude Code và yêu cầu kèm ngữ cảnh, ví dụ: "viết thông báo lỗi cho bước thanh toán thất bại".