Skills Vercel

Guide for adding new AI function examples, for testing specific features against the actual provider APIs.

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

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.

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ạ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 thử ứng dụng web, điều hướng trang, điền biểu mẫu,…

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 các trang web, bao gồm điều hướng trang, điền biểu mẫu, nhấp nút, chụp…

Browser automation CLI for AI agents. Use when the user needs to interact with websites, verify dev server output, test web apps, navigate pages, fill forms,…

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 với agent-browser — xác minh trang tải,…

Automated browser verification for dev servers. Triggers when a dev server starts to run a visual gut-check with agent-browser — verifies the page loads,…

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` module — models, agents, hooks, middleware, MCP, structured output

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

Tạo các thành phần giao diện trò chuyện AI mới cho thư viện ai-elements theo các mẫu composable đã thiết lập, tích hợp shadcn/ui và Vercel AI SDK…

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

AI Elements component library guidance — pre-built React components for AI interfaces built on shadcn/ui. Use when building chat UIs, message displays, tool…

Vercel AI Gateway expert guidance. Use when configuring model routing, provider failover, cost tracking, or managing multiple AI providers through a unified…

Vercel AI Gateway expert guidance. Use when configuring model routing, provider failover, cost tracking, or managing multiple AI providers through a unified…

AI generation persistence patterns — unique IDs, addressable URLs, database storage, and cost tracking for every LLM generation

AI generation persistence patterns — unique IDs, addressable URLs, database storage, and cost tracking for every LLM generation

Tài liệu tham khảo và hướng dẫn thực hành để xây dựng ứng dụng hỗ trợ AI với Vercel AI SDK. Bao gồm các API cốt lõi cho tạo văn bản, phát trực tuyến, gọi công cụ, đầu ra có cấu trúc, nhúng và xây dựng tác nhân với ToolLoopAgent. Có các hook React (useChat, useCompletion) và các mẫu dành riêng cho framework như Next.js, SvelteKit và các nền tảng khác. Cung cấp hướng dẫn tích hợp nhà cung cấp cho OpenAI, Anthropic, Google và các nhà cung cấp khác, cùng với thiết lập AI Gateway để truy cập mô hình thống nhất...

Answer questions about the AI SDK and help build AI-powered features. Use when developers: (1) Ask about AI SDK functions like generateText, streamText,…

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…

Answer questions about the AI SDK and help build AI-powered features. Use when developers: (1) Ask about AI SDK functions like 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ợ AI. Sử dụng khi nhà phát triển: (1) Hỏi về các hàm AI SDK như generateText, streamText,…

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…

Convert Next.js bundle analyzer data to NDJSON and explore it

Emulated Sign in with Apple / Apple OIDC for local development and testing. Use when the user needs to test Apple sign-in locally, emulate Apple OIDC…

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

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

Authentication integration guidance — Clerk (native Vercel Marketplace), Descope, and Auth0 setup for Next.js applications. Covers middleware auth patterns,…

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

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…

Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS projects. Use when…

Visual comparison of web pages or elements across two URLs or images. Captures screenshots at desktop, mobile (375x812), or tablet (768x1024) viewports, with optional full-page scrolling Supports CSS selectors to isolate specific elements, and accepts file://, http://, https:// URLs or local image paths Generates markdown-formatted output with automatic image upload to 0x0.st (or GitHub Gist) for easy PR integration Includes Vercel deployment protection detection and GitHub CLI integration...

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

Advanced AI agent benchmark scenarios that push Vercel's cutting-edge platform features — Workflow DevKit, AI Gateway, MCP, Chat SDK, Queues, Flags, Sandbox,…

End-to-end benchmark suite for vercel-plugin. Runs realistic projects through skill injection, launches dev servers, verifies everything works, analyzes…

End-to-end benchmark suite for vercel-plugin. Runs realistic projects through skill injection, launches dev servers, verifies everything works, analyzes…

Run vercel-plugin eval scenarios in Vercel Sandboxes instead of local WezTerm panels. Provisions ephemeral microVMs with Claude Code + plugin pre-installed,…

Run vercel-plugin eval scenarios in Vercel Sandboxes instead of local WezTerm panels. Provisions ephemeral microVMs with Claude Code + plugin pre-installed,…

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

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…

Project bootstrapping orchestrator for repos that depend on Vercel-linked resources (databases, auth, and managed integrations). Use when setting up or…

Project bootstrapping orchestrator for repos that depend on Vercel-linked resources (databases, auth, and managed integrations). Use when setting up or…

Comprehensive guide for building modern, accessible, and composable UI components. Covers component taxonomy (primitives, components, blocks, templates), core design principles, and accessibility implementation including ARIA, keyboard navigation, and WCAG compliance Includes patterns for composable APIs, polymorphism, controlled/uncontrolled state, and the as-child pattern for flexible element composition Provides guidance on design tokens, theming systems, styling approaches, and using...

Capture API response test fixture.

Store and manage API response test fixtures for provider parsing validation. Fixtures are organized in __fixtures__ subfolders within provider packages, using naming conventions documented in existing examples Supports two testing patterns: generateText (log raw response to console and copy into fixture) and streamText (use includeRawChunks and saveRawChunks helper to capture streaming chunks) Recommends storing true provider responses unless size constraints require semantic-preserving cuts...

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.

Vercel Chat SDK expert guidance. Use when building multi-platform chat bots — Slack, Telegram, Microsoft Teams, Discord, Google Chat, GitHub, Linear — with a…

Write chat bots once, deploy across Slack, Teams, Google Chat, Discord, GitHub, and Linear. Unified TypeScript SDK with platform-agnostic event handlers (mentions, messages, reactions, slash commands, actions) and normalized message format across all platforms Built-in streaming support for AI responses via AI SDK integration, plus JSX-based interactive cards with buttons, dropdowns, and form modals Pluggable state adapters for Redis, PostgreSQL, or in-memory persistence; webhook handlers...

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…

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

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…

Đị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à...

Comprehensive guide for migrating Create React App (CRA) projects to Next.js. Use when migrating a CRA app, converting React Router to file-based routing, or…

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.

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.

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

Bootstrap d3k in standalone AI apps (Codex, Cursor, Claude Code): detect/install dev3000, start d3k as the runtime, and use unified logs plus CDP browser…

Use this skill when changing conditional require() paths, Node-only imports, or edge/runtime branching.

Use deepsec (an AI-powered vulnerability scanner) — running scans, configuring projects, writing matchers, and authoring plugins. Activates when the user asks…

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

Triển khai ứng dụng và trang web lên Vercel. 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à đưa tôi liên kết", "đẩy cái này…

Vercel deployment and CI/CD expert guidance. Use when deploying, promoting, rolling back, inspecting deployments, building with --prebuilt, or configuring CI…

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…

Develop examples for AI SDK functions. Use when creating, running, or modifying examples under examples/ai-functions/src to validate provider support,…

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

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…

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…

Tự động hóa các ứng dụng desktop Electron (VS Code, Slack, Discord, Figma, Notion, Spotify, v.v.) bằng agent-browser thông qua Chrome DevTools Protocol. Sử dụng khi người dùng…

Email sending integration guidance — Resend (native Vercel Marketplace) with React Email templates. Covers API setup, transactional emails, domain…

Email sending integration guidance — Resend (native Vercel Marketplace) with React Email templates. Covers API setup, transactional emails, domain…

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

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…

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

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

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

Use this skill when adding or changing framework feature flags in Next.js internals.

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

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts,…

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…

Expert guidance for Geist, Vercel's default typography system and font family for precise Next.js interfaces. Use when configuring Geist Sans, Geist Mono, or…

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

Expert guidance for Geistdocs, Vercel's documentation template built with Next.js and Fumadocs — MDX authoring, configuration, AI chat, i18n, feedback,…

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

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…

Image renderer for json-render that turns JSON specs into SVG and PNG images via Satori. Use when working with @json-render/image, generating OG images from…

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

Orchestrated debugging coordinator. Triggers on frustration signals (stuck, hung, broken, waiting) and systematically triages: runtime logs → workflow status →…

How to be rescued from a lonely island

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.

AI chat response rendering guidance — handling UIMessage parts, tool call displays, streaming states, and structured data presentation. Use when building…

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…

Schema definition, catalog creation, and spec streaming for AI-driven JSON rendering. Define schemas with typed specs and component catalogs using defineSchema and defineCatalog ; generate AI prompts automatically or with custom rules Support dynamic prop expressions including state binding ( $state , $bindState ), conditionals ( $cond ), templates, and computed functions Stream AI responses as JSONL patches using createSpecStreamCompiler for progressive spec building Built-in validation,...

Image renderer for json-render that turns JSON specs into SVG and PNG images via Satori. Use when working with @json-render/image, generating OG images from…

Convert JSON specifications into type-safe React component trees with state management and dynamic expressions. Supports declarative UI specs with element trees, two-way data binding via $bindState , conditional rendering, and computed expressions Built-in state management through StateProvider with optional external store integration (Redux, Zustand, XState) and JSON Pointer-based state paths Event system with action dispatching, state watchers, and four built-in actions: 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…

Corrects outdated LLM knowledge about the Vercel platform and introduces new products. Injected at session start.

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.

Liệt kê nội dung của một tarball gói npm trước khi xuất bản. Sử dụng khi người dùng muốn xem những tệp nào được bao gồm trong một gói npm, xác minh gói…

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

Context for working on the next AI SDK major release. Only use when explicitly invoked by the user (e.g. via '/major-version-mode'). Do NOT trigger…

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 cấp phát tự động, thanh toán hợp nhất, và…

Vercel Marketplace expert guidance — discovering, installing, and building integrations, auto-provisioned environment variables, unified billing, and the…

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…

Adds a new extension point route to a Sitecore Marketplace app. Use when the user wants to add a custom field, dashboard widget, context panel, fullscreen…

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…

Builds UI components using the Blok design system for Sitecore Marketplace apps. Use when the user wants to create UI, add components, build a page layout, or…

Deploys a Sitecore Marketplace app to Vercel with correct CSP headers and configuration.

Scaffolds a new Sitecore Marketplace app using the official SDK. Use when the user wants to create a new marketplace app, start a new Sitecore project, or…

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…

MCP Apps integration for json-render. Use when building MCP servers that render interactive UIs in Claude, ChatGPT, Cursor, or VS Code, or when integrating…

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…

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

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

Comprehensive Next.js development guidelines covering file structure, RSC patterns, data fetching, optimization, and error handling. Covers 15+ topic areas including file conventions, route segments, RSC boundaries, async patterns, metadata generation, and image/font optimization Provides runtime selection guidance, directive usage, and error handling strategies with specific file conventions like error.tsx and not-found.tsx Includes data fetching patterns, route handler best practices,...

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

Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization,…

Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization,…

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.

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

Next.js 16 Cache Components guidance — PPR, use cache directive, cacheLife, cacheTag, updateTag, and migration from unstable_cache. Use when implementing…

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

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

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…

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…

Expert assistance for next-forge — a production-grade Turborepo template for Next.js SaaS apps. Triggers on questions about next-forge installation, setup,…

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

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

Upgrade Next.js to the latest version following official migration guides and codemods

Upgrade Next.js to the latest version following official migration guides and codemods. Use when upgrading Next.js versions, running codemods, or migrating…

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

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

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…

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…

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…

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

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

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…

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…

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

Audit vercel-plugin performance on real-world projects. Extracts tool calls from Claude Code conversation logs, tests hook matching against actual inputs,…

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

React Email renderer for json-render that turns JSON specs into HTML or plain-text emails using @react-email/components and @react-email/render. Use when…

React Native renderer for json-render that turns JSON specs into native mobile UIs. Use when working with @json-render/react-native, building React Native UIs…

React PDF renderer for json-render. Use when generating PDF documents from JSON specs, working with @json-render/react-pdf, or rendering specs to PDF…

React Three Fiber 3D renderer for json-render. Use when working with @json-render/react-three-fiber, building 3D scenes from JSON specs, rendering…

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.

Release vercel-plugin — run gates, bump version, generate artifacts, commit, and push. Use when asked to "release", "ship", "bump and push", or "cut a 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".

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 bất kỳ framework nào. Hỗ trợ Edge, Node.js,…

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 Runtime Cache API guidance — ephemeral per-region key-value cache with tag-based invalidation. Shared across Functions, Routing Middleware, and Builds.…

Vercel Runtime Cache API guidance — ephemeral per-region key-value cache with tag-based invalidation. Shared across Functions, Routing Middleware, and 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,…

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.

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

Pre-built shadcn/ui components for json-render. Use when working with @json-render/shadcn, adding standard UI components to a catalog, or building web UIs with…

shadcn/ui expert guidance — CLI, component installation, composition patterns, custom registries, theming, Tailwind CSS integration, and high-quality interface…

shadcn/ui expert guidance — CLI, component installation, composition patterns, custom registries, theming, Tailwind CSS integration, and high-quality interface…

Pre-built shadcn-svelte components for json-render Svelte apps. Use when working with @json-render/shadcn-svelte, adding standard UI components to a Svelte…

Sign in with Vercel guidance — OAuth 2.0/OIDC identity provider for user authentication via Vercel accounts. Use when implementing user login with Vercel as…

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

Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's…

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…

Use when working on Slack agent/bot code, Chat SDK applications, Bolt for JavaScript projects, or projects using @chat-adapter/slack or @slack/bolt. Provides…

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

Streaming-optimized React Markdown renderer with syntax highlighting, diagrams, math, and AI chat integration. Supports four optional plugins: code syntax highlighting via Shiki (200+ languages), Mermaid diagrams, LaTeX math rendering, and CJK text support Two rendering modes: streaming (with animated caret cursor for AI chat) and static (for blogs and documentation) Built-in security features including link safety modals, HTML tag filtering, URL sanitization, and configurable element...

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

Expert guidance for styled-jsx — scoped CSS-in-JS for React and Next.js. Use when writing component-scoped styles with the styled-jsx babel plugin, using…

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

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…

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

Turbopack expert guidance. Use when configuring the Next.js bundler, optimizing HMR, debugging build issues, or understanding the Turbopack vs Webpack…

Turborepo expert guidance. Use when setting up or optimizing monorepo builds, configuring task caching, remote caching, parallel execution, or the --affected…

Build system for JavaScript/TypeScript monorepos. Turborepo caches task outputs and runs tasks in parallel based on dependency graph.

Hệ thống xây dựng cho monorepo JavaScript/TypeScript. Turborepo lưu cache đầu ra của tác vụ và chạy các tác vụ song song dựa trên đồ thị phụ thuộc.

Monorepo build system with intelligent task caching, parallel execution, and dependency graph orchestration. Caches task outputs and runs tasks in parallel based on declared dependencies; supports remote caching for CI/CD workflows Filters and runs only changed packages with --affected , or use --filter for custom package selection Configures tasks in turbo.json with dependsOn , outputs , inputs , and env keys; supports package-specific overrides via Package Configurations Enforces monorepo...

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…

Khi cần nhân bản:

Guided workflow for updating Next.js documentation based on code changes and PR reviews. Analyzes git diffs to identify affected documentation files using a code-to-docs mapping reference Provides templates and conventions for scaffolding new feature docs (components, functions, config, guides, file conventions) Walks through step-by-step updates to existing documentation with user confirmation before each change Includes validation checklist and linting commands to ensure formatting...

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…

Add new or remove obsolete model IDs for existing AI SDK providers. Use when adding a model to a provider, removing an obsolete model, or processing a list of…

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…

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…

Use this skill when writing or optimizing performance-critical code paths in Next.js server internals — especially per-request hot paths like rendering, streaming, routing, and 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.

Vercel Agent guidance — AI-powered code review, incident investigation, and SDK installation. Automates PR analysis and anomaly debugging. Use when configuring…

Vercel Agent guidance — AI-powered code review, incident investigation, and SDK installation. Automates PR analysis and anomaly debugging. Use when configuring…

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 Vercel, bản triển khai, biến môi trường, tên miền, nhật ký hoặ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…

Deploy, manage, and develop projects on Vercel from the command line

Vercel CLI expert guidance. Use when deploying, managing environment variables, linking projects, viewing logs, querying metrics, managing domains, or…

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

Deploy and manage projects on Vercel using token-based authentication. Use when working with Vercel CLI using access tokens rather than interactive login —…

Deploy and manage projects on Vercel using token-based authentication. Use when working with Vercel CLI using access tokens rather than interactive login —…

React composition patterns for scaling components and avoiding boolean prop proliferation. Covers four priority categories: component architecture, state management, implementation patterns, and React 19 APIs, each with specific rules and code examples Includes 10+ named patterns addressing compound components, context providers, state lifting, and explicit variants Designed for refactoring bloated components, building reusable libraries, and reviewing component architecture decisions React...

Các mẫu kết hợp React có khả năng mở rộng. Sử dụng khi tái cấu trúc các thành phần với

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.

React composition patterns that scale. Use when refactoring components with

Triển khai tức thì lên Vercel với tự động phát hiện framework và không yêu cầu xác thực. Đóng gói dự án thành tarball, tự động phát hiện framework từ package.json, và trả về URL xem trước trực tiếp cùng liên kết triển khai có thể nhận để chuyển tài khoản. Hỗ trợ hơn 20 framework trên React, Vue, Svelte, runtime backend và dự án HTML tĩnh. Loại trừ node_modules và .git khỏi bản triển khai để giảm kích thước gói. Trả về cả URL dễ đọc cho con người và đầu ra JSON để tích hợp lập trình.

Deploy applications and websites to Vercel with a claimable preview. Use when the user requests deployment actions like "deploy my app", "deploy and give me…

Deploy applications and websites to Vercel. Use this skill when the user requests deployment actions such as "Deploy my app", "Deploy this to production",…

Vercel Firewall expert guidance — automatic DDoS mitigation, the Vercel WAF (custom rules, IP blocking, managed rulesets, rate limiting), Attack Mode, system…

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 feature flags 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…

Vercel Flags guidance — feature flags platform with unified dashboard, Flags Explorer, gradual rollouts, A/B testing, and provider adapters. Use when…

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

Vercel Functions expert guidance — Serverless Functions, Edge Functions, Fluid Compute, streaming, Cron Jobs, and runtime configuration. Use when configuring,…

Guide for building, configuring, and deploying microfrontends on Vercel. Use this skill when the user mentions microfrontends, multi-zones, splitting an app…

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

Run live eval sessions against the vercel-plugin to verify hook behavior, skill injection, dedup correctness, and coverage. Launches real Claude Code sessions…

Run live eval sessions against the vercel-plugin to verify hook behavior, skill injection, dedup correctness, and coverage. Launches real Claude Code sessions…

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 vững với chủ đề, nhóm người tiêu dùng, thử lại và gửi chậm. $0.60/1M thao tác. Hỗ trợ Workflow…

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…

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js…

Hướng dẫn tối ưu hiệu suất React và Next.js với 64 quy tắc được ưu tiên theo 8 danh mục. Được tổ chức theo mức độ tác động, từ các waterfall quan trọng và tối ưu bundle đến các mẫu nâng cao, mỗi quy tắc bao gồm các ví dụ mã đúng/sai và giải thích. Bao gồm tám lĩnh vực: mẫu bất đồng bộ, kích thước bundle, bộ nhớ đệm phía máy chủ, tìm nạp dữ liệu phía máy khách, tối ưu re-render, hiệu suất kết xuất, hiệu quả JavaScript và các mẫu nâng cao. Được thiết kế để sử dụng trong quá trình component...

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…

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring 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…

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring 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…

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring 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

React Native and Expo best practices for building performant mobile apps. Use

React Native and Expo best practices for building performant mobile apps. Use

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

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

Vercel Sandbox guidance — ephemeral Firecracker microVMs for running untrusted code safely. Supports AI agents, code generation, and experimentation. Use when…

Vercel Sandbox guidance — ephemeral Firecracker microVMs for running untrusted code safely. Supports AI agents, code generation, and experimentation. Use when…

Vercel Services — deploy multiple services within a single Vercel project. Use for monorepo layouts or when combining a backend (Python, Go) with a frontend…

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…

Vercel storage expert guidance — Blob, Edge Config, and Marketplace storage (Neon Postgres, Upstash Redis). Use when choosing, configuring, or using data…

Vercel storage expert guidance — Blob, Edge Config, and Marketplace storage (Neon Postgres, Upstash Redis). Use when choosing, configuring, or using data…

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…

Full-story verification — infers what the user is building, then verifies the complete flow end-to-end: browser → API → data → response. Triggers on dev server…

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 — an installable skill for AI agents, published by 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 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…

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site…

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site…

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site…

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…

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

Vercel Workflow DevKit (WDK) expert guidance. Use when building durable workflows, long-running tasks, API routes or agents that need pause/resume, retries,…

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

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

Install and configure Vercel Workflow SDK before it exists in node_modules. Use when the user asks to "install workflow", "set up workflow", "add durable…

Produce an API reference page that documents a single API surface (function, component, file convention, directive, or config option). The page should be concise, scannable, and example-driven.

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

XState Store adapter for json-render's StateStore interface. Use when integrating json-render with @xstate/store for state management via @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…

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.