Bài 2.9: Skills — Dạy Claude một lần, dùng mãi mãi

---
name: landing-page
description: >
  Tạo landing page theo cấu trúc rõ ràng, có copywriting, CTA,
  social proof, FAQ và tone phù hợp với sản phẩm. Trigger khi user nói
  "tạo landing page", "làm trang bán hàng", "page đăng ký",
  "sales page", "trang giới thiệu khóa học".
---

# Landing Page Skill

## Khi thực hiện

Tạo landing page cho một sản phẩm, dịch vụ, khóa học, webinar, hoặc chiến dịch marketing. Mục tiêu là giúp user có một trang rõ thông điệp, dễ đọc, có lời kêu gọi hành động cụ thể.

## Input cần có

- Sản phẩm/dịch vụ cần bán hoặc giới thiệu
- Khách hàng mục tiêu
- Mục tiêu chính của trang: đăng ký, mua hàng, đặt lịch, tải tài liệu
- Tone mong muốn: chuyên nghiệp, thân thiện, cao cấp, gần gũi
- Màu chủ đạo hoặc brand guideline nếu có
- Nếu thiếu sản phẩm, khách hàng mục tiêu, hoặc CTA, hỏi lại trước khi viết

## Quy tắc / conventions

- Viết bằng ngôn ngữ cụ thể, tránh câu chung chung như "giải pháp toàn diện"
- Mỗi section chỉ có một mục tiêu rõ ràng
- CTA phải nhất quán trên toàn trang
- Nội dung phải phù hợp với mức hiểu biết của khách hàng mục tiêu
- Nếu tạo UI, ưu tiên layout dễ scan trên mobile trước

## Quy trình thực hiện

1. Xác định offer chính và khách hàng mục tiêu
2. Viết thông điệp Hero: headline, subheadline, CTA
3. Mô tả vấn đề khách hàng đang gặp
4. Trình bày giải pháp và lợi ích cụ thể
5. Thêm social proof: testimonial, số liệu, logo, hoặc case study nếu có
6. Viết pricing hoặc offer block nếu user cần bán trực tiếp
7. Viết FAQ để xử lý các rào cản mua hàng
8. Kết thúc bằng CTA rõ ràng

## Output format

Trả về theo format:

1. **Tóm tắt trang:** mục tiêu, audience, CTA chính
2. **Section outline:** danh sách section theo thứ tự
3. **Copywriting:** headline, body copy, CTA cho từng section
4. **Gợi ý UI:** layout, màu, hình ảnh, icon nếu cần
5. **Điểm cần hỏi thêm:** chỉ liệt kê nếu còn thiếu thông tin

Nếu user yêu cầu tạo file, sau phần nội dung mới viết mã hoặc chỉnh file theo cấu trúc đã chốt.

## Lưu ý / tránh làm

- Không bịa testimonial, số liệu doanh thu, logo khách hàng, hoặc chứng nhận
- Không dùng quá nhiều buzzword nếu chưa có bằng chứng cụ thể
- Không đổi offer chính nếu user đã nêu rõ
- Không tạo landing page quá dài nếu mục tiêu chỉ là đăng ký đơn giản

### Checklist tham khảo

**Hero**
- Headline nói rõ kết quả khách hàng nhận được
- Subheadline giải thích offer trong 1-2 câu
- CTA dùng động từ cụ thể: "Đăng ký ngay", "Nhận tư vấn", "Tải ebook"

**Register form**
- Chỉ hỏi thông tin thật sự cần: tên, email, số điện thoại nếu bắt buộc
- Có microcopy nói rõ người dùng sẽ nhận được gì sau khi đăng ký
- Có thông báo thành công rõ ràng sau khi submit

**Trust**
- Dùng bằng chứng thật: review, ảnh sản phẩm, số liệu đã xác minh
- FAQ trả lời các câu hỏi khiến người dùng chần chừ
- Chính sách hoàn tiền hoặc hỗ trợ nếu có

---
name: landing-page # Tên ngắn, kebab-case
description: ... # Claude dùng cái này để quyết định trigger
---

## Khi thực hiện
Mô tả ngắn Claude cần làm gì và mục tiêu của skill.

## Input cần có
Các thông tin Claude cần lấy từ user, từ repo, hoặc dùng mặc định.

## Quy tắc / conventions
Các nguyên tắc bắt buộc khi làm.

## Quy trình thực hiện
Các bước tuần tự Claude phải follow.

## Output format
Kết quả phải trả về theo format nào.

## Lưu ý / tránh làm
Anti-pattern hoặc constraint quan trọng.

~/.claude/
└── skills/
    ├── writing-style/
    │   └── SKILL.md
    ├── landing-copy/
    │   └── SKILL.md
    └── meeting-summary/
        ├── SKILL.md
        └── scripts/
            └── transcript-cleaner.sh

project-root/
├── .claude/
│   └── skills/
│       ├── landing-page/
│       │   └── SKILL.md
│       ├── register-flow/
│       │   └── SKILL.md
│       └── brand-guidelines/
│           ├── SKILL.md
│           └── assets/
│               └── color-tokens.json
├── pages/
└── ...

mkdir -p ~/.claude/skills/register-flow
touch ~/.claude/skills/register-flow/SKILL.md

---
name: register-flow
description: >
  Thiết kế luồng đăng ký cho form, landing page, webinar, khóa học,
  hoặc tài khoản mới. Trigger khi user nói "tạo form đăng ký",
  "register flow", "page đăng ký", "màn hình đăng ký",
  "đăng ký webinar", "đăng ký khóa học".
---

# Register Flow Skill

## Khi thực hiện

Thiết kế luồng đăng ký cho người dùng mới, khách hàng tiềm năng, hoặc người tham gia sự kiện. Mục tiêu là giúp user có form ngắn gọn, copy rõ ràng, xử lý lỗi tốt, và bước sau đăng ký mạch lạc.

## Input cần có

- Người dùng đang đăng ký gì: tài khoản, webinar, khóa học, ebook, tư vấn
- Mục tiêu sau khi đăng ký: vào dashboard, nhận email, đặt lịch, thanh toán
- Thông tin bắt buộc cần thu thập
- Brand tone: chuyên nghiệp, thân thiện, trẻ trung, cao cấp
- Nếu thiếu mục tiêu sau khi đăng ký, hỏi lại trước khi thiết kế flow

## Quy tắc / conventions

- Form càng ngắn càng tốt; chỉ hỏi trường thật sự cần
- Label phải rõ nghĩa, không dùng placeholder thay label
- Error message phải chỉ rõ người dùng cần sửa gì
- Success state phải nói rõ bước tiếp theo
- Không thu thập thông tin nhạy cảm nếu chưa có lý do rõ ràng
- Nếu có checkbox đồng ý nhận email, copy phải minh bạch

## Quy trình thực hiện

1. Xác định mục tiêu đăng ký và đối tượng người dùng
2. Chọn các field cần có trong form
3. Viết label, helper text, placeholder nếu cần
4. Viết error message cho từng lỗi phổ biến
5. Thiết kế success state sau khi submit
6. Viết follow-up email hoặc message nếu user yêu cầu
7. Vẽ flow bằng Mermaid nếu luồng có nhiều bước

Ví dụ flow đăng ký webinar:

1. User mở landing page
2. User nhập tên và email
3. User submit form
4. Hệ thống hiển thị success message
5. User nhận email xác nhận có link tham gia

## Output format

Trả về theo format:

1. **Flow summary:** luồng đăng ký gồm những bước nào
2. **Form fields:** field, label, required/optional, helper text
3. **Error messages:** thông báo lỗi cho từng tình huống
4. **Success state:** nội dung sau khi đăng ký thành công
5. **Follow-up:** email hoặc tin nhắn nếu cần
6. **Mermaid flow:** chỉ thêm nếu flow có nhiều bước

## Lưu ý / tránh làm

- Không hỏi quá nhiều thông tin chỉ để "cho đủ form"
- Không dùng error message kiểu "Invalid input" quá chung chung
- Không hứa email, ưu đãi, hoặc quà tặng nếu user chưa xác nhận
- Không tự thêm trường số điện thoại nếu mục tiêu chỉ là nhận ebook

Prompt 1: "Tạo form đăng ký webinar cho khóa học AI"
Prompt 2: "Làm register flow cho ebook miễn phí"
Prompt 3: "Viết màn hình success sau khi user đăng ký tư vấn"

## Độ dài form

- Form tối giản: 1-2 field
- Form tiêu chuẩn: 3-4 field
- Form dài: chỉ dùng khi có lý do nghiệp vụ rõ ràng

Nếu user chưa nói rõ, ưu tiên form tối giản.

---
name: login-flow
description: Thiết kế luồng đăng nhập cho website hoặc app: email login,
forgot password, social login, error message, loading state, success state.
Trigger khi "login flow", "màn hình đăng nhập", "forgot password",
"đăng nhập bằng Google", "login page".
---

---
name: campaign-landing-page
description: Tạo landing page cho chiến dịch marketing theo brand voice,
offer structure, CTA, FAQ và social proof. Trigger khi "landing page",
"campaign page", "trang bán hàng", "lead magnet", "webinar page".
---

---
name: course-registration
description: Tạo luồng đăng ký khóa học gồm form fields, success message,
email xác nhận, reminder và FAQ. Trigger khi "đăng ký khóa học",
"course registration", "form khóa học", "email xác nhận học viên".
---

---
name: faq-answer
description: Viết câu trả lời FAQ theo tone hỗ trợ khách hàng: rõ ràng,
ngắn gọn, lịch sự, có bước tiếp theo. Trigger khi "trả lời FAQ",
"support reply", "khách hỏi", "email hỗ trợ", "tin nhắn support".
---

---
name: meeting-summary
description: Tóm tắt meeting notes hoặc transcript thành decisions,
action items, owner, deadline và open questions. Trigger khi "meeting summary",
"tóm tắt cuộc họp", "biên bản họp", "action items", "recap meeting".
---

---
name: blog-seo-check
description: Audit blog post cho SEO: headers, meta description, internal
links, image alt text, keyword density. Trigger khi "seo check",
"review bài viết", "before publish", "audit content".
---

# WRONG
description: "Giúp Claude làm marketing tốt hơn"

# RIGHT
description: "Tạo landing page cho khóa học, webinar, ebook, hoặc dịch vụ tư vấn.
Trigger khi 'tạo landing page', 'làm trang bán hàng', 'page đăng ký',
'sales page', 'trang giới thiệu khóa học'."

# WRONG
description: "Chỉ trigger khi user gõ đúng chữ 'tạo landing page khóa tiếng Anh màu xanh light mode'"

# RIGHT
description: "Trigger khi user đề cập landing page, trang bán hàng,
page đăng ký, sales page, webinar page, lead magnet — dù phrasing khác nhau."

WRONG:
skills/
└── everything/
    └── SKILL.md (500+ dòng, cover landing page + login + register + SEO + email)

RIGHT:
skills/
├── landing-page/ (chỉ tạo landing page)
├── login-flow/ (chỉ luồng đăng nhập)
├── register-flow/ (chỉ luồng đăng ký)
└── blog-seo-check/ (chỉ SEO bài viết)

# WRONG — trong SKILL.md body
Logo luôn nằm ở `/Users/alice/Desktop/logo-final-v7.png`
Mặc định mọi landing page dùng số hotline cá nhân của Alice

# RIGHT
Logo: dùng asset trong thư mục brand của project, hoặc hỏi user nếu chưa có
Hotline: lấy từ brand guideline hoặc hỏi user trước khi đưa lên trang

<!-- Last updated: 2026-01 — rebrand to premium voice -->

Variation 1: "Tạo landing page cho khóa học tiếng Anh"
Variation 2: "Làm trang đăng ký webinar AI"
Variation 3: "Viết sales page cho dịch vụ tư vấn"
Variation 4: "Need a landing page for my ebook"
Variation 5: "Tạo page thu lead cho workshop cuối tuần"

team-claude-skills/
├── README.md
├── brand-voice/ (tone of voice của công ty)
├── landing-page-standard/ (cấu trúc landing page chuẩn)
├── login-register-flow/ (copy và UX cho login/register)
└── blog-seo-check/ (SEO checklist cho bài viết)

description: "... Trigger khi user dùng các từ/phrase sau:
VI: 'tạo landing page', 'trang bán hàng', 'page đăng ký', 'thu lead'
EN: 'landing page', 'sales page', 'registration page', 'lead magnet'"

Pattern lặp: ________________________________
Ví dụ câu nhắc: ______________________________
Tần suất: _____ lần/tháng

# Personal skill (chỉ cho bạn)
mkdir -p ~/.claude/skills/ten-skill-cua-ban

# Project skill (cả team)
mkdir -p .claude/skills/ten-skill-cua-ban

# Personal skills
ls ~/.claude/skills/ 2>/dev/null || echo "Chưa có personal skills"

# Project skills (từ trong project folder)
ls .claude/skills/ 2>/dev/null || echo "Chưa có project skills"