UX CopyGuidelinesVercelAI Agent Skill
web-design-guidelines
Chuẩn mực văn phong UX microcopy, thông báo lỗi ngắn gọn, chính xác từ Vercel Engineering.
Tuỳ chọn cài đặt
Cài đặt vào Claude Code, Cursor, Codex hoặc Antigravity bằng lệnh sau:
$ npx skills add vercel-labs/agent-skills@web-design-guidelines
Tình huống thực tế ứng dụng Skill này
Chuẩn hóa giọng văn AI đúng cá tính thương hiệu, không máy móc
“AI trả lời lúc thì quá trịnh trọng, lúc thì quá xuề xòa hoặc dài dòng - làm sao kiểm soát giọng văn nhất quán?”
Khung hành động 5 bước
- 1Viết bảng quy chuẩn giọng văn (Tone of Voice) với 3 cặp tính từ 'Nên là...' và 'Không phải là...' (vd: Thân thiện nhưng Không sến súa, Ngắn gọn nhưng Không cộc lốc).
- 2Quy định độ dài câu trả lời tối đa (vd: không quá 3 câu cho câu hỏi đơn giản, tối đa 150 từ cho giải thích).
- 3Đưa ít nhất 5 cặp ví dụ Input → Output mẫu (Good vs Bad) trực tiếp vào System Prompt.
- 4Tạo danh sách từ cấm (Negative Lexicon): các từ sáo rỗng AI hay dùng mà thương hiệu của bạn không chấp nhận.
- 5Kiểm thử với 10 tình huống khách hàng giận dữ để đảm bảo AI thể hiện sự đồng cảm chừng mực mà không xin lỗi quá đà.
Trước khi dùng Skill
"Em rất tiếc và vô cùng xin lỗi quý khách vì sự bất tiện này, em xin phép được hỗ trợ quý khách... (dài 3 đoạn)"
Sau khi áp dụng Skill
"Đơn hàng #1234 của bạn đang được giao lại, dự kiến đến trước 17h hôm nay. Bạn có cần đổi địa chỉ nhận hàng không?"
Bài học đào sâu trong giáo trình
AI Literacy • Bài 5
Nội dung chỉ dẫn SKILL.md
SKILL.md • Read-only preview# Web Design Guidelines Skill Enforce active voice, cut robotic filler words, and write direct action-oriented user feedback messages.