Vercel

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.

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.

setup-deploy là một skill thiết lập triển khai cho gstack, có thể nhận diện nền tảng deploy, URL production, endpoint health check và lệnh kiểm tra trạng thái deploy, rồi ghi cấu hình vào CLAUDE.md để những lần triển khai sau được lặp lại nhất quán. Hãy dùng khi bạn cần cách dùng setup-deploy biến việc khám phá cấu hình triển khai thành một quy trình dự án đã được lưu lại.

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.

vercel-cli-with-tokens giúp agent dùng Vercel CLI bằng access token thay cho đăng nhập tương tác. Quy trình ưu tiên xác thực này hướng dẫn tìm token, export `VERCEL_TOKEN`, rồi xử lý deploy, link hoặc quản lý env trong môi trường headless hay kiểu CI.

deploy-to-vercel là kỹ năng triển khai Vercel giúp kiểm tra trạng thái repo, liên kết dự án cục bộ, xác thực CLI và phạm vi team trước khi deploy. Mặc định dùng bản preview, hỗ trợ script trợ giúp và giúp trả về URL triển khai với ít phỏng đoán hơn.

web-design-guidelines rà soát mã UI theo Vercel Web Interface Guidelines, lấy quy tắc mới nhất và trả về kết quả ngắn gọn dạng file:line để audit UX và khả năng truy cập tập trung.

develop-ai-functions-example giúp bạn tạo mới hoặc chỉnh sửa các ví dụ AI SDK có thể chạy được trong vercel/ai tại `examples/ai-functions/src/`. Dùng skill này để chọn đúng nhóm ví dụ, bám sát quy ước của repo và xây dựng các ví dụ tối giản phục vụ kiểm thử nhà cung cấp, demo hoặc fixture.

add-provider-package là hướng dẫn chuyên biệt để tạo gói `@ai-sdk/<provider>` mới trong `vercel/ai`. Nội dung này giúp cộng tác viên và các nhóm API bám đúng kiến trúc provider của AI SDK, cấu trúc package và quy trình triển khai khi thêm một provider.

next-best-practices là skill thực tiễn cho Next.js, tập trung vào App Router với các nội dung như quy ước file, ranh giới RSC, async APIs, data patterns, route handlers, bundling và xử lý lỗi.

next-cache-components hướng dẫn về Cache Components trong Next.js 16: bật `cacheComponents`, dùng `use cache`, thiết lập `cacheLife`, áp dụng `cacheTag`, và stream các phần động bằng Suspense.

Skill next-upgrade hỗ trợ nâng cấp các dự án Next.js thực tế bằng cách bám theo hướng dẫn migration chính thức, codemod, lộ trình nâng cấp từng phiên bản và cập nhật dependency đồng bộ.

project-tooling giúp kiểm tra thiết lập gh, vercel, supabase và tùy chọn render CLI cho triển khai, CI/CD và tự động hóa quy trình làm việc. Dùng hướng dẫn project-tooling này để xác nhận trạng thái cài đặt, xác thực và mức độ sẵn sàng trước khi chạy các tác vụ trên repo hoặc nền tảng.

videoagent-video-studio là một skill tạo video AI ngắn từ văn bản, hình ảnh và dữ liệu tham chiếu. Dùng skill này để thử quy trình text-to-video và image-to-video, so sánh các model được hỗ trợ, và chạy qua proxy lưu trữ sẵn hoặc tự host với Node 18+.

videoagent-image-studio là skill tạo ảnh hợp nhất cho agent chạy trên Node. Công cụ này cung cấp một luồng CLI duy nhất cho Midjourney, Flux, Ideogram, Recraft, SDXL và nhiều mô hình khác, kèm thiết lập qua proxy, hướng dẫn chọn model và đầu ra được chuẩn hóa để tự động hóa.

Dùng web-design-guidelines để rà soát mã UI theo Web Interface Guidelines mới nhất. Phù hợp nhất cho quy trình web-design-guidelines tập trung trong kiểm tra UX, với kết quả ngắn gọn theo file:line, kiểm tra khả năng tiếp cận và đối chiếu tuân thủ giao diện trước khi phát hành.

vercel-react-best-practices là một hướng dẫn tập trung vào hiệu năng cho React và Next.js từ Vercel Engineering. Hãy dùng skill vercel-react-best-practices khi refactor component, route hoặc luồng lấy dữ liệu để giảm waterfall, thu gọn bundle, cải thiện rendering và triển khai frontend nhanh hơn.

vercel-deploy giúp bạn triển khai ứng dụng và website lên Vercel với cấu hình tối giản. Kỹ năng này được thiết kế cho quy trình ưu tiên bản xem trước, hướng dẫn cài đặt và sử dụng rõ ràng, đồng thời là phương án dự phòng đáng tin cậy khi CLI không khả dụng hoặc thiếu xác thực. Hãy dùng nó để tạo liên kết chia sẻ nhanh, rồi chỉ phát hành bản production khi được yêu cầu.

netlify-blobs là một hướng dẫn về object storage không cần cấu hình trong Backend Development. Dùng netlify-blobs skill để cài đặt và quản lý file, ảnh, file upload, bản export và các artifact nhị phân đã cache với `getStore()`, các thao tác CRUD, metadata và môi trường phát triển cục bộ. Không phù hợp cho dữ liệu động; hãy dùng Netlify Database thay thế.

Dùng skill ai-sdk để cài đặt gói ai cốt lõi, kiểm tra tài liệu hiện hành và áp dụng các mẫu sử dụng hiện đại cho streaming, tools, agents, useChat và thiết lập ưu tiên gateway trong ứng dụng full-stack.