【Claude Code】20 Skills cần thiết cho Agent｜Hướng dẫn sử dụng skills.sh

Gần đây mình bắt đầu dùng Claude Code và Copilot Agent, nói thật là cảm giác ban đầu khá… thất vọng. "Agent gốc, sao mà tệ thế nhỉ?"

Chat thì được. Generate code cũng được. Nhưng mà… chưa đạt production level.

Ví dụ như:

• Code thì viết được nhưng design pattern loạn hết
• Hỏi gì cũng trả lời được nhưng không biết best practice thực tế
• UI thì tạo được nhưng nhìn là biết người không biết design làm

Nói đơn giản là mua smartphone xong mà không cài app nào cả. Có OS nhưng chẳng làm được gì.

Skills là gì?

Skills không phải plugin đâu. Nó là cách để inject best practice của ngành, kinh nghiệm dự án thực tế, ràng buộc engineering, framework tư duy có cấu trúc vào Agent.

Hiểu đơn giản là nâng cấp "nội lực" cho Agent vậy đó.

Trong 20 Skills mình giới thiệu hôm nay, bạn cứ cài thử 5 cái đầu trước. Cảm nhận sẽ khác hẳn luôn.

Trên skills.sh, 5 cái này cũng đang dẫn đầu về lượt cài đặt.

1. find-skills

Cái đầu tiên phải cài chính là này. Agent sẽ tự tìm kiếm, khám phá và gợi ý các Skills khác cho bạn. Coi như bạn đang gắn cho Agent một App Store riêng cho skills vậy.

npx skills add https://github.com/vercel-labs/skills --skill find-skills

2. vercel-react-best-practices

64 rule tối ưu performance cho React / Next.js, chia thành 8 nhóm. Loại bỏ waterfall, tối ưu Server Components — tất cả những "bẫy" performance hay gặp đều được cover hết.

npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-best-practices

3. frontend-design

UI do Agent tạo ra, nói thật là hay bị "lộ" là AI làm lắm. Cài Skills này vào thì phối màu, layout, animation đều lên level rõ rệt. Không còn cái vẻ template nhàm chán nữa.

npx skills add https://github.com/anthropics/skills --skill frontend-design

4. web-design-guidelines

Dành cho code review. Hơn 100 rule về web accessibility, UX, performance — giúp bạn tránh được những lỗi UX cơ bản. Khi review PR mà có cái này hỗ trợ thì nhàn hơn nhiều.

npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelines

5. remotion-best-practices

Bộ best practice của Remotion — framework dùng React để tạo video ngắn. Bao gồm animation, export, tối ưu performance. Người mới cũng có thể nhanh chóng tạo ra video ngắn chất lượng cao.

npx skills add https://github.com/remotion-dev/skills --skill remotion-best-practices

6. brainstorming

Dựa trên Superpowers framework, giúp Agent thực hiện brainstorming có cấu trúc, TDD, thiết kế workflow. Thay vì "cứ đưa đại cái gì đó", giờ đây output sẽ có tổ chức và logic hơn rất nhiều.

npx skills add obra/superpowers --skill brainstorming

7. agent-browser

Skills tự động hóa trình duyệt. Duyệt web, tự điền form, chụp screenshot — những việc làm tay rất mệt giờ giao hết cho Agent.

npx skills add vercel-labs/agent-browser

8. browser-use

Thêm một Skills điều khiển trình duyệt mạnh mẽ nữa. Viết bằng Rust nên chạy rất nhanh. Kết hợp với agent-browser thì các tác vụ tự động hóa phức tạp cũng chạy ổn định.

npx skills add browser-use/browser-use

9. supabase-postgres-best-practices

Hướng dẫn tối ưu database Supabase + PostgreSQL. Chứa đầy các rule để tránh SQL anti-pattern và tận dụng tối đa performance. Không muốn mất thời gian debug DB thì phải cài.

npx skills add supabase/agent-skills --skill supabase-postgres-best-practices

10. azure-cost-optimization

Bộ rule tối ưu chi phí Azure. Bạn đã bao giờ nhìn hóa đơn cloud rồi giật mình "Sao tốn nhiều vậy?" chưa? Cài Skills này vào để xử lý trước khi bill cloud trở thành cơn ác mộng.

npx skills add microsoft/github-copilot-for-azure --skill azure-cost-optimization

11. cloudflare/skills

Best practice cho Cloudflare Workers và Edge Computing. Gần đây topic này đang rất hot trong cộng đồng dev, nhiều người từ Vercel cũng đang chuyển sang. Muốn chạy ở edge thì cài cái này.

npx skills add cloudflare/skills

12. redis/agent-skills

Bộ sưu tập pattern nâng cao và anti-pattern của Redis. Cover từ cache, vector search đến stream processing. Giúp bạn "tốt nghiệp" khỏi việc chỉ dùng Redis làm cache.

npx skills add redis/agent-skills

13. vercel-composition-patterns

Best practice chuyên về composition pattern trong React. Kết hợp với vercel-react-best-practices ở trên thì thiết kế component sẽ lên một tầm mới.

npx skills add vercel-labs/agent-skills --skill vercel-composition-patterns

14. vercel-react-native-skills

Bộ best practice chính thức cho React Native. Nếu bạn đang phát triển ứng dụng mobile thì cài không thiệt.

npx skills add vercel-labs/agent-skills --skill vercel-react-native-skills

15. sleek-design-mobile-apps

Hướng dẫn thiết kế app mobile hiện đại, tinh tế. Chất lượng UI app mà Agent tạo ra sẽ tăng lên đáng kể. Tạm biệt giao diện xấu xí nhé.

npx skills add sleekdotdesign/agent-skills --skill sleek-design-mobile-apps

16. ui-skills

Best practice cho UI component và interaction. Gần đây đang rất hot trên X (Twitter). Muốn AI tạo ra giao diện đẹp ngang designer thì chọn cái này.

npx skills add ibelick/ui-skills

17. pdf

Skills xử lý PDF — tạo, phân tích, xử lý file PDF. Làm báo cáo, xử lý tài liệu — những công việc tưởng nhỏ nhưng gặp hoài trong công việc hàng ngày.

npx skills add anthropics/skills --skill pdf

18. seo-audit

Skills kiểm tra SEO website và đề xuất cải thiện. Dùng được ngay cho dự án thực tế, hiệu quả thấy rõ.

npx skills add coreyhaines31/marketingskills --skill seo-audit

19. skill-creator

Skills giúp bạn tự tạo Skills riêng của mình. Không cần chờ người khác update, cái gì cần thì tự làm luôn.

npx skills add anthropics/skills --skill skill-creator

20. code-review-expert

Review code như một senior engineer. Check từ SOLID, bảo mật đến performance — giúp nâng chất lượng PR lên rõ ràng.

npx skills add sanyuan0704/code-review-expert

Tổng kết

Nhiều người nghĩ "Sự khác biệt giữa các Agent nằm ở số lượng parameter của model phải không?"

Nhưng khi dùng sâu hơn, bạn sẽ nhận ra cái thực sự tạo nên sự khác biệt chính là rule (Skills).

Model quyết định mức sàn. Skills quyết định mức trần.

Tool sẽ ngày càng mạnh, model sẽ ngày càng lớn. Nhưng thứ mà developer tương lai cần không chỉ là khả năng viết code, mà còn là khả năng định nghĩa rule đúng cho Agent và thiết kế hành vi của AI.

Nếu thấy Skills nào hay, cứ cài thử một cái. Bạn sẽ cảm nhận được sự khác biệt ngay.

---

Nếu bài viết này hữu ích, hãy chia sẻ cho bạn bè nhé. Bạn có Skills nào hay muốn giới thiệu thì comment bên dưới nha!