Web

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

qa-only là một skill QA chỉ báo cáo, dùng để kiểm thử ứng dụng web, ghi lại lỗi và thu thập bằng chứng mà không thực hiện sửa chữa. Skill này được thiết kế cho reviewer QA và các agent cần một quy trình báo cáo lỗi có cấu trúc, chấm điểm tình trạng, chụp màn hình và các bước tái hiện. Hãy dùng qa-only khi bạn muốn một workflow báo cáo lỗi thay vì quy trình kiểm thử-sửa-chạy lại.

design-consultation là một skill design-consultation giúp biến một ý tưởng sản phẩm thô thành một hướng thiết kế hoàn chỉnh. Skill này tạo ra một nguồn sự thật DESIGN.md, bản xem trước và hướng dẫn ở cấp hệ thống cho typography, màu sắc, khoảng cách, bố cục và chuyển động. Phù hợp nhất cho các sản phẩm mới và các bề mặt UI cần một điểm khởi đầu mạch lạc.

Skill source-driven-development đặt việc viết code theo framework trên nền tài liệu chính thức, giúp bạn kiểm tra pattern trước khi triển khai. Đây là lựa chọn phù hợp cho cách dùng source-driven-development trong React, Vue, Next.js, Svelte, Angular và các stack tương tự khi tính đúng, nguồn gốc và quyết định phụ thuộc phiên bản là yếu tố quan trọng.

Skill performance-optimization giúp bạn đo lường trước, tìm đúng nút thắt cổ chai, khắc phục và xác minh kết quả. Hãy dùng khi có yêu cầu về hiệu năng, khi bạn nghi ngờ có regression, hoặc khi cần cải thiện Core Web Vitals, thời gian tải hay độ trễ tương tác.

Kỹ năng aspnet-core giúp bạn xây dựng, review, refactor và nâng cấp ứng dụng ASP.NET Core theo hướng dẫn mới nhất của framework. Kỹ năng này được thiết kế cho phát triển backend, API, ứng dụng render phía server, Blazor, SignalR, gRPC và hosted services, với hướng dẫn ưu tiên quyết định để chọn mô hình ứng dụng, thiết lập Program.cs, DI, cấu hình, bảo mật, kiểm thử và triển khai.

shader-dev là một skill GLSL thực dụng dành cho hiệu ứng thời gian thực kiểu ShaderToy. Dùng shader-dev skill để xây dựng hoặc gỡ lỗi ray marching, SDF scenes, lighting, particles, fluid motion, post-processing và shader-dev cho UI Design với ít phải đoán mò hơn so với một prompt chung chung.

Dùng transformers-js để chạy các mô hình ML bằng JavaScript và TypeScript trên cả trình duyệt lẫn môi trường server. Skill transformers-js bao gồm cài đặt, tải mô hình, bộ nhớ đệm, cấu hình và cách dùng thực tế cho các tác vụ văn bản, thị giác, âm thanh, đa phương thức, cùng với transformers-js cho tạo mã với các mô hình text-generation được hỗ trợ.

huggingface-gradio giúp bạn xây dựng và chỉnh sửa giao diện web Gradio bằng Python cho demo, chatbot và các quy trình làm việc liên quan đến phát triển frontend. Dùng skill huggingface-gradio để chọn component, gắn sự kiện và bố cục layout với ít phải đoán mò hơn.

seo-drift là một skill trên GitHub để theo dõi các thành phần trang ảnh hưởng mạnh đến SEO theo thời gian, so sánh với mốc chuẩn và phát hiện lỗi hồi quy sau khi deploy, chỉnh sửa CMS hoặc thay đổi template. Hãy dùng seo-drift cho nội dung SEO, kiểm tra on-page kỹ thuật và các tình huống cần một câu trả lời rõ ràng về việc có gì đó đã hỏng hay chưa.

seo-cluster là một kỹ năng phân cụm từ khóa dựa trên độ trùng lặp SERP để lập kế hoạch nội dung SEO. Kỹ năng này nhóm các từ khóa theo chính thứ hạng thực tế trên Google để xây dựng trang trụ cột, cụm hub-and-spoke và bản đồ liên kết nội bộ. Hãy dùng kỹ năng seo-cluster này khi bạn cần một hướng dẫn seo-cluster thực tế cho kiến trúc chủ đề, chứ không phải một màn động não từ khóa chung chung.

Skill read lấy URL và PDF về dưới dạng Markdown sạch để đọc, trích dẫn, dẫn nguồn và xử lý tiếp. Skill này được thiết kế cho nhu cầu đọc trên các trang có tường phí, site nặng JavaScript, X/Twitter, file GitHub, nền tảng Trung Quốc và các luồng Workflow Automation cần lấy văn bản nguồn đáng tin cậy trước khi phân tích. Hãy dùng hướng dẫn read khi bạn cần thu thập nội dung nguồn, không phải phần bình luận hay diễn giải.

Kỹ năng enhance-prompt biến những ý tưởng UI mơ hồ thành các prompt rõ ràng hơn, sẵn sàng cho Stitch, với cấu trúc chặt chẽ hơn, vốn từ UI/UX tốt hơn và ngữ cảnh hệ thống thiết kế. Hãy dùng hướng dẫn enhance-prompt này để tăng độ cụ thể của prompt, giảm phỏng đoán và tạo ra kết quả nhất quán hơn khi viết prompt và sinh UI.

guizang-ppt-skill là một skill thuyết trình để xây dựng các slide deck HTML một tệp, theo phong cách tạp chí biên tập × e-ink. Skill này giúp bạn tạo các deck vuốt ngang cho ra mắt sản phẩm, bài nói và demo, với typography mạnh, nền WebGL và các bố cục có thể tái sử dụng. Hãy dùng hướng dẫn guizang-ppt-skill để tạo deck nhanh hơn và lặp lại ổn định hơn.