Web

Web skills and workflows surfaced by the site skill importer.

11 skills
A
videodb

bởi affaan-m

videodb giúp bạn nhập video và audio từ file cục bộ, URL, luồng trực tiếp RTSP/RTMP hoặc quay màn hình máy tính; tìm các khoảnh khắc theo dấu thời gian với bằng chứng có thể phát lại; và thao tác bằng clip, lớp phủ, phiên âm, cảnh báo, cùng chỉnh sửa theo dòng thời gian. Đây là hướng dẫn thực hành videodb cho VideoDB for Video Editing và phân tích livestream.

Video Editing
Yêu thích 0GitHub 156.3k
A
ui-demo

bởi affaan-m

ui-demo giúp bạn quay video demo ứng dụng web chỉn chu bằng Playwright, với chuyển động con trỏ hiển thị rõ và nhịp thao tác tự nhiên. Hãy dùng ui-demo cho các video hướng dẫn, clip onboarding, tour tính năng và bản ghi kiểu tutorial. Làm theo quy trình khám phá, luyện tập rồi ghi hình để có kết quả ổn định, đặc biệt khi làm việc với prototype và giao diện thay đổi nhanh.

Prototypes
Yêu thích 0GitHub 156.3k
A
seo

bởi affaan-m

Skill seo giúp kiểm tra, lập kế hoạch và triển khai SEO kỹ thuật, tối ưu on-page, dữ liệu có cấu trúc, Core Web Vitals và ánh xạ từ khóa. Hãy dùng khi cần crawlability, indexability, metadata, schema, liên kết nội bộ, thay đổi sitemap và robots, hoặc SEO cho Keyword Research, với hướng dẫn cụ thể theo từng trang, có thể triển khai ngay.

Keyword Research
Yêu thích 0GitHub 156.3k
A
search-first

bởi affaan-m

search-first là một quy trình nghiên cứu trước khi viết code, giúp tìm các công cụ, thư viện và mẫu có sẵn trước khi bạn xây dựng phần tùy chỉnh. Hãy dùng skill search-first để đánh giá các lựa chọn, so sánh đánh đổi và quyết định nên áp dụng, mở rộng hay tự xây dựng với ít phỏng đoán hơn.

Skill Scaffolding
Yêu thích 0GitHub 156.2k
A
perl-security

bởi affaan-m

perl-security giúp bạn rà soát mã Perl để xử lý đầu vào an toàn hơn, chế độ taint mode, thực thi shell, placeholder DBI, và các vấn đề bảo mật web như XSS, SQLi, và CSRF. Hãy dùng skill perl-security này cho công việc Security Audit, lập kế hoạch khắc phục, và phát triển an toàn khi dữ liệu do người dùng kiểm soát đi vào các sink nhạy cảm.

Security Audit
Yêu thích 0GitHub 156.2k
A
nextjs-turbopack

bởi affaan-m

Kỹ năng nextjs-turbopack giúp bạn dùng Turbopack trong Next.js 16+ để phát triển cục bộ nhanh hơn, HMR mượt hơn và đưa ra quyết định đúng về bundler. Hãy xem đây như một hướng dẫn thực hành về nextjs-turbopack cho việc cài đặt, sử dụng, và khi nào nên chuyển lại sang webpack trong quy trình Frontend Development.

Frontend Development
Yêu thích 0GitHub 156.2k
A
frontend-design

bởi affaan-m

Dùng frontend-design để xây dựng các giao diện frontend khác biệt, sẵn sàng cho sản xuất, với định hướng thị giác rõ ràng. Skill frontend-design này phù hợp cho landing page, dashboard, app shell và các component mà thứ bậc nội dung, kiểu chữ, chuyển động và độ chỉn chu quan trọng không kém phần triển khai. Nó cũng bao gồm hướng dẫn cài đặt và sử dụng cho công việc UI theo hướng thiết kế trước.

UI Design
Yêu thích 0GitHub 156.1k
A
exa-search

bởi affaan-m

exa-search là một skill Exa MCP dành cho nghiên cứu web cập nhật, ví dụ code, thông tin công ty, tra cứu người và tìm nguồn nhanh. Hãy dùng nó khi độ mới và bằng chứng là yếu tố quan trọng, và khi bạn cần một hướng dẫn thực tế về exa-search cho tìm kiếm trực tiếp, trả lời dựa trên công cụ và quy trình nghiên cứu web.

Web Research
Yêu thích 0GitHub 156.1k
A
deep-research

bởi affaan-m

deep-research biến các câu hỏi rộng thành nghiên cứu web có trích dẫn bằng các công cụ MCP firecrawl và exa. Hãy dùng nó để so sánh nguồn, tổng hợp phát hiện và tạo báo cáo có dẫn nguồn cho phân tích đối thủ, đánh giá công nghệ, thẩm định và các quyết định khác cần bằng chứng.

Web Research
Yêu thích 0GitHub 156.1k
A
canary-watch

bởi affaan-m

canary-watch là một skill giám sát sau triển khai để kiểm tra một URL đang hoạt động nhằm phát hiện hồi quy sau các lần phát hành, merge hoặc cập nhật phụ thuộc, trên môi trường staging hoặc production.

Monitoring
Yêu thích 0GitHub 156.1k
A
accessibility

bởi affaan-m

Skill accessibility hỗ trợ bạn thiết kế, triển khai và đánh giá UI có khả năng tiếp cận theo hướng dẫn WCAG 2.2 Level AA cho Web, iOS và Android. Bạn có thể dùng skill này để xác định vai trò thành phần, nhãn, trạng thái, hành vi focus và các accessibility traits, kèm hướng dẫn thực tế cho công việc UX Audit và rà soát triển khai.

UX Audit
Yêu thích 0GitHub 156k