JavaScript

repo-scan là một skill kiểm tra source đa nền tảng, có khả năng phân loại file, phát hiện thư viện bên thứ ba được nhúng, và giúp bạn đánh giá phần nào là lõi, phần nào bị lặp, hoặc chỉ là gánh nặng dư thừa. Skill này hữu ích cho repo-scan trong Code Review, di chuyển hệ thống legacy, và lập kế hoạch refactor. Xem hướng dẫn cài đặt repo-scan và cách dùng repo-scan ngay trong skill.

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.

Skill nodejs-keccak256 giúp bạn tránh một lỗi Ethereum rất phổ biến trong JavaScript và TypeScript: dùng sha3-256 của Node khi thực ra cần Keccak-256. Skill này hữu ích cho phát triển backend, selector, event topic, chữ ký, storage slot và suy ra địa chỉ, kèm hướng dẫn sử dụng nodejs-keccak256 thực tế.

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.

nanoclaw-repl là một skill REPL có nhận biết phiên làm việc để vận hành và mở rộng NanoClaw v2. Skill này hỗ trợ các phiên làm việc bền vững dựa trên markdown, phân nhánh, tìm kiếm, nén ngữ cảnh, chuyển đổi mô hình và xuất dữ liệu cho Workflow Automation. Hãy dùng hướng dẫn nanoclaw-repl này để giữ các tác vụ cục bộ mang tính quyết định và dễ tiếp tục sau này.

frontend-slides giúp bạn tạo HTML presentation giàu hiệu ứng chuyển động từ đầu hoặc bằng cách chuyển đổi file PowerPoint. Hãy dùng frontend-slides cho các buổi talk, pitch deck, workshop, demo nội bộ và frontend-slides cho UI Design khi bạn cần khám phá trực quan, đầu ra chạy trên trình duyệt không phụ thuộc thư viện, và bộ slide vừa khít một khung nhìn.

frontend-patterns là một skill thực dụng dành cho phát triển frontend với React và Next.js, giúp bạn chọn các pattern dễ bảo trì cho component, state, form, routing, accessibility và hiệu năng. Hãy dùng hướng dẫn frontend-patterns khi bạn cần chỉ dẫn triển khai rõ ràng và cách chọn pattern, chứ không chỉ những best practice chung chung.

Skill coding-standards cung cấp một nền tảng chung về đặt tên, khả năng đọc, tính bất biến, tính nhất quán và review code giữa các dự án, trước khi áp dụng các quy tắc riêng theo framework.

Skill bun-runtime giúp bạn chọn Bun cho các dự án JavaScript hoặc TypeScript mới, chuyển từ Node, viết script, chạy test và thiết lập với Vercel. Nội dung bao gồm cách dùng bun-runtime, hướng dẫn cài đặt, so sánh Bun với Node và các quy trình làm việc thực tế cho phát triển frontend lẫn full-stack.

Tìm hiểu skill agentic-engineering để thực thi theo hướng eval-first, chia nhỏ tác vụ, định tuyến mô hình, và tự động hóa quy trình an toàn hơn với các kiểm tra hồi quy.

browse là một kỹ năng trình duyệt headless nhanh, phù hợp cho QA, dogfooding và tự động hóa trình duyệt. Dùng nó để mở trang, tương tác với phần tử, xác minh trạng thái, so sánh trước và sau thao tác, chụp ảnh màn hình, và kiểm tra bố cục responsive, biểu mẫu, tải tệp, hộp thoại, cũng như trạng thái của phần tử. Hãy cài browse khi bạn cần bằng chứng từ trình duyệt thay vì một prompt chung chung.

setup-pre-commit giúp bạn thêm Husky pre-commit hooks cùng lint-staged, Prettier và tùy chọn chạy typecheck/test. Hãy dùng hướng dẫn setup-pre-commit này khi repo của bạn cần một lớp bảo vệ pre-commit nhanh, có thể lặp lại, và bạn muốn giữ nguyên cấu hình hiện có trong khi thêm đúng các script cho trình quản lý gói đang dùng.

tdd là một kỹ năng Test-Driven Development giúp xây dựng tính năng, sửa lỗi và viết bộ kiểm thử bền vững theo vòng lặp đỏ-xanh-tái cấu trúc. Kỹ năng này ưu tiên các kiểm thử tập trung vào hành vi qua giao diện công khai, chỉ mock ở ranh giới, cùng hướng dẫn thực tế cho tự động hóa kiểm thử, tái cấu trúc và thiết kế giao diện.

prototype skill giúp bạn xây dựng mã dùng tạm để trả lời một câu hỏi cụ thể trước khi đầu tư vào một triển khai thật. Hãy dùng nó để kiểm tra logic, chuyển trạng thái, cấu trúc dữ liệu hoặc hướng UI bằng một prototype có thể chạy và bám theo quy ước của repo chủ. Đây là lựa chọn lý tưởng khi bạn cần một hướng dẫn prototype nhanh, không phải một tính năng hoàn chỉnh.

ckm:design-system giúp bạn xây dựng token ba lớp, spec component, CSS variables, mapping Tailwind và slide thương hiệu nhất quán dựa trên token architecture rõ ràng.

paypal-integration giúp nhà phát triển lên kế hoạch và dựng khung cho các luồng PayPal checkout, subscriptions, payouts, IPN và hoàn tiền. Hãy dùng skill này để chọn giữa hướng tiếp cận JavaScript SDK và REST API, tạo mã khởi đầu, và định hình quy trình thanh toán thương mại điện tử với định hướng triển khai rõ ràng hơn.

nodejs-backend-patterns là hướng dẫn thực tiễn để xây dựng dịch vụ backend Node.js với Express hoặc Fastify, bao quát middleware, xác thực, xử lý lỗi, tầng repository, DI, caching và tích hợp cơ sở dữ liệu cho các API hướng đến production.

typescript-advanced-types là một skill chuyên sâu về thiết kế kiểu dữ liệu TypeScript nâng cao, bao quát generics, conditional types, mapped types, template literal types và các utility pattern giúp viết mã frontend và thư viện an toàn hơn.

modern-javascript-patterns là tài liệu tham khảo thực tiễn về ES6+ để refactor JavaScript cũ, áp dụng async/await, modules, destructuring và các mẫu xử lý mảng theo phong cách hàm. Hãy dùng nó để hiện đại hóa code frontend hoặc JavaScript tổng quát với cú pháp rõ ràng hơn, lựa chọn pattern tốt hơn và khả năng bảo trì cao hơn.

javascript-testing-patterns giúp agent soạn test và thiết lập test cho JS/TS với Jest, Vitest và Testing Library. Hãy dùng skill này để lên kế hoạch test unit, integration và UI, với các mẫu cho mock, fixture, coverage và prompt Test Automation hiệu quả hơn.

nextjs-app-router-patterns giúp nhà phát triển lên kế hoạch kiến trúc Next.js 14+ App Router, bao gồm Server Components, streaming, caching, route handlers và Server Actions cho phát triển full-stack cũng như di chuyển từ Pages Router.

dependency-upgrade là skill hỗ trợ lập kế hoạch nâng cấp dependency lớn với rà soát semver, phân tích tương thích, triển khai theo từng giai đoạn và kiểm thử. Hãy dùng skill này để kiểm tra các gói npm hoặc yarn, phân tích cây phụ thuộc, xử lý xung đột và định hướng nâng cấp framework hoặc thư viện an toàn hơn trong quy trình Code Editing.

react-modernization là một skill tập trung vào nâng cấp, giúp đưa ứng dụng React 16/17 lên 18+, chuyển class component sang hooks, cập nhật root API và lập kế hoạch refactor theo từng giai đoạn với hướng dẫn có tính đến codemod.

vercel-react-native-skills là skill cho React Native và Expo dành cho phát triển frontend chú trọng hiệu năng. Hãy dùng nó để cải thiện việc render danh sách, animation, điều hướng, các mẫu UI, quản lý state và thiết lập native module. Skill này cung cấp các quy tắc thực tiễn, hướng dẫn cài đặt và các mẫu sử dụng để xử lý các điểm nghẽn của ứng dụng mobile với ít phải đoán mò hơn.