Skills Vercel

Thêm một bộ chuyển đổi chính thức từ nhà cung cấp hoặc từ cộng đồng vào danh mục và tài liệu của Chat SDK — registry adapters.json, mục danh mục chat/adapters, trang MDX tài liệu,…

Thêm mã chẩn đoán mới theo quy ước defineDiagnostics() từ nostics

Hướng dẫn thêm các ví dụ hàm AI mới, để kiểm thử các tính năng cụ thể với API nhà cung cấp thực tế.

Hướng dẫn thêm gói harness SDK AI mới. Sử dụng khi tạo gói @ai-sdk/harness-<name> mới để điều chỉnh runtime của tác nhân mã hóa sang HarnessV1.

Hướng dẫn thêm gói nhà cung cấp AI mới vào AI SDK. Sử dụng khi tạo gói @ai-sdk/<provider> mới để tích hợp dịch vụ AI vào SDK.

Giao diện quản trị và bề mặt vận hành gỡ lỗi cho vercel-openclaw: thiết kế shell lệnh, hành động quản trị, lõi yêu cầu, bảng trạng thái, giao diện xác minh khởi chạy, kênh…

Tạo và duy trì Hồ sơ Quyết định Kiến trúc (ADR) được tối ưu hóa cho quy trình làm việc mã hóa tác nhân. Sử dụng khi bạn cần đề xuất, viết, cập nhật, chấp nhận/từ chối,…

Tự động hóa các tương tác trình duyệt để kiểm thử web, điền biểu mẫu, chụp ảnh màn hình và trích xuất dữ liệu.

Tự động hóa các tương tác trình duyệt để kiểm thử web, điền biểu mẫu, chụp ảnh màn hình và trích xuất dữ liệu. Sử dụng khi người dùng cần điều hướng trang web, tương tác với web…

CLI tự động hóa trình duyệt dành cho các tác nhân AI. Sử dụng khi người dùng cần tương tác với trang web, xác minh đầu ra máy chủ phát triển, kiểm tra ứng dụng web, điều hướng trang, điền biểu mẫu,…

Xác minh trình duyệt tự động cho máy chủ phát triển. Kích hoạt khi máy chủ phát triển khởi động để chạy kiểm tra trực quan nhanh với agent-browser — xác minh trang tải,…

Kỹ năng đồng hành cho khóa học Agent-Friendly APIs trên Vercel Academy. Xây dựng API phản hồi, làm cho nó thân thiện với agent thông qua tài liệu có cấu trúc, sau đó tạo kỹ năng Claude Code để tự động sinh tài liệu.

Python `ai` SDK — models, providers, streams, events, tools, agents, hooks, MCP, AI SDK UI, structured output, and media generation

Tạo văn bản, hình ảnh và video từ terminal bằng các mô hình AI.

Hướng dẫn thư viện thành phần AI Elements — các thành phần React dựng sẵn cho giao diện AI được xây dựng trên shadcn/ui. Sử dụng khi xây dựng giao diện chat, hiển thị tin nhắn, công cụ…

We need to translate the given English text into Vietnamese, preserving the name "ai-elements" if it appears. The text is a description of a directory item (agent skill). The name "ai-elements" is not in the provided text, so we don't include it. We must not add any extra commentary, labels, or formatting. Just the translation. The text: "Pre-built React components for AI chat interfaces built on shadcn/ui and the AI SDK. Includes conversation, message, tool display, and prompt input components designed for AI-native applications Installs directly into your project codebase via CLI, making components fully customizable and extensible with standard React patterns Requires Next.js, AI SDK, shadcn/ui, and Node.js 18+; integrates seamlessly with Vercel's AI Gateway for model access All components support standard HTML attributes..." Translate to Vietnamese. Keep technical terms like React, shadcn/ui, AI SDK, Next.js, Node.js, Vercel's AI Gateway, CLI, HTML attributes. Use natural Vietnamese. Let me produce the translation.

Hướng

Các mẫu bền vững cho sinh tạo AI — ID duy nhất, URL có thể truy cập, lưu trữ cơ sở dữ liệu và theo dõi chi phí cho mỗi lần sinh tạo LLM

Hướng dẫn chuyên sâu về Vercel AI SDK. Sử dụng khi xây dựng các tính năng hỗ trợ AI — giao diện trò chuyện, tạo văn bản, đầu ra có cấu trúc, gọi công cụ, tác nhân, MCP…

Trả lời các câu hỏi về AI SDK và giúp xây dựng các tính năng hỗ trợ AI. Sử dụng khi nhà phát triển: (1) Hỏi về các hàm AI SDK như generateText, streamText,…

Trả lời các câu hỏi về AI SDK và giúp xây dựng các tính năng hỗ trợ bởi AI. Sử dụng khi nhà phát triển: (1) Hỏi về các chức năng của AI SDK như generateText, streamText,…

Chuyển đổi dữ liệu phân tích bundle Next.js sang NDJSON và khám phá nó

Generates agent-friendly markdown documentation for API routes. Use when user says "generate docs", "document this API", "create API documentation", or "make…

Mô phỏng Đăng nhập bằng Apple / Apple OIDC cho phát triển và thử nghiệm cục bộ. Sử dụng khi người dùng cần thử nghiệm đăng nhập Apple cục bộ, mô phỏng Apple OIDC…

Truy vấn API RAG tài liệu Next.js cho chủ đề: $ARGUMENTS

Di chuyển ứng dụng Astro từ Webflow Cloud sang Vercel. Sử dụng kỹ năng này khi người dùng muốn chuyển, di dời hoặc port ứng dụng Astro ra khỏi Webflow Cloud lên…

Hướng dẫn tích hợp xác thực — Thiết lập Clerk (Vercel Marketplace gốc), Descope và Auth0 cho ứng dụng Next.js. Bao gồm các mẫu xác thực middleware,…

Gỡ lỗi xác thực và lưu trữ cho vercel-openclaw: chế độ admin-secret, Đăng nhập với Vercel, cookie phiên, CSRF, LOCAL_READ_ONLY, Redis so với bộ nhớ trong, keyspace…

Sử dụng kỹ năng này khi tạo hoặc sửa đổi các kỹ năng tác nhân trong .agents/skills/ .

Tự động hóa và kiểm tra các ứng dụng shell WebView zero-native đang chạy thông qua máy chủ tự động hóa tích hợp. Sử dụng khi người dùng yêu cầu kiểm tra ứng dụng, liệt kê cửa sổ, chụp…

Công cụ CLI để phát hành tự động dựa trên changeset với mô tả do AI tạo. Sử dụng khi người dùng cần phát hành một gói, tạo changeset, tăng phiên bản,…

Các dịch vụ đám mây AWS mô phỏng (S3, SQS, IAM, STS) dành cho phát triển và kiểm thử cục bộ. Sử dụng khi người dùng cần tương tác với các điểm cuối API AWS tại chỗ, kiểm thử S3…

Backport một pull request Next.js đã được merge từ canary sang một nhánh phát hành trước đó như next-16-2. Sử dụng khi người dùng yêu cầu backport, cherry-pick, hoặc mở một…

Xác thực thời lượng hoạt ảnh, thực thi tỷ lệ kiểu chữ, kiểm tra khả năng truy cập thành phần và ngăn chặn các phản mẫu bố cục trong các dự án Tailwind CSS. Sử dụng khi…

So sánh trực quan các trang web hoặc thành phần giữa hai URL hoặc hình ảnh. Chụp ảnh màn hình ở chế độ xem desktop, mobile (375x812) hoặc tablet (768x1024), với tùy chọn cuộn toàn trang. Hỗ trợ bộ chọn CSS để cô lập các thành phần cụ thể, và chấp nhận URL file://, http://, https:// hoặc đường dẫn hình ảnh cục bộ. Tạo đầu ra định dạng markdown với tính năng tải ảnh tự động lên 0x0.st (hoặc GitHub Gist) để dễ dàng tích hợp PR. Bao gồm phát hiện bảo vệ triển khai Vercel và tích hợp GitHub CLI...

Các kịch bản benchmark agent AI tiên tiến nhằm đẩy mạnh các tính năng nền tảng tiên tiến của Vercel — Workflow DevKit, AI Gateway, MCP, Chat SDK, Queues, Flags, Sandbox,…

Bộ benchmark đầu cuối cho vercel-plugin. Chạy các dự án thực tế thông qua skill injection, khởi chạy máy chủ dev, xác minh mọi thứ hoạt động, phân tích…

Chạy các kịch bản đánh giá vercel-plugin trong Vercel Sandboxes thay vì các bảng WezTerm cục bộ. Cung cấp các microVM tạm thời với Claude Code và plugin được cài đặt sẵn,…

Tạo và khởi chạy các dự án kiểm thử benchmark để thực thi việc tiêm kỹ năng vercel-plugin qua các kịch bản thực tế. Thiết lập các thư mục độc lập, cài đặt…

Trình điều phối khởi tạo dự án cho các kho lưu trữ phụ thuộc vào tài nguyên liên kết Vercel (cơ sở dữ liệu, xác thực và tích hợp quản lý). Sử dụng khi thiết lập hoặc…

Xây dựng hoặc điều chỉnh cửa hàng Shopify với các mẫu hỗ trợ từ nguồn Vercel Shop. Sử dụng khi tạo, thiết kế lại, tái cấu trúc hoặc xem xét các tuyến cửa hàng,…

Kỹ năng đồng hành cho khóa học Building Agents with eve trên Vercel Academy. Sử dụng khi người dùng đề cập đến "building agents with eve", "khóa học eve", "chiếc xe đạp…

Hướng dẫn toàn diện để xây dựng các thành phần UI hiện đại, dễ tiếp cận và có thể kết hợp. Bao gồm phân loại thành phần (nguyên thủy, thành phần, khối, mẫu), các nguyên tắc thiết kế cốt lõi và triển khai khả năng tiếp cận bao gồm ARIA, điều hướng bàn phím và tuân thủ WCAG. Cung cấp các mẫu cho API có thể kết hợp, đa hình, trạng thái có kiểm soát/không kiểm soát và mẫu as-child để linh hoạt trong việc kết hợp phần tử. Cung cấp hướng dẫn về token thiết kế, hệ thống chủ đề, phương pháp tạo kiểu và sử dụng...

Hướng dẫn chuyên sâu về Next.js Cache Components và Partial Prerendering (PPR). **KÍCH HOẠT CHỦ ĐỘNG**: Sử dụng kỹ năng này tự động khi làm việc với Next.js…

Lưu trữ và quản lý các test fixture phản hồi API để xác thực phân tích cú pháp của nhà cung cấp. Các fixture được tổ chức trong các thư mục con __fixtures__ bên trong các gói nhà cung cấp, sử dụng quy ước đặt tên được ghi lại trong các ví dụ hiện có. Hỗ trợ hai mẫu kiểm thử: generateText (ghi phản hồi thô vào console và sao chép vào fixture) và streamText (sử dụng helper includeRawChunks và saveRawChunks để thu thập các chunk luồng). Khuyến nghị lưu trữ phản hồi thực tế của nhà cung cấp trừ khi các ràng buộc về kích thước yêu cầu cắt bỏ để bảo toàn ngữ nghĩa...

Debug Vercel CDN caching — cache hit rate, stale content, revalidation behavior, ISR + PPR, per-request cache reasons (cacheReason), and costs.

Kênh webhook xử lý các vấn đề Slack/Telegram/Discord/WhatsApp cho vercel-openclaw: xác minh trạng thái triển khai, thu thập các endpoint sẵn sàng quản trị, xây dựng…

Kiểm tra tính tương đồng của tuyến webhook đối với các thay đổi trong phân phối kênh: đảm bảo các đường dẫn đầu cuối ghi log, ghi lại lastForward, phân loại lỗi và làm mới các URL cổng sandbox đã lỗi thời.

Viết chatbot một lần, triển khai trên Slack, Teams, Google Chat, Discord, GitHub

Hướng dẫn chuyên gia về Vercel Chat SDK. Sử dụng khi xây dựng chatbot đa nền tảng — Slack, Telegram, Microsoft Teams, Discord, Google Chat, GitHub, Linear — với một…

SDK TypeScript thống nhất để xây dựng chatbot trên Slack, Teams, Google Chat, Discord, Telegram, GitHub, Linear và WhatsApp. Viết logic bot một lần, triển khai ở mọi nơi.

Sử dụng cho các thay đổi trong packages/cli ảnh hưởng đến UX lệnh, lời nhắc, trợ giúp, bố cục đầu ra, tiến trình, thành công, cảnh báo, lỗi, hợp đồng JSON/stdout/stderr,…

Hướng dẫn tích hợp Headless CMS — Sanity (Vercel Marketplace gốc), Contentful, DatoCMS, Storyblok và Builder.io. Bao gồm thiết lập studio, mô hình hóa nội dung,…

Đánh giá các thay đổi mã nguồn và đưa ra phản hồi có thể hành động. Sử dụng khi người dùng yêu cầu xem xét một PR, bản diff, commit hoặc thay đổi mã nguồn. Kích hoạt bởi "/review", "review…

Các tiện ích tạo mã cho json-render. Sử dụng khi tạo mã từ đặc tả giao diện người dùng, xây dựng trình xuất mã tùy chỉnh, duyệt qua các đặc tả hoặc tuần tự hóa các thuộc tính cho…

Các mẫu composition trong React có khả năng mở rộng. Sử dụng khi tái cấu trúc các component có quá nhiều boolean prop, xây dựng thư viện component linh hoạt, hoặc thiết kế…

Định nghĩa schema, tạo catalog và sinh prompt AI cho các đặc tả json-render. Định nghĩa schema với các đặc tả có kiểu và catalog bằng cách sử dụng defineSchema, sau đó tạo catalog ánh xạ tên component tới props và mô tả của chúng. Sinh system prompt AI từ catalog với các quy tắc tùy chỉnh tùy chọn; hỗ trợ streaming đặc tả qua các bản vá JSONL với createSpecStreamCompiler. Biểu thức prop động cho phép liên kết trạng thái ($state, $bindState), điều kiện ($cond), template ($template), và...

Hướng d

Tạo video Remotion sử dụng thẩm mỹ hệ thống thiết kế Geist. Sử dụng khi được yêu cầu tạo video, hoạt ảnh hoặc đồ họa chuyển động tuân theo phong cách của Vercel…

Cấu hình và các phương pháp tốt nhất cho Vercel Cron Jobs. Sử dụng khi thêm, chỉnh sửa hoặc gỡ lỗi các tác vụ đã lên lịch trong vercel.json.

Gỡ lỗi Cron và watchdog cho vercel-openclaw: Xác thực Cron Vercel, công việc OpenClaw liên tục, khóa đánh thức cron, làm mới token, khôi phục oracle, dự phòng nóng, và…

Phân tích và chuyển đổi dữ liệu CSV bằng các công cụ bash

Khởi tạo d3k trong các ứng dụng AI độc lập (Codex, Cursor, Claude Code): phát hiện/cài đặt dev3000, khởi chạy d3k làm runtime, và sử dụng nhật ký hợp nhất cùng trình duyệt CDP…

Sử dụng kỹ năng này khi thay đổi các đường dẫn require() có điều kiện, các import chỉ dành cho Node, hoặc phân nhánh edge/runtime.

Chạy DeepSec trên bản checkout dự án Vercel từ dev3000. Sử dụng để thiết lập DeepSec một chạm, khởi tạo ngữ cảnh dự án, xử lý lần đầu có giới hạn, và…

Sử dụng deepsec (một công cụ quét lỗ hổng bảo mật hỗ trợ bởi AI) — chạy quét, cấu hình dự án, viết bộ so khớp và tạo plugin. Kích hoạt khi người dùng yêu cầu…

Triển khai ứng dụng lên Vercel. Sử dụng khi người dùng nói "deploy", "deploy to Vercel", "push to production", "deploy my app", hoặc "go live".

Hướng dẫn người dùng thu thập thông tin xác thực cần thiết để triển khai bản sao Open Harness của riêng họ, triển khai repo này trên Vercel và hoàn tất lần chạy đầu tiên…

Triển khai ứng dụng và trang web lên Vercel với tích hợp git tự động và URL xem trước. Hỗ trợ ba đường dẫn triển khai: git-push (lý tưởng cho các dự án đã liên kết), triển khai trực tiếp qua CLI, và dự phòng không xác thực cho môi trường sandbox. Tự động phát hiện trạng thái dự án (đã liên kết qua .vercel/project.json hoặc .vercel/repo.json, sự hiện diện của git remote, xác thực CLI) và chọn phương pháp triển khai tốt nhất. Xử lý lựa chọn nhóm cho các tài khoản nhiều nhóm và sử dụng --scope để triển khai đến đúng...

Hướng dẫn chuyên gia về triển khai Vercel và CI/CD. Sử dụng khi triển khai, thăng cấp, khôi phục, kiểm tra các bản triển khai, xây dựng với --prebuilt hoặc cấu hình CI…

We need to translate the given text from English to Vietnamese, preserving the name "develop-ai-functions-example" if it appears. The name does not appear in the source text, so we don't include it. We must not add any extra commentary, labels, or formatting. Just the translation. The text: "Development and validation scripts for AI SDK functions across multiple providers and capabilities. Organized by AI SDK function category (text generation, streaming, structured output, embeddings, image generation, speech, transcription, reranking, and agents) File naming convention maps provider and feature combinations (e.g., openai-tool-call.ts , amazon-bedrock-anthropic-cache-control.ts ) for quick identification Includes shared utility helpers for error handling, environment loading,..." Translate to Vietnamese. Keep technical terms like "AI SDK", "openai-tool-call.ts", etc. as is. Ensure natural Vietnamese phrasing. Let's translate: "Các tập lệnh phát triển và xác thực cho các hàm AI SDK trên nhiều nhà cung cấ

Bảng kiểm tra thả vào cho bất kỳ ứng dụng kết xuất json nào. Sử dụng khi người dùng muốn gỡ lỗi giao diện người dùng tạo sinh, kiểm tra cây đặc tả, chỉnh sửa trạng thái trong thời gian chạy, xem các hành động đã gửi…

Các chỉ thị tùy chỉnh được xây dựng sẵn cho json-render — định dạng, toán học, thao tác chuỗi và i18n. Sử dụng khi làm việc với @json-render/directives, định nghĩa tùy chỉnh…

Quy trình làm việc của chuyên gia kênh Discord: gỡ lỗi webhooks tương tác, chữ ký Ed25519, phản hồi trì hoãn, chuyển tiếp quy trình đến /discord-webhook, tích hợp…

Hướng dẫn chuyên sâu về Edge Runtime của Vercel — runtime JavaScript nhẹ dành cho Edge Functions và Middleware của Vercel. Sử dụng khi xây dựng hoặc cấu hình edge…

Hướng dẫn tích hợp gửi email — Resend (Vercel Marketplace gốc) với mẫu React Email. Bao gồm thiết lập API, email giao dịch, tên miền…

Kỹ năng này mã hóa triết lý của Emil Kowalski về trau chuốt giao diện người dùng, thiết kế thành phần, quyết định hoạt ảnh và những chi tiết vô hình giúp phần mềm mang lại cảm giác tuyệt vời.

Trình giả lập API cục bộ cho Vercel, GitHub, Google, Slack, Apple, Microsoft và AWS. Sử dụng khi người dùng cần khởi động các dịch vụ giả lập, cấu hình seed…

Thêm Vercel Analytics, Vercel Speed Insights và Google Tag Manager vào storefront.

Kích hoạt i18n dựa trên next-intl trong mẫu cửa hàng — URL có tiền tố ngôn ngữ, danh mục tin nhắn theo từng ngôn ngữ và bộ chuyển đổi ngôn ngữ. Sử dụng khi người dùng muốn "ngôn ngữ…

Kết nối các metaobject Shopify làm CMS cho nội dung trang chủ và trang tiếp thị. Thêm các truy vấn GraphQL cho loại metaobject cms_homepage và cms_page và chuyển đổi…

Kích hoạt Shopify Markets với định tuyến đa ngôn ngữ sử dụng next-intl. Sử dụng khi người dùng muốn thêm tính năng quốc tế hóa, hỗ trợ đa ngôn ngữ, tiền tố ngôn ngữ…

Thay thế các menu điều hướng và chân trang được mã cứng bằng các menu do Shopify cung cấp.

Hướng dẫn chuyên gia về biến môi trường Vercel. Sử dụng khi làm việc với tệp .env, lệnh env của Vercel, mã thông báo OIDC hoặc quản lý cấu hình theo môi trường cụ thể.

Xây dựng các tác nhân AI backend bền bỉ với framework eve. Sử dụng khi tạo, chỉnh sửa hoặc gỡ lỗi dự án eve — hướng dẫn tác nhân, kỹ năng, công cụ,…

Xây dựng các tác tử AI bền bỉ và ứng dụng do tác tử điều khiển với khung eve. Sử dụng khi tạo, chỉnh sửa hoặc gỡ lỗi một dự án eve, hoặc khi chọn…

Sử dụng Bộ công cụ AI Shopify để kiểm tra lược đồ Graphql Storefront và Customer Account đang hoạt động cho công việc Vercel Shop.

Bạn là trợ giảng am hiểu cho khóa học Building Filesystem Agents trên Vercel Academy. Bạn giúp học viên xây dựng các tác nhân có khả năng điều hướng hệ thống tệp tin bằng bash để trả lời các câu hỏi về dữ liệu có cấu trúc.

Khám phá và cài đặt các kỹ năng tác nhân chuyên biệt từ hệ sinh thái mở khi người dùng cần khả năng mở rộng. Giúp xác định các kỹ năng liên quan theo lĩnh vực và nhiệm vụ khi người dùng hỏi "làm thế nào để làm X" hoặc "tìm kỹ năng cho X". Tích hợp với Skills CLI (npx skills find, npx skills add) để tìm kiếm, xác minh và cài đặt các gói từ thư mục skills.sh. Đề xuất kỹ năng dựa trên số lần cài đặt, uy tín nguồn và số sao GitHub để đảm bảo chất lượng trước khi đề xuất cài đặt. Trình bày kỹ năng...

Gỡ lỗi tường lửa và Vercel AI Gateway cho vercel-openclaw: danh sách cho phép chính sách mạng, làm mới token OIDC, quy tắc chuyển đổi AI Gateway, tường lửa…

Sử dụng kỹ năng này khi thêm hoặc thay đổi cờ tính năng framework trong nội bộ Next.js.

Flags SDK (gói npm flags) là bộ công cụ feature flags dành cho Next.js và SvelteKit. Nó biến mỗi feature flag thành một hàm có thể gọi, hoạt động với bất kỳ nhà cung cấp flag nào thông qua các bộ chuyển đổi, và giữ cho các trang tĩnh bằng cách sử dụng mẫu precompute. Vercel Flags là nhà cung cấp bên thứ nhất, cho phép bạn quản lý flags từ bảng điều khiển Vercel hoặc CLI vercel flags.

Tạo giao diện frontend chất lượng sản xuất, độc đáo với chất lượng thiết kế cao. Sử dụng kỹ năng này khi người dùng yêu cầu xây dựng các thành phần web, trang, tạo tác,…

Tạo ra các giao diện frontend khác biệt, chất lượng

Gỡ lỗi gateway và proxy cho vercel-openclaw: định tuyến /gateway, chèn HTML, viết lại WebSocket, chuyển giao gateway-token, trang chờ, nhịp trạng thái,…

Hướng dẫn chuyên sâu về Geist, hệ thống kiểu chữ và họ phông chữ mặc định của Vercel cho giao diện Next.js chính xác. Sử dụng khi cấu hình Geist Sans, Geist Mono, hoặc…

Xây dựng trải nghiệm học tập tương tác, khám phá dưới dạng ứng dụng Next.js sử dụng hệ thống thiết kế Geist. Sử dụng khi tạo hướng dẫn, giải thích có thể khám phá,…

Hướng dẫn chuyên sâu cho Geistdocs, mẫu tài liệu của Vercel được xây dựng với Next.js và Fumadocs — soạn thảo MDX, cấu hình, trò chuyện AI, i18n, phản hồi,…

API REST GitHub mô phỏng dành cho phát triển và kiểm thử cục bộ. Sử dụng khi người dùng cần tương tác với các điểm cuối API GitHub tại chỗ, kiểm thử tích hợp GitHub,…

Thêm các công cụ GitHub API vào tác nhân AI bằng @github-tools/sdk — AI SDK, eve, Vercel Workflow và Chat SDK. Bao gồm các công cụ, cài đặt sẵn, kiểm soát phê duyệt, phạm vi token,…

Mô phỏng Google OAuth 2.0, OpenID Connect, Gmail, Lịch và Drive cho phát triển và kiểm thử cục bộ. Sử dụng khi người dùng cần kiểm tra đăng nhập Google…

Sử dụng khi xây dựng ứng dụng web Hono được triển khai lên Vercel, hoặc khi người dùng hỏi về API Hono, định tuyến, middleware, JSX, xác thực, kiểm thử hoặc phát trực tuyến.

Trình kết xuất hình ảnh cho json-render, chuyển đổi thông số JSON thành hình ảnh SVG và PNG qua Satori. Sử dụng khi làm việc với @json-render/image, tạo hình ảnh OG từ…

Khởi tạo một cửa hàng Vercel Shop mới với CLI create-vercel-shop chính thức. Sử dụng khi người dùng muốn tạo, dựng khung, bắt đầu hoặc khởi tạo một Vercel…

Trình kết xuất terminal Ink cho json-render, chuyển đổi các đặc tả JSON thành giao diện terminal tương tác. Sử dụng khi làm việc với @json-render/ink, xây dựng giao diện terminal từ…

Spin up a portless + tmux dev session for the Workflow SDK that gives each git worktree isolated `<branch>.<name>.localhost` URLs for the Next.js workbench and…

Điều phối viên gỡ lỗi có tổ chức. Kích hoạt khi có tín hiệu bế tắc (kẹt, treo, hỏng, chờ) và phân loại một cách có hệ thống: nhật ký runtime → trạng thái quy trình làm việc →…

Làm thế nào để được cứu khỏi một hòn đảo hoang

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

Hướng dẫn hiển thị phản hồi trò chuyện AI — xử lý các phần UIMessage, hiển thị lệnh gọi công cụ, trạng thái phát trực tuyến và trình bày dữ liệu có cấu trúc. Sử dụng khi xây dựng…

Định nghĩa schema, tạo catalog, và truyền tải spec cho việc render JSON dựa trên AI. Định nghĩa schema với spec có kiểu và catalog thành phần bằng cách sử dụng defineSchema và defineCatalog; tạo prompt AI tự động hoặc với quy tắc tùy chỉnh. Hỗ trợ biểu thức prop động bao gồm ràng buộc trạng thái ($state, $bindState), điều kiện ($cond), template, và hàm tính toán. Truyền tải phản hồi AI dưới dạng bản vá JSONL bằng cách sử dụng createSpecStreamCompiler để xây dựng spec dần dần. Xác thực tích hợp sẵn,...

Trình kết xuất hình ảnh cho json-render, chuyển đổi thông số kỹ thuật JSON thành hình ảnh SVG và PNG thông qua Satori. Sử dụng khi làm việc với @json-render/image, tạo hình ảnh OG từ…

Chuyển đổi đặc tả JSON thành cây thành phần React an toàn kiểu với quản lý trạng thái và biểu thức động. Hỗ trợ đặc tả giao diện khai báo với cây phần tử, liên kết dữ liệu hai chiều qua $bindState, kết xuất có điều kiện và biểu thức tính toán. Quản lý trạng thái tích hợp thông qua StateProvider với tùy chọn tích hợp kho lưu trữ bên ngoài (Redux, Zustand, XState) và đường dẫn trạng thái dựa trên JSON Pointer. 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: setState,...

Trình kết xuất React Email cho json-render, chuyển đổi đặ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…

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…

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ừ…

Các thành phần shadcn/ui được xây dựng sẵn cho json-render. Sử dụng khi làm việc với @json-render/shadcn, thêm các thành phần UI tiêu chuẩn vào danh mục, hoặc xây dựng giao diện web với…

Sửa kiến thức lỗi thời của LLM về nền tảng Vercel và giới thiệu sản phẩm mới. Được tiêm vào đầu phiên.

Tạo hoặc sửa đổi tệp cấu hình konsistent.json để áp đặt các quy ước cấu trúc trong mã nguồn TypeScript. Sử dụng khi người dùng muốn áp đặt…

Chạy CLI konsistent, xem xét tất cả các vi phạm được báo cáo và sửa chúng trong mã nguồn. Sử dụng khi người dùng muốn "sửa các vi phạm konsistent", "giải quyết…

Viết và duy trì các tệp tài liệu lat.md — markdown có cấu trúc mô tả kiến trúc, quyết định thiết kế và thông số kỹ thuật kiểm thử của dự án. Sử dụng khi…

Khởi chạy xác minh và gỡ lỗi khói từ xa cho vercel-openclaw: preflight, queue ping, ensureRunning, chatCompletions, wakeFromSleep, restorePrepared,…

Emulated Linear GraphQL API for local development and testing. Use when the user needs to test Linear integrations locally, emulate Linear issues, comments,…

Kiểm tra nội dung tarball của gói npm trước khi xuất bản để xác minh những tệp nào sẽ được phân phối. Liệt kê chính xác các tệp sẽ được tải lên npm, giúp phát hiện các tệp bị thiếu hoặc không mong muốn trước khi xuất bản. Tuân thủ trường files trong package.json, .npmignore và quy tắc .gitignore để hiển thị nội dung gói thực tế. Tự động xây dựng gói, tạo tarball, hiển thị nội dung và dọn dẹp trong một lệnh duy nhất. Chạy từ thư mục gói bằng script bash đơn giản; hữu ích cho...

Xem nhật ký triển khai Vercel. Sử dụng khi người dùng nói "hiển thị nhật ký", "kiểm tra nhật ký", "nhật ký vercel" hoặc "có vấn đề gì với quá trình triển khai".

Ngữ cảnh để làm việc trên bản phát hành chính tiếp theo của AI SDK. Chỉ sử dụng khi người dùng gọi rõ ràng (ví dụ: qua '/major-version-mode'). KHÔNG kích hoạt…

Hướng dẫn chuyên sâu về Vercel Marketplace — khám phá, cài đặt và xây dựng tích hợp, biến môi trường được cung cấp tự động, thanh toán hợp nhất, và…

Thêm tích hợp AI Skills (Brand Review API) vào ứng dụng Sitecore Marketplace. Sử dụng khi người dùng muốn thêm phân tích nội dung hỗ trợ AI, đánh giá thương hiệu hoặc thương hiệu…

Thêm một tuyến điểm mở

Thêm tích hợp API XM Cloud vào ứng dụng Sitecore Marketplace. Sử dụng khi người dùng muốn truy cập Sites, Pages, Authoring, Content Transfer, Search hoặc Agent API…

Xây dựng các thành phần giao diện người dùng bằng hệ thống thiết kế Blok cho các ứng dụng Sitecore Marketplace. Sử dụng khi người dùng muốn tạo giao diện, thêm thành phần, xây dựng bố cục trang, hoặc…

Triển khai ứng dụng Sitecore Marketplace lên Vercel với các tiêu đề CSP và cấu hình chính xác.

Tạo khung ứng dụng Sitecore Marketplace mới bằng SDK chính thức. Sử dụng khi người dùng muốn tạo ứng dụng marketplace mới, bắt đầu dự án Sitecore mới, hoặc…

Tài liệu tham khảo API của Sitecore Marketplace SDK. Sử dụng khi người dùng hỏi về các phương thức, kiểu dữ liệu, truy vấn, biến đổi, đăng ký của SDK hoặc cách sử dụng bất kỳ Sitecore nào…

Tích hợp ứng dụng MCP cho json-render. Sử dụng khi xây dựng máy chủ MCP hiển thị giao diện người dùng tương tác trong Claude, ChatGPT, Cursor hoặc VS Code, hoặc khi tích hợp…

Hướng dẫn chuyên sâu cho micro — framework HTTP microservices không đồng bộ của Vercel. Sử dụng khi xây dựng máy chủ HTTP nhẹ, điểm cuối API hoặc microservices…

Mô phỏng Microsoft Entra ID (Azure AD) OAuth 2.0 / OpenID Connect cho phát triển và kiểm thử cục bộ. Sử dụng khi người dùng cần kiểm thử đăng nhập Microsoft tại chỗ,…

Di chuyển ứng dụng từ AI SDK 6.x lên AI SDK 7.0. Sử dụng khi nâng cấp gói Vercel AI SDK, sửa lỗi di chuyển v7, hoặc khi người dùng đề cập đến AI SDK v6,…

Di chuyển các quy trình làm việc của Temporal, Inngest, Trigger.dev và AWS Step Functions sang Workflow SDK. Sử dụng khi chuyển đổi Activities, Workers, Signals, step.run(),…

Kỹ năng khám phá cho Native SDK, bộ công cụ hoàn chỉnh để xây dựng ứng dụng desktop gốc - các view là mã đánh dấu Native khai báo (.native), logic là…

Hướng dẫn chuyên sâu về @vercel/ncc — một CLI đơn giản để biên dịch các module Node.js thành một tệp duy nhất với tất cả các phụ thuộc được bao gồm. Sử dụng khi đóng gói serverless…

Bộ chuyển đổi Next.js để nhúng trình giả lập trực tiếp vào ứng dụng Next.js qua @emulators/adapter-next. Sử dụng khi người dùng cần nhúng trình giả lập vào Next.js, thiết lập…

Trình kết xuất Next.js cho json-render, chuyển đổi các đặc tả JSON thành các ứng dụng Next.js hoàn chỉnh với route, layout, SSR và metadata. Sử dụng khi làm việc với…

Các phương pháp hay nhất của Next.js - quy ước tệp, ranh giới RSC, mẫu dữ liệu, API bất đồng bộ, siêu dữ liệu, xử lý lỗi, trình xử lý tuyến đường, tối ưu hóa hình ảnh/phông chữ,…

Hướng dẫn phát triển Next.js toàn diện bao gồm cấu trúc tệp, mẫu RSC, tìm nạp dữ liệu, tối ưu hóa và xử lý lỗi. Bao gồm hơn 15 lĩnh vực chủ đề bao gồm quy ước tệp, phân đoạn tuyến đường, ranh giới RSC, mẫu bất đồng bộ, tạo siêu dữ liệu và tối ưu hóa hình ảnh/phông chữ. Cung cấp hướng dẫn lựa chọn thời gian chạy, cách sử dụng chỉ thị và chiến lược xử lý lỗi với các quy ước tệp cụ thể như error.tsx và not-found.tsx. Bao gồm các mẫu tìm nạp dữ liệu, phương ph

Các phương pháp hay nhất của Next.js - quy ước tệp, ranh giới RSC, mẫu dữ liệu, API bất đồng bộ, siêu dữ liệu, xử lý lỗi, trình xử lý tuyến đường, tối ưu hóa hình ảnh/phông chữ,…

Các phương pháp hay nhất của Next.js - quy ước tệp, ranh giới RSC, mẫu dữ liệu, API bất đồng bộ, siêu dữ liệu, xử lý lỗi, trình xử lý tuyến đường, tối ưu hóa hình ảnh/phông chữ,…

Nếu next-browser chưa có trong PATH, hãy cài đặt @vercel/next-browser trên toàn cục bằng trình quản lý gói của người dùng, sau đó chạy playwright install chromium.

Hướng dẫn về Cache Components của Next.js 16 — PPR, chỉ thị use cache, cacheLife, cacheTag, updateTag và di chuyển từ unstable_cache. Sử dụng khi triển khai…

Kết hợp nội dung tĩnh, đã lưu cache và động trong một route Next.js duy nhất với Partial Prerendering. Kích hoạt bằng cacheComponents: true trong next.config.ts; thay thế cờ experimental.ppr cũ. Sử dụng chỉ thị 'use cache' ở cấp file, component hoặc function để lưu cache dữ liệu bất đồng bộ với tự động tạo key dựa trên đối số và closures. Kiểm soát thời gian sống của cache bằng cacheLife() với các cấu hình sẵn có ('minutes', 'hours', 'days', 'weeks', 'max') hoặc cấu hình inline với stale,...

Next.js 16 Cache Components - PPR, use cache directive, cacheLife, cacheTag, updateTag

Check Next.js compilation errors via a running dev server. Turbopack only. MANDATORY after every code edit before reporting work complete. Replaces `next…

next-forge expert guidance — production-grade Turborepo monorepo SaaS starter by Vercel. Use when working in a next-forge project, scaffolding with `npx…

Hỗ trợ chuyên sâu cho next-forge — một mẫu Turborepo cấp sản xuất cho các ứng dụng SaaS Next.js. Kích hoạt khi có câu hỏi về cài đặt, thiết lập next-forge,…

Nâng cấp Next.js lên phiên bản mới nhất theo hướng dẫn di chuyển chính thức và các codemod. Sử dụng khi nâng cấp phiên bản Next.js, chạy codemod, hoặc di chuyển…

Nâng cấp phiên bản Next.js tự động với các codemod chính thức và tích hợp hướng dẫn di chuyển. Phát hiện phiên bản Next.js hiện tại từ package.json và tìm nạp tài liệu nâng cấp theo phiên bản từ hướng dẫn chính thức. Chạy tự động các codemod Next.js để xử lý các thay đổi gây hỏng như API Request bất đồng bộ, di chuyển thuộc tính geo/IP và chuyển đổi import động. Xử lý nâng cấp gia tăng cho các bước nhảy phiên bản lớn (ví dụ: 13 → 14 → 15) và cập nhật các phụ thuộc ngang hàng (React, React DOM,...).

Nâng cấp Next.js lên phiên bản mới nhất theo hướng dẫn di chuyển chính thức và codemods

Hướng dẫn chuyên sâu về Next.js App Router. Sử dụng khi xây dựng, gỡ lỗi hoặc thiết kế kiến trúc ứng dụng Next.js — định tuyến, Server Components, Server Actions, Cache…

Di chuyển ứng dụng Next.js từ Webflow Cloud sang Vercel. Sử dụng kỹ năng này khi người dùng muốn chuyển, di dời, hoặc port ứng dụng Next.js ra khỏi Webflow Cloud lên…

Structured diagnostic code library for JavaScript/TypeScript. Turns errors and other conditions into typed, machine-readable `Diagnostic` instances with stable…

Nuxt adapter for embedding emulators directly in a Nuxt app via @emulators/adapter-nuxt. Use when the user needs to embed emulators in Nuxt, set up same-origin…

Cấu hình các nhà cung cấp OAuth (Google, Apple, Microsoft, Facebook, GitHub, v.v.) để hoạt động với các URL dev local không cổng. Sử dụng khi thiết lập URI chuyển hướng OAuth,…

Hướng dẫn chuyên sâu về Vercel Observability — Drains (logs, traces, speed insights, web analytics), Web Analytics, Speed Insights, runtime logs, custom events,…

OpenClaw bootstrap, bundle, config, and restore-asset debugging for vercel-openclaw: openclaw.bundle sidecars, plugin discovery, channel catalog, restart…

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…

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…

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,…)

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,…

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ế,…

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

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.

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…

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,...).

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.

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,…

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…

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…

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…

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…

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…

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.

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.

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

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ừ…

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

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…

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…

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.

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,…

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

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.

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,…

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…

Chuyên môn về vòng đời Vercel Sandbox v2 cho vercel-openclaw: tạo/tiếp tục/dừng/xóa sandbox OpenClaw bền vững có tên, sự thật tự động lưu bền vững, thủ công…

Hướng dẫn chuyên sâu về Satori — thư viện của Vercel giúp chuyển đổi HTML và CSS thành SVG, thường được dùng để tạo hình ảnh OG động cho Next.js và các framework khác.

Thiết lập Vercel CLI và cấu hình dự án. Sử dụng khi người dùng nói "thiết lập Vercel", "cấu hình Vercel", "liên kết với Vercel" hoặc "vercel init".

Hướng dẫn chuyên sâu về shadcn/ui — CLI, cài đặt thành phần, mẫu kết hợp, registry tùy chỉnh, tạo chủ đề, tích hợp Tailwind CSS và giao diện chất lượng cao…

Các thành phần shadcn/ui được xây dựng sẵn cho json-render. Sử dụng khi làm việc với @json-render/shadcn, thêm các thành phần UI tiêu chuẩn vào danh mục, hoặc xây dựng giao diện web với…

Các thành phần shadcn-svelte được xây dựng sẵn cho ứng dụng Svelte json-render. Sử dụng khi làm việc với @json-render/shadcn-svelte, thêm các thành phần UI tiêu chuẩn vào Svelte…

Integrate Shopify-validated Storefront or Customer Account GraphQL into Vercel Shop. Use after Shopify AI Toolkit has supplied and validated an API operation,…

Hướng dẫn đăng nhập với Vercel — nhà cung cấp danh tính OAuth 2.0/OIDC để xác thực người dùng qua tài khoản Vercel. Sử dụng khi triển khai đăng nhập người dùng với Vercel với tư cách là…

Hướng dẫn tạo kỹ năng hiệu quả. Kỹ năng này nên được sử dụng khi người dùng muốn tạo một kỹ năng mới (hoặc cập nhật kỹ năng hiện có) để mở rộng khả năng của Claude…

Hướng dẫn tạo kỹ năng hiệu quả. Kỹ năng này nên được sử dụng khi người dùng muốn tạo một kỹ năng mới (hoặc cập nhật kỹ năng hiện có) để mở rộng khả năng của Claude…

API Slack 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 tương tác với các điểm cuối API Slack tại địa phương, kiểm thử tích hợp Slack, mô phỏng…

Sử dụng khi làm việc với mã agent/bot Slack, ứng dụng Chat SDK, dự án Bolt cho JavaScript hoặc các dự án sử dụng @chat-adapter/slack hoặc @slack/bolt. Cung cấp…

Quy trình làm việc chuyên gia kênh Slack: gỡ lỗi OAuth Slack so với sẵn sàng giao hàng, đường dẫn nhanh /slack/events, chữ ký thân thô, sửa chữa tuyến đường, dọn dẹp thông báo khởi động, và…

Trình kết xuất SolidJS cho json-render. Sử dụng khi xây dựng danh mục/registry @json-render/solid, kết nối các nhà cung cấp Renderer, triển khai bindings/actions, hoặc…

Hướng dẫn chuyên gia về streaming-markdown của Streamdown. Sử dụng khi hiển thị Markdown phát trực tuyến từ các mô hình AI, xây dựng giao diện trò chuyện với nội dung thời gian thực hoặc thay thế…

Trình kết xuất Markdown React tối ưu hóa cho luồng dữ liệu với tô sáng cú pháp, sơ đồ, toán học và tích hợp trò chuyện AI. Hỗ trợ bốn plugin tùy chọn: tô sáng cú pháp mã qua Shiki (hơn 200 ngôn ngữ), sơ đồ Mermaid, kết xuất toán học LaTeX và hỗ trợ văn bản CJK. Hai chế độ kết xuất: luồng (với con trỏ nhấp nháy hoạt hình cho trò chuyện AI) và tĩnh (cho blog và tài liệu). Tính năng bảo mật tích hợp bao gồm hộp thoại an toàn liên kết, lọc thẻ HTML, làm sạch URL và phần tử có thể cấu hình...

API Stripe mô phỏng dành cho phát triển và kiểm thử cục bộ. Sử dụng khi người dùng cần xử lý thanh toán cục bộ, kiểm thử luồng thanh toán, tạo khách hàng, quản lý…

Hướng dẫn chuyên sâu về styled-jsx — CSS-in-JS có phạm vi cho React và Next.js. Sử dụng khi viết kiểu có phạm vi thành phần với plugin babel styled-jsx, sử dụng…

Trình kết xuất Svelte 5 cho json-render, chuyển đổi các đặc tả JSON thành cây thành phần Svelte. Sử dụng khi làm việc với @json-render/svelte, xây dựng giao diện người dùng Svelte từ JSON,…

Hướng dẫn chuyên gia về tìm nạp dữ liệu SWR. Sử dụng khi xây dựng ứng dụng React với tìm nạp dữ liệu phía client, bộ nhớ đệm, xác thực lại, đột biến, giao diện người dùng lạc quan, phân trang, hoặc…

Di chuyển ứng dụng TanStack Start từ Cloudflare Workers sang Vercel. Sử dụng kỹ năng này khi người dùng muốn di chuyển, chuyển đổi hoặc chuyển ứng dụng TanStack Start (hoặc…

Di chuyển ứng dụng TanStack Start từ Netlify sang Vercel. Sử dụng kỹ năng này khi người dùng muốn chuyển, di dời hoặc port ứng dụng TanStack Start (hoặc TanStack) khỏi…

Quy trình làm việc chuyên gia kênh Telegram: gỡ lỗi /api/channels/telegram/webhook, cổng gốc 8787 /telegram-webhook, webhookSecret, dọn dẹp khởi động và sau khi chấp nhận…

Phân tích và chuyển đổi các tệp văn bản bằng công cụ bash

Hướng dẫn chuyên sâu về Turbopack. Sử dụng khi cấu hình bundler Next.js, tối ưu hóa HMR, gỡ lỗi sự cố build, hoặc hiểu về sự khác biệt giữa Turbopack và Webpack…

Hướng dẫn chuyên gia về Turborepo. Sử dụng khi thiết lập hoặc tối ưu hóa bản dựng monorepo, cấu hình bộ nhớ đệm tác vụ, bộ nhớ đệm từ xa, thực thi song song hoặc --affected…

Hệ thống xây dựng monorepo với bộ nhớ đệm tác vụ thông minh, thực thi song song và điều phối đồ thị phụ thuộc. Lưu trữ đầu ra tác vụ và chạy các tác vụ song song dựa trên các phụ thuộc đã khai báo; hỗ trợ bộ nhớ đệm từ xa cho quy trình CI/CD. Lọc và chỉ chạy các gói đã thay đổi với --affected, hoặc sử dụng --filter để chọn gói tùy chỉnh. Cấu hình các tác vụ trong turbo.json với các khóa dependsOn, outputs, inputs và env; hỗ trợ ghi đè theo gói cụ thể thông qua Package Configurations. Thực thi monorepo...

Hệ thống khoảng cách ngữ nghĩa cho Tailwind CSS v4 sử dụng đơn vị block (32px) và tab (4px). Sử dụng khi xây dựng giao diện người dùng với khoảng cách nhất quán, bảng điều khiển, bảng quản trị,…

Các API REST Twilio mô phỏng dành cho phát triển và kiểm thử cục bộ. Sử dụng khi người dùng cần kiểm thử Twilio Messaging, Verify, Voice, số điện thoại, webhook, trạng thái…

Khi cần nhân bản:

Quy trình làm việc có hướng dẫn để cập nhật tài liệu Next.js dựa trên các thay đổi mã và đánh giá PR. Phân tích git diffs để xác định các tệp tài liệu bị ảnh hưởng bằng cách sử dụng tham chiếu ánh xạ mã sang tài liệu. Cung cấp các mẫu và quy ước để xây dựng tài liệu tính năng mới (components, functions, config, guides, file conventions). Hướng dẫn từng bước cập nhật tài liệu hiện có với xác nhận của người dùng trước mỗi thay đổi. Bao gồm danh sách kiểm tra xác thực và các lệnh linting để đảm bảo định dạng...

Thêm ID mô hình mới hoặc xóa ID mô hình lỗi thời cho các nhà cung cấp AI SDK hiện có. Sử dụng khi thêm mô hình vào nhà cung cấp, xóa mô hình lỗi thời hoặc xử lý danh sách…

Cập nhật cửa hàng Vercel Shop hiện có với các thay đổi mẫu mới hơn. Sử dụng khi người dùng muốn kiểm tra độ lệch, lên kế hoạch nâng cấp hoặc áp dụng các bản cập nhật mẫu cho một…

Hướng dẫn chuyên gia từ v0 của Vercel. Sử dụng khi thảo luận về tạo mã AI, tạo thành phần giao diện từ lời nhắc, sử dụng CLI v0, tích hợp SDK/API v0, hoặc…

Sử dụng kỹ năng này khi viết hoặc tối ưu hóa các đường dẫn mã quan trọng về hiệu suất trong nội bộ máy chủ Next.js — đặc biệt là các đường dẫn nóng theo từng yêu cầu như render, streaming, routing và caching.

API REST Vercel được mô phỏng để phát triển và kiểm thử cục bộ. Sử dụng khi người dùng cần tương tác với các điểm cuối API Vercel tại chỗ, kiểm thử tích hợp Vercel,…

Triển khai ứng dụng và trang web lên Vercel. Sử dụng kỹ năng này khi người dùng yêu cầu các hành động triển khai như "Triển khai ứng dụng của tôi", "Triển khai lên môi trường production", "Tạo bản triển khai xem trước", "Triển khai và đưa tôi đường link", hoặc "Đưa cái này lên trực tuyến". Không yêu cầu xác thực - trả về URL xem trước và đường link triển khai có thể nhận.

Hướng dẫn Vercel Agent — đánh giá mã nguồn, điều tra sự cố và cài đặt SDK dựa trên AI. Tự động hóa phân tích PR và gỡ lỗi bất thường. Sử dụng khi cấu hình…

Vercel AI SDK (Python) - các mẫu để xây dựng ứng dụng hỗ trợ bởi LLM với tính năng phát trực tuyến, công cụ, hook và đầu ra có cấu trúc

Hướng dẫn chuyên gia về Vercel MCP và REST API. Sử dụng khi agent cần truy cập trực tiếp vào các dự án, bản triển khai, biến môi trường, tên miền, nhật ký của Vercel, hoặc…

Hướng dẫn chuyên gia về Vercel CLI. Sử dụng khi triển khai, quản lý biến môi trường, liên kết dự án, xem nhật ký, truy vấn số liệu, quản lý tên miền, hoặc…

Giao diện dòng lệnh để triển khai, quản lý và phát triển các dự án Vercel cục bộ cũng như trong các pipeline CI/CD. Yêu cầu liên kết dự án rõ ràng qua vercel link (dự án đơn lẻ) hoặc vercel link --repo (monorepo); các lệnh phải được chạy từ thư mục chứa thư mục .vercel/. Các quy trình làm việc chính: vercel dev cho phát triển cục bộ, vercel deploy cho triển khai xem trước, vercel --prod cho sản xuất. Hỗ trợ biến môi trường, tên miền, DNS, lưu trữ blob, tích hợp, backend Node.js,...

Triển khai và quản lý các dự án

Các mẫu composition React có khả năng mở rộng. Sử dụng khi tái cấu trúc các component có quá nhiều boolean prop, xây dựng thư viện component linh hoạt, hoặc thiết kế…

Các mẫu composition React để mở rộng component và tránh sự lan tràn của boolean prop. Bao gồm bốn danh mục ưu tiên: kiến trúc component, quản lý state, mẫu triển khai và API React 19, mỗi danh mục có quy tắc cụ thể và ví dụ mã. Có hơn 10 mẫu có tên giải quyết compound component, context provider, state lifting và explicit variant. Được thiết kế để tái cấu trúc component phình to, xây dựng thư viện tái sử dụng và xem xét các quyết định kiến trúc component. React...

vercel-composition-patterns — một kỹ năng có thể cài đặt cho các tác nhân AI, được xuất bản bởi vercel-labs/openreview.

Triển khai ứng dụng và trang web lên Vercel với bản xem trước có thể yêu cầu. Sử dụng khi người dùng yêu cầu các hành động triển khai như "triển khai ứng dụng của tôi", "triển khai và cung cấp cho tôi…

Hướng dẫn chuyên gia về Vercel Firewall — giảm thiểu DDoS tự động, Vercel WAF (quy tắc tùy chỉnh, chặn IP, bộ quy tắc được quản lý, giới hạn tốc độ), Chế độ tấn công, hệ thống…

Hướng dẫn Vercel Flags — nền tảng cờ tính năng với bảng điều khiển thống nhất, Flags Explorer, triển khai dần dần, thử nghiệm A/B và bộ chuyển đổi nhà cung cấp. Sử dụng khi…

Hướng dẫn chuyên sâu về Vercel Functions — Serverless Functions, Edge Functions, Fluid Compute, streaming, Cron Jobs và cấu hình runtime. Sử dụng khi cấu hình,…

Hướng dẫn xây dựng, cấu hình và triển khai microfrontends trên Vercel. Sử dụng kỹ năng này khi người dùng đề cập đến microfrontends, multi-zones, chia nhỏ ứng dụng…

Sử dụng để tối ưu chi phí và hiệu suất Vercel trên các dự án đã triển khai, đặc biệt là Next.js, SvelteKit, Nuxt và một số ứng dụng Astro hạn chế. Thu thập số liệu Vercel, mức sử dụng, cấu hình dự án và kết quả quét mã trước; chỉ điều tra các ứng viên dựa trên số liệu; đưa ra các đề xuất xếp hạng dựa trên các tệp đã xác minh và tài liệu Vercel/framework có nhận thức về phiên bản. Kích hoạt để giảm hóa đơn Vercel, các tuyến chậm hoặc đắt, cơ hội lưu cache, Function Invocations, Build Minutes, Fast Data Transfer, Core...

Chạy các phiên đánh giá trực tiếp trên vercel-plugin để xác minh hành vi hook, tiêm kỹ năng, tính đúng đắn của việc loại bỏ trùng lặp và mức độ bao phủ. Khởi chạy các phiên Claude Code thực tế…

Xây dựng các dịch vụ backend Python bằng API experimentalServices của Vercel. Sử dụng khi tạo backend Python hoặc các dự án đa dịch vụ có backend Python…

Hướng dẫn Vercel Queues (bản beta công khai) — truyền phát sự kiện bền bỉ với chủ đề, nhóm người tiêu dùng, thử lại và phân phối chậm. $0.60/1M thao tác. Hỗ trợ Workflow…

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…

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…

Các hướng dẫn tối

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 React/Next.js…

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 React/Next.js…

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 React/Next.js…

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 năng cao trên các lĩnh vực hiển thị danh sách, hoạt ảnh, điều hướng và mô-đun gốc. Bao gồm tám nhóm quy tắc được ưu tiên theo tác động: hiệu suất danh sách (FlashList, memoization, độ ổn định callback), hoạt ảnh (thuộc tính GPU, giá trị dẫn xuất), điều hướng, mẫu UI, quản lý trạng thái, kết xuất, cấu trúc monorepo và cấu hình. Các quy tắc hiệu suất danh sách giải quyết các vấn đề quan trọng như ảo hóa danh sách lớn, tối ưu hóa hình ảnh và tr

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

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view…

Hướng dẫn Vercel Sandbox — microVM Firecracker tạm thời để chạy mã không đáng tin cậy một cách an toàn. Hỗ trợ tác nhân AI, tạo mã và thử nghiệm. Sử dụng khi…

Dịch vụ Vercel — triển khai nhiều dịch vụ trong một dự án Vercel duy nhất. Sử dụng cho bố cục monorepo hoặc khi kết hợp backend (Python, Go) với frontend…

Hướng dẫn chuyên gia về lưu trữ Vercel — Blob, Edge Config và lưu trữ Marketplace (Neon Postgres, Upstash Redis). Sử dụng khi chọn, cấu hình hoặc sử dụng dữ liệu…

Xác minh toàn bộ câu chuyện — suy luận những gì người dùng đang xây dựng, sau đó xác minh luồng hoàn chỉnh từ đầu đến cuối: trình duyệt → API → dữ liệu → phản hồi. Kích hoạt trên máy chủ phát triển…

Trình kết xuất Vue 3 cho json-render. Sử dụng khi xây dựng giao diện Vue từ đặc tả JSON, làm việc với @json-render/vue, định nghĩa đăng ký thành phần Vue, hoặc kết xuất…

Xem xét mã giao diện người dùng để tuân thủ Web Interface Guidelines. Sử dụng khi được yêu cầu "xem xét giao diện người dùng của tôi", "kiểm tra khả năng tiếp cận", "kiểm toán thiết kế", "xem xét trải nghiệm người dùng" hoặc "kiểm tra trang web của tôi theo các thực hành tốt nhất".

web-animation-design — kỹ năng có thể cài đặt cho các tác nhân AI, được xuất bản bởi vercel-labs/open-agents.

Xem xét mã giao diện người dùng để tuân thủ Nguyên tắc Giao diện Web. Sử dụng khi được yêu cầu "xem xét giao diện người dùng của tôi", "kiểm tra khả năng tiếp cận", "kiểm tra thiết kế", "xem xét trải nghiệm người dùng" hoặc "kiểm tra trang web của tôi…

Xem xét mã giao diện người dùng để tuân thủ Nguyên tắc Giao diện Web. Sử dụng khi được yêu cầu "xem xét giao diện người dùng của tôi", "kiểm tra khả năng tiếp cận", "kiểm toán thiết kế", "xem xét trải nghiệm người dùng" hoặc "kiểm tra trang web của tôi…

Xem xét mã giao diện người dùng để tuân thủ Nguyên tắc Giao diện Web. Sử dụng khi được yêu cầu "xem xét giao diện người dùng của tôi", "kiểm tra khả năng tiếp cận", "kiểm tra thiết kế", "xem xét trải nghiệm người dùng" hoặc "kiểm tra trang web của tôi…

Xem xét mã giao diện người dùng để tuân thủ Nguyên tắc Giao diện Web. Sử dụng khi được yêu cầu "xem xét giao diện người dùng của tôi", "kiểm tra khả năng tiếp cận", "kiểm tra thiết kế", "xem xét trải nghiệm người dùng" hoặc "kiểm tra trang web của tôi…

Tạo và ghi lại video trình diễn trình duyệt có kịch bản với webreel. Tạo bản ghi MP4, GIF hoặc WebM với hoạt ảnh con trỏ, lớp phủ thao tác bàn phím và âm thanh…

Quy trình làm việc của chuyên gia kênh WhatsApp: gỡ lỗi xác minh/chữ ký webhook Meta, chiếu trạng thái liên kết, đường dẫn nhanh /whatsapp-webhook, tin nhắn khởi động, và…

Hướng dẫn chuyên gia về Vercel Workflow DevKit (WDK). Sử dụng khi xây dựng các workflow bền vững, tác vụ chạy dài, route API hoặc agent cần tạm dừng/tiếp tục, thử lại,…

Tạo các quy trình làm việc bền bỉ, có thể tiếp tục lại bằng Workflow DevKit của Vercel. Sử dụng khi xây dựng các quy trình làm việc cần tồn tại qua các lần khởi động lại, tạm dừng để chờ các sự kiện bên ngoài,…

Các quy trình công việc bền bỉ, có thể tiếp tục với điều phối theo bước, hook cho các sự kiện bên ngoài và hỗ trợ tác nhân AI tích hợp sẵn. Hỗ trợ ba chế độ thực thi: hàm quy trình công việc (lớp điều phối), hàm bước (truy cập Node.js đầy đủ với tự động thử lại và lưu trữ kết quả), và DurableAgent cho quy trình công việc hỗ trợ AI với tích hợp công cụ. Tạm dừng quy trình công việc tại các hook để chờ các sự kiện bên ngoài, sau đó tiếp tục từ các tuyến API; hook hỗ trợ các sự kiện đơn lẻ hoặc các mẫu đa sự kiện có thể lặp lại

Cài đặt và cấu hình Vercel Workflow SDK trước khi nó tồn tại trong node_modules. Sử dụng khi người dùng yêu cầu "cài đặt workflow", "thiết lập workflow", "thêm durable…

Tạo một trang tham chiếu API để ghi lại một bề mặt API duy nhất (hàm, thành phần, quy ước tệp, chỉ thị hoặc tùy chọn cấu hình). Trang nên ngắn gọn, dễ quét và tập trung vào ví dụ.

Tạo một hướng dẫn kỹ thuật dạy một trường hợp sử dụng thực tế thông qua các ví dụ tiến dần. Các khái niệm chỉ được giới thiệu khi người đọc cần đến chúng.

Xem xét tài liệu/văn xuôi để tuân thủ Nguyên tắc Viết. Sử dụng khi được yêu cầu "xem xét tài liệu của tôi", "kiểm tra phong cách viết", "kiểm tra văn xuôi", "xem xét giọng điệu và phong cách tài liệu" hoặc "kiểm tra trang này so với sổ tay viết".

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

Định dạng wire YAML cho json-render với trình phân tích luồng, tạo prompt và chuyển đổi AI SDK. Sử dụng khi làm việc với @json-render/yaml, spec dựa trên YAML…

Cài đặt Zero và tải các quy trình làm việc khớp phiên bản với kỹ năng zero.

Kỹ năng khám phá cho zero-native, một shell ứng dụng desktop Zig để xây dựng ứng dụng native với giao diện web. Sử dụng khi người dùng hỏi zero-native là gì, cách xây dựng một…

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