Browser Automation

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.

nuxt4-patterns là một skill cho Nuxt 4 về an toàn hydration, route rules, lazy loading và truy vấn dữ liệu an toàn với SSR. Dùng skill nuxt4-patterns để đưa ra quyết định tốt hơn trong Frontend Development, giảm lỗi lệch render và áp dụng đúng pattern cho từng trang hoặc component.

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.

Dùng benchmark skill để đo baseline hiệu năng, phát hiện hồi quy trước và sau PR, và so sánh các lựa chọn stack trên trang, API và build cho Performance Optimization.

Skill benchmark giúp phát hiện các hồi quy hiệu năng trong luồng web và ứng dụng. Hãy dùng nó để thiết lập đường cơ sở, so sánh trước và sau thay đổi, và theo dõi liệu một PR có làm trang chậm hơn, nặng hơn hay kém ổn định hơn không. Đây là hướng dẫn benchmark thực tế cho tối ưu hiệu năng, Core Web Vitals, kiểm tra Lighthouse, dung lượng bundle và xu hướng thời gian tải.

canary là một kỹ năng giám sát sau triển khai, theo dõi các ứng dụng đang chạy thực tế để phát hiện lỗi console, lỗi trang và các suy giảm hiệu năng. Kỹ năng này so sánh hành vi hiện tại với đường cơ sở trước triển khai để bạn có thể xác minh bản phát hành, bắt các trang bị hỏng và nhận ra các bất thường dễ thấy mà không phải đoán mò như khi dùng một prompt chung chung.

Skill qa kiểm thử một cách có hệ thống cho web app, tìm lỗi và xác minh các bản sửa bằng quy trình theo từng giai đoạn. Hãy dùng khi cần kiểm thử hồi quy, kiểm tra sẵn sàng phát hành, hoặc một hướng dẫn QA có cấu trúc khi bạn cần bằng chứng, chấm mức độ nghiêm trọng và vòng lặp sửa lỗi–kiểm tra lại theo từng bước nhỏ thay vì một prompt săn lỗi chung chung.

Tra cứu tài liệu cho thư viện Python browser-use. Kỹ năng open-source hỗ trợ cài đặt, thiết lập, mã Agent và Browser, biến môi trường cho model, công cụ, tích hợp MCP, giám sát và hướng dẫn về Actor API phiên bản cũ.

gstack là một skill AI điều khiển trình duyệt dành cho kiểm thử QA, dogfooding, kiểm tra trước khi phát hành và bắt lỗi. Skill này mở các trang thật, click qua giao diện, xác minh trạng thái, so sánh trước/sau, kiểm thử bố cục responsive và thu thập bằng chứng có ảnh chụp màn hình. Đây là lựa chọn đặc biệt hữu ích cho rà soát UI Design và xác thực triển khai khi bạn cần kết quả trình duyệt đáng tin cậy từ gstack skill.

diagnose là một quy trình gỡ lỗi có cấu trúc dành cho bug khó, test không ổn định và hồi quy hiệu năng. Nó giúp bạn tái hiện sự cố, thu nhỏ case lỗi, đặt từng giả thuyết một, thêm instrumentation, sửa đúng nguyên nhân gốc và khóa lỗi bằng một regression test. Hãy dùng guide diagnose khi chỉ nói “debug cái này” vẫn chưa đủ.

critique giúp bạn xem xét giao diện, tính năng, trang hoặc thành phần dưới góc nhìn UX với chấm điểm có cấu trúc, kiểm thử theo persona, kiểm tra heuristic và phản hồi có thể hành động. Hãy dùng skill critique khi bạn cần một quy trình critique lặp lại được cho UI/UX Design, thay vì những nhận xét mơ hồ. Skill này phù hợp nhất cho các phiên critique tập trung vào một khu vực cụ thể với bối cảnh rõ ràng.

figma-create-new-file tạo một file Figma Design trống mới hoặc một bảng FigJam mới trong drafts. Dùng khi bạn cần một điểm khởi đầu mới trước các thao tác Figma sâu hơn, bao gồm cả use_figma. Skill này hỗ trợ design hoặc figjam, đặt tên file tùy chọn, và có thể giải quyết quyền truy cập gói bằng whoami khi cần.

baoyu-post-to-wechat là skill đăng bài lên WeChat Official Account, hỗ trợ cả luồng qua trình duyệt và API cho bài viết và bài đăng dạng image-text. Skill này nhận đầu vào Markdown, HTML và văn bản thuần, hỗ trợ trích xuất tiêu đề và tóm tắt từ frontmatter, chuyển đổi Markdown sang định dạng WeChat, xử lý hình ảnh và kiểm tra môi trường để tự động hóa với hồ sơ Chrome.

baoyu-post-to-weibo cho phép agent đăng bài Weibo và bài viết Headline thông qua một phiên Chrome thực. Skill hỗ trợ văn bản, hình ảnh, video, chuyển đổi Markdown sang HTML, tiện ích dán từ clipboard, cùng cách chạy bằng bun hoặc npx để quy trình đăng bài ổn định và đáng tin cậy hơn.

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ợ.

seo-dataforseo kết nối Claude với dữ liệu SEO trực tiếp qua DataForSEO MCP server để kiểm tra SERP, nghiên cứu từ khóa, backlink, phân tích on-page, nghiên cứu đối thủ, danh sách doanh nghiệp và theo dõi mức độ hiển thị trong AI. Đây là lựa chọn phù hợp nhất cho các quy trình dựa trên dữ liệu khi bạn cần bằng chứng tìm kiếm thực tế, hướng dẫn cài đặt rõ ràng và cách dùng seo-dataforseo thực tiễn.

seo-audit thực hiện audit SEO toàn bộ website với cơ chế phân công song song cho các subagent, crawl tối đa 500 trang và tự nhận diện loại hình doanh nghiệp. Kỹ năng này kiểm tra các tín hiệu kỹ thuật, nội dung, schema, hiệu năng, hiển thị, local và geo, sau đó trả về điểm sức khỏe cùng các bản sửa ưu tiên cho việc rà soát toàn site và phân tích SEO Content.

analyzing-browser-forensics-with-hindsight giúp các nhóm Digital Forensics phân tích các artifact của trình duyệt Chromium bằng Hindsight, bao gồm history, downloads, cookies, autofill, bookmarks, metadata thông tin đăng nhập đã lưu, cache và extensions. Dùng nó để tái dựng hoạt động web, xem lại timeline và điều tra các profile của Chrome, Edge, Brave và Opera.

website-to-hyperframes là một skill quy trình để biến một website hiện có thành video HyperFrames. Hãy dùng nó khi bạn có URL và muốn tạo một product tour, video quảng bá, quảng cáo mạng xã hội hoặc video giải thích dựa trên thiết kế, nội dung và tài nguyên thực tế của trang. Repo hỗ trợ các bước capture, design, script, storyboard, VO, build và validation cho công việc Design Implementation.

Skill wp-playground giúp bạn tạo các môi trường WordPress Playground dùng một lần, có thể tái lập để kiểm thử plugin và theme, chuyển đổi phiên bản, blueprints, snapshots và gỡ lỗi cô lập. Skill này hỗ trợ quy trình làm việc trên trình duyệt hoặc CLI qua @wp-playground/cli, đặc biệt hữu ích cho phát triển backend, QA và tái hiện sự cố có kiểm soát.

web-perf phân tích hiệu năng web bằng Chrome DevTools MCP. Nó đo Core Web Vitals, các vấn đề tải dựa trên trace, tài nguyên chặn hiển thị, thay đổi bố cục, lỗi liên quan đến cache và các khoảng trống về khả năng truy cập. Hãy dùng web-perf cho tối ưu hiệu năng, gỡ lỗi các trang chậm và quy trình hướng dẫn web-perf dựa trên bằng chứng, dựa vào tài liệu hiện hành và trace thực tế.

agents-sdk giúp bạn xây dựng agent trên Cloudflare Workers với hội thoại có trạng thái, thực thi bền vững, chat qua WebSocket hoặc streaming, tích hợp MCP, tác vụ theo lịch và tự động hóa trình duyệt. Skill agents-sdk này tập trung vào quyết định cài đặt, cấu hình và cách dùng thực tế cho ứng dụng Workers hiện có hoặc mới, đồng thời chỉ đề xuất hệ đa agent khi chúng thực sự phù hợp với ràng buộc của runtime Cloudflare.

Dùng skill network để tạo sơ đồ topology mạng bằng PlantUML với icon thiết bị mxGraph, tự động bố cục, nhóm theo zone và ngữ nghĩa liên kết rõ ràng. Skill này phù hợp cho sơ đồ LAN, WAN, doanh nghiệp, trung tâm dữ liệu, không dây, bảo mật và theo từng nhà cung cấp, kèm ví dụ về cách dùng network và hướng dẫn khi nào nên chọn network thay vì uml hoặc cloud.

Dùng kỹ năng slack-messaging để gửi hoặc đọc tin nhắn Slack, kiểm tra kênh, thử nghiệm tích hợp Slack và tương tác với workspace Slack từ dòng lệnh bằng slackcli để tự động hóa quy trình làm việc.