Skills Vercel

opensrc/skills/opensrc

Tìm nạp mã nguồn phụ thuộc để cung cấp cho tác nhân AI ngữ cảnh triển khai sâu hơn. Sử dụng khi tác nhân cần hiểu cách một thư viện hoạt động bên trong, đọc…

vercel-plugin/skills/payments

Hướng dẫn tích hợp thanh toán Stripe — thiết lập Vercel Marketplace gốc, phiên thanh toán, xử lý webhook, thanh toán đăng ký và SDK Stripe. Sử dụng khi…

phase/skills/phase

Sử dụng khi xây dựng, xem xét hoặc tối ưu hóa hoạt ảnh web HOẶC hiệu suất kết xuất (vòng lặp khung hình, tiết lộ cuộn/viewport, chuyển tiếp gắn/tháo gắn,…)

open-agents/.agents/skills/plan-mode

Lập kế hoạch toàn diện, có nhận thức về hệ thống trước khi thực hiện các tác vụ không tầm thường. Sử dụng khi tác vụ liên quan đến tính năng mới, quyết định kiến trúc, thay đổi nhiều tệp,…

vercel-plugin/.claude/skills/plugin-audit

Kiểm tra hiệu suất của vercel-plugin trên các dự án thực tế. Trích xuất các lệnh gọi công cụ từ nhật ký hội thoại Claude Code, kiểm tra khả năng khớp hook với đầu vào thực tế,…

portless/skills/portless

Các URL .localhost được đặt tên cho máy chủ phát triển, loại bỏ xung đột cổng và số cổng cố định. Tự động gán các cổng miễn phí ngẫu nhiên (4000–4999) và định tuyến các tên miền phụ được đặt tên (ví dụ: myapp.localhost:1355) đến ứng dụng chính xác thông qua proxy ngược trên cổng 1355. Tự động phát hiện git worktrees và thêm tên nhánh làm tiền tố tên miền phụ để mỗi worktree có một URL duy nhất mà không cần thay đổi cấu hình. Hỗ trợ HTTP/2 với HTTPS thông qua chứng chỉ CA cục bộ tự động tạo; bao gồm các lệnh CLI cho proxy...

next.js/.agents/skills/pr-status-triage

Sử dụng kỹ năng này khi người dùng hỏi về trạng thái PR, lỗi CI hoặc nhận xét đánh giá trong monorepo Next.js.

ralph-gpu/SKILLS/ralph-gpu

Thư viện shader WebGPU tối giản dành cho lập trình sáng tạo và đồ họa thời gian thực. Cung cấp các fullscreen pass, hạt, compute shader, render target, và ping-pong…

json-render/skills/react

Chuyển đổi đặc tả JSON thành cây component React với props an toàn kiểu và quản lý trạng thái. Định nghĩa catalog bằng lược đồ Zod cho props component, sau đó triển khai component với tính an toàn kiểu và xác thực tự động. Quản lý trạng thái tích hợp qua StateProvider với ràng buộc hai chiều ($bindState), render có điều kiện và tích hợp store bên ngoài (Redux, Zustand, XState). Hệ thống sự kiện với phân phối hành động, trình theo dõi trạng thái và bốn hành động tích hợp sẵn (setState, pushState, removeState,...).

agent-skills/skills/react-best-practices

Hướng dẫn tối ưu hiệu suất React và Next.js từ Vercel Engineering. Kỹ năng này nên được sử dụng khi viết, xem xét hoặc tái cấu trúc mã React/Next.js để đảm bảo các mẫu hiệu suất tối ưu. Kích hoạt cho các tác vụ liên quan đến component React, trang Next.js, truy xuất dữ liệu, tối ưu bundle hoặc cải thiện hiệu suất.

vercel-plugin/skills/react-best-practices

Trình đánh giá các phương pháp hay nhất của React cho tệp TSX. Kích hoạt sau khi chỉnh sửa nhiều thành phần TSX để chạy danh sách kiểm tra chất lượng cô đọng bao gồm cấu trúc thành phần,…

json-render/skills/react-email

Trình kết xuất React Email cho json-render, chuyển đổi các đặc tả JSON thành email HTML hoặc văn bản thuần túy bằng @react-email/components và @react-email/render. Sử dụng khi…

json-render/skills/react-native

Trình kết xuất React Native cho json-render, chuyển đổi các đặc tả JSON thành giao diện người dùng di động gốc. Sử dụng khi làm việc với @json-render/react-native, xây dựng giao diện React Native…

agent-skills/skills/react-native-skills

Các phương pháp hay nhất về React Native và Expo để xây dựng ứng dụng di động hiệu suất cao. Sử dụng khi xây dựng các thành phần React Native, tối ưu hiệu suất danh sách, triển khai…

json-render/skills/react-pdf

Trình kết xuất React PDF cho json-render. Sử dụng khi tạo tài liệu PDF từ đặc tả JSON, làm việc với @json-render/react-pdf, hoặc kết xuất đặc tả sang PDF…

json-render/skills/react-three-fiber

Trình kết xuất 3D React Three Fiber cho json-render. Sử dụng khi làm việc với @json-render/react-three-fiber, xây dựng cảnh 3D từ thông số kỹ thuật JSON, kết xuất…

next.js/.agents/skills/react-vendoring

Sử dụng kỹ năng này cho các thay đổi liên quan đến React đã được vendored, react-server-dom-webpack/*, hoặc các ranh giới lớp react-server.

json-render/skills/redux

Bộ chuyển đổi Redux cho giao diện StateStore của json-render. Sử dụng khi tích hợp json-render với Redux hoặc Redux Toolkit để quản lý trạng thái qua @json-render/redux.

vercel-plugin/.claude/skills/release

Phát hành vercel-plugin — chạy các cổng, tăng phiên bản, tạo tạo phẩm, commit và push. Sử dụng khi được yêu cầu "phát hành", "ship", "tăng và push", hoặc "cắt một bản phát hành".

json-render/skills/remotion

Trình kết xuất Remotion cho json-render, chuyển đổi thông số kỹ thuật dòng thời gian JSON thành video. Sử dụng khi làm việc với @json-render/remotion, xây dựng các bố cục video từ…

json-render/skills/remotion-best-practices

Các phương pháp tốt nhất cho Remotion - Tạo video trong React

open-agents/.agents/skills/remove-demo-limits

Loại bỏ các giới hạn bản demo được lưu trữ trên Open Harness khỏi một bản fork. Sử dụng khi người bảo trì muốn xóa giới hạn dùng thử mẫu được quản lý, kiểm soát triển khai được lưu trữ, hoặc…

emulate/skills/resend

API email Resend mô phỏng cho phát triển và kiểm thử cục bộ. Sử dụng khi người dùng cần gửi email cục bộ, kiểm thử luồng email giao dịch, triển khai magic…

next.js/.agents/skills/router-act

Sử dụng kỹ năng này khi viết hoặc sửa đổi các bài kiểm tra liên quan đến yêu cầu prefetch, điều hướng router phía client, hoặc bộ nhớ đệm phân đoạn. Tiện ích createRouterAct từ test/lib/router-act.ts cho phép bạn xác nhận các phản hồi prefetch và điều hướng một cách đầu cuối mà không phụ thuộc vào số lượng yêu cầu chính xác hoặc chi tiết giao thức. Đây là lý do hầu hết các bài kiểm tra liên quan đến router phía client sử dụng mẫu này.

vercel-plugin/skills/routing-middleware

Hướng dẫn Vercel Routing Middleware — chặn yêu cầu trước cache, viết lại, chuyển hướng, cá nhân hóa. Hoạt động với mọi framework. Hỗ trợ Edge, Node.js,…

vercel-plugin/skills/runtime-cache

Hướng dẫn API bộ nhớ đệm thời gian chạy Vercel — bộ nhớ đệm khóa-giá trị tạm thời theo từng khu vực với tính năng vô hiệu hóa dựa trên thẻ. Được chia sẻ giữa Functions, Routing Middleware và Builds.…

next.js/.agents/skills/runtime-debug

Sử dụng kỹ năng này khi tái hiện các lỗi hồi quy liên quan đến runtime-bundle, module-resolution hoặc user-bundle inclusion.

sandbox/skills/sandbox

Tạo các MicroVM Linux biệt lập bằng Vercel Sandbox SDK. Sử dụng khi xây dựng môi trường thực thi mã, chạy mã không đáng tin cậy, khởi tạo máy chủ phát triển,…

vercel-openclaw/.agents/skills/sandbox-lifecycle-debug

Gỡ lỗi vòng đời sandbox cho vercel-openclaw: tạo, tiếp tục, dừng, chụp nhanh, đặt lại, điều phối tiến trình chạy cũ, hành vi Sandbox v2 liên tục, nóng…

vercel-openclaw/skills/sandbox-lifecycle-debug

Gỡ lỗi vòng đời sandbox cho vercel-openclaw: tạo, tiếp tục, dừng, chụp nhanh, đặt lại, đối chiếu tiến trình chạy treo, hành vi Sandbox v2 bền vững, nóng…