Skills Vercel

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

Руководство по добавлению новых примеров AI-функций для тестирования конкретных возможностей через реальные API провайдеров.

Руководство по добавлению новых пакетов AI-провайдеров в AI SDK. Используется при создании нового пакета @ai-sdk/<provider> для интеграции AI-сервиса в SDK.

Guide for adding new AI provider packages to the AI SDK. Use when creating a new @ai-sdk/<provider> package to integrate an AI service into the SDK.

Создавать и поддерживать записи архитектурных решений (ADRs), оптимизированные для агентных рабочих процессов кодирования. Используйте, когда нужно предложить, написать, обновить, принять/отклонить,…

Create and maintain Architecture Decision Records (ADRs) optimized for agentic coding workflows. Use when you need to propose, write, update, accept/reject,…

Автоматизирует взаимодействие с браузером для веб-тестирования, заполнения форм, создания скриншотов и извлечения данных.

Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web…

CLI автоматизации браузера для AI-агентов. Используйте, когда пользователю нужно взаимодействовать с веб-сайтами, проверять вывод сервера разработки, тестировать веб-приложения, перемещаться по страницам, заполнять формы…

CLI для автоматизации браузера для AI-агентов. Используйте, когда пользователю нужно взаимодействовать с веб-сайтами, включая навигацию по страницам, заполнение форм, нажатие кнопок, создание…

CLI автоматизации браузера для AI-агентов. Используйте, когда пользователю нужно взаимодействовать с веб-сайтами, проверять вывод сервера разработки, тестировать веб-приложения, перемещаться по страницам, заполнять формы,…

Автоматическая верификация браузера для dev-серверов. Запускается при старте dev-сервера для визуальной быстрой проверки с agent-browser — подтверждает загрузку страницы,…

Автоматическая верификация браузера для dev-серверов. Запускается при старте dev-сервера для визуальной быстрой проверки с agent-browser — подтверждает загрузку страницы,…

Навык-компаньон для курса Agent-Friendly APIs на Vercel Academy. Создайте API для обратной связи, сделайте его дружественным к агентам с помощью структурированной документации, затем создайте навык Claude Code, который автоматически генерирует документацию.

Python `ai` module — models, agents, hooks, middleware, MCP, structured output

Генерируйте текст, изображения и видео из терминала с помощью моделей ИИ.

Руководство по библиотеке компонентов AI Elements — готовые React-компоненты для AI-интерфейсов, построенные на shadcn/ui. Используйте при создании чат-интерфейсов, отображении сообщений, инструментов…

Create new AI chat interface components for the ai-elements library following established composable patterns, shadcn/ui integration, and Vercel AI SDK…

Готовые React-компоненты для интерфейсов AI-чатов, построенные на shadcn/ui и AI SDK. Включают компоненты для отображения диалогов, сообщений, инструментов и ввода запросов, предназначенные для AI-нативных приложений. Устанавливаются напрямую в кодовую базу проекта через CLI, что делает компоненты полностью настраиваемыми и расширяемыми с помощью стандартных шаблонов React. Требуют Next.js, AI SDK, shadcn/ui и Node.js 18+; бесшовно интегрируются с Vercel AI Gateway для доступа к моделям. Все компоненты поддерживают стандартные HTML-атрибуты...

Руководство по библиотеке компонентов AI Elements — готовые React-компоненты для AI-интерфейсов, построенные на shadcn/ui. Используйте при создании чат-интерфейсов, отображении сообщений, инструментов…

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-генерации — уникальные идентификаторы, адресуемые URL, хранение в базе данных и отслеживание затрат для каждой генерации LLM

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

Справочная документация и практические руководства по созданию AI-приложений с помощью Vercel AI SDK. Охватывает основные API для генерации текста, потоковой передачи, вызова инструментов, структурированного вывода, эмбеддингов и создания агентов с ToolLoopAgent. Включает React-хуки (useChat, useCompletion) и фреймворк-специфичные шаблоны для Next.js, SvelteKit и других платформ. Предоставляет руководства по интеграции провайдеров для OpenAI, Anthropic, Google и других, а также настройку AI Gateway для унифицированного доступа к моделям...

Отвечать на вопросы об AI SDK и помогать создавать функции на основе ИИ. Используйте, когда разработчики: (1) спрашивают о функциях AI SDK, таких как generateText, streamText,…

Vercel AI SDK expert guidance. Use when building AI-powered features — chat interfaces, text generation, structured output, tool calling, agents, 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,…

Отвечать на вопросы об AI SDK и помогать создавать функции на основе ИИ. Используйте, когда разработчики: (1) спрашивают о функциях AI SDK, таких как generateText, streamText,…

Экспертное руководство по Vercel AI SDK. Используйте при создании функций на основе ИИ — интерфейсов чата, генерации текста, структурированного вывода, вызова инструментов, агентов, MCP…

Преобразовать данные анализатора пакетов Next.js в NDJSON и исследовать их

Эмуляция входа через Apple / Apple OIDC для локальной разработки и тестирования. Используйте, когда пользователю нужно протестировать вход через Apple локально, эмулировать Apple OIDC…

Query the Next.js documentation RAG API for the topic: $ARGUMENTS

Руководство по интеграции аутентификации — Clerk (нативный Vercel Marketplace), Descope и настройка Auth0 для приложений Next.js. Охватывает паттерны аутентификации в middleware,…

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

Используйте этот навык при создании или изменении навыков агента в .agents/skills/ .

CLI-инструмент для автоматизированных релизов на основе changeset с описаниями, сгенерированными ИИ. Используйте, когда пользователю нужно выпустить пакет, создать changeset, обновить версии,…

Emulated AWS cloud services (S3, SQS, IAM, STS) for local development and testing. Use when the user needs to interact with AWS API endpoints locally, test S3…

Проверяет длительность анимации, обеспечивает соблюдение типографической шкалы, проверяет доступность компонентов и предотвращает антипаттерны вёрстки в проектах Tailwind CSS. Используйте, когда…

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

Продвинутые сценарии бенчмаркинга AI-агентов, использующие передовые функции платформы Vercel — Workflow DevKit, AI Gateway, MCP, Chat SDK, Queues, Flags, Sandbox,…

Продвинутые сценарии бенчмаркинга AI-агентов, использующие передовые функции платформы Vercel — Workflow DevKit, AI Gateway, MCP, Chat SDK, Queues, Flags, Sandbox,…

Комплексный набор сквозных тестов для vercel-plugin. Запускает реалистичные проекты через инъекцию навыков, запускает серверы разработки, проверяет корректность работы, анализирует…

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

Запускает сценарии оценки vercel-plugin в песочницах Vercel вместо локальных панелей WezTerm. Предоставляет эфемерные микроВМ с предустановленными Claude Code и плагином,…

Запускает сценарии оценки vercel-plugin в песочницах Vercel вместо локальных панелей WezTerm. Предоставляет эфемерные микроВМ с предустановленными Claude Code и плагином,…

Создаёт и запускает проекты бенчмарк-тестов для проверки внедрения навыков vercel-plugin в реалистичных сценариях. Настраивает изолированные каталоги, устанавливает…

Создаёт и запускает проекты бенчмарк-тестов для проверки инжекции навыков vercel-plugin в реалистичных сценариях. Настраивает изолированные директории, устанавливает…

Оркестратор начальной настройки проектов для репозиториев, зависящих от ресурсов, связанных с Vercel (базы данных, аутентификация и управляемые интеграции). Используйте при настройке или…

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

Всеобъемлющее руководство по созданию современных, доступных и компонуемых UI-компонентов. Охватывает таксономию компонентов (примитивы, компоненты, блоки, шаблоны), основные принципы дизайна и реализацию доступности, включая ARIA, навигацию с клавиатуры и соответствие WCAG. Включает шаблоны для компонуемых API, полиморфизма, контролируемого/неконтролируемого состояния и шаблона as-child для гибкой композиции элементов. Предоставляет рекомендации по дизайн-токенам, системам тем, подходам к стилизации и использованию...

Capture API response test fixture.

Хранить и управлять тестовыми фикстурами ответов API для проверки парсинга провайдеров. Фикстуры организованы в подпапках __fixtures__ внутри пакетов провайдеров, с использованием соглашений об именовании, задокументированных в существующих примерах. Поддерживает два шаблона тестирования: generateText (логировать сырой ответ в консоль и копировать в фикстуру) и streamText (использовать хелперы includeRawChunks и saveRawChunks для захвата потоковых чанков). Рекомендует хранить настоящие ответы провайдеров, если только ограничения по размеру не требуют семантически сохраняющих сокращений...

Единый TypeScript SDK для создания чат-ботов для Slack, Teams, Google Chat, Discord, Telegram, GitHub, Linear и WhatsApp. Напишите логику бота один раз, разверните везде.

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

Экспертное руководство по Vercel Chat SDK. Используйте при создании кроссплатформенных чат-ботов — Slack, Telegram, Microsoft Teams, Discord, Google Chat, GitHub, Linear — с...

Руководство по интеграции с headless CMS — Sanity (нативный Vercel Marketplace), Contentful, DatoCMS, Storyblok и Builder.io. Охватывает настройку студии, моделирование контента,…

Руководство по интеграции с headless CMS — Sanity (нативный Vercel Marketplace), Contentful, DatoCMS, Storyblok и Builder.io. Охватывает настройку студии, моделирование контента,…

Проверяет изменения кода и предоставляет полезные замечания. Используйте, когда пользователь просит проверить PR, diff, коммит или изменения кода. Срабатывает по команде "/review", "review…

Code generation utilities for json-render. Use when generating code from UI specs, building custom code exporters, traversing specs, or serializing props for…

Определение схемы, создание каталога и генерация AI-подсказок для спецификаций json-render. Определяйте схемы с типизированными спецификациями и каталогами с помощью defineSchema, затем создавайте каталоги, сопоставляющие имена компонентов с их свойствами и описаниями. Генерируйте системные подсказки AI из каталогов с опциональными пользовательскими правилами; поддерживается потоковая передача спецификаций через JSONL-патчи с помощью createSpecStreamCompiler. Динамические выражения свойств обеспечивают привязку состояния ($state, $bindState), условные конструкции ($cond), шаблоны ($template) и...

Полное руководство по миграции проектов Create React App (CRA) на Next.js. Используйте при миграции приложения CRA, преобразовании React Router в файловую маршрутизацию или…

Create Remotion videos using the Geist design system aesthetic. Use when asked to create videos, animations, or motion graphics that should follow Vercel's…

Конфигурация и лучшие практики Vercel Cron Jobs. Используйте при добавлении, редактировании или отладке запланированных задач в vercel.json.

Vercel Cron Jobs configuration and best practices. Use when adding, editing, or debugging scheduled tasks in vercel.json.

Анализ и преобразование данных CSV с помощью инструментов bash

Загрузка d3k в автономные AI-приложения (Codex, Cursor, Claude Code): обнаружение/установка dev3000, запуск d3k в качестве среды выполнения, использование единых логов и CDP-браузера…

Используйте этот навык при изменении условных путей require(), импортов, специфичных для Node, или ветвления edge/runtime.

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

Deploy applications to Vercel. Use when the user says "deploy", "deploy to Vercel", "push to production", "deploy my app", or "go live".

Проводит пользователя через сбор учетных данных, необходимых для развертывания собственной копии Open Harness, развертывание этого репозитория на Vercel и завершение первого запуска…

Развёртывание приложений и веб-сайтов на Vercel с автоматической интеграцией git и предварительными URL-адресами. Поддерживает три пути развёртывания: git-push (идеально для связанных проектов), прямое развёртывание через CLI и запасной вариант без аутентификации для изолированных сред. Автоматически определяет состояние проекта (связан через .vercel/project.json или .vercel/repo.json, наличие git-удалённого репозитория, аутентификацию CLI) и выбирает наилучший метод развёртывания. Обрабатывает выбор команды для аккаунтов с несколькими командами и использует --scope для развёртывания в правильную...

Deploy applications and websites to Vercel. Use when the user requests deployment actions like "deploy my app", "deploy and give me the link", "push this…

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

Экспертное руководство по развертыванию Vercel и CI/CD. Используйте при развертывании, продвижении, откате, проверке развертываний, сборке с --prebuilt или настройке CI…

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

Скрипты разработки и валидации для функций AI SDK для различных провайдеров и возможностей. Организованы по категориям функций AI SDK (генерация текста, потоковая передача, структурированный вывод, эмбеддинги, генерация изображений, речь, транскрипция, реранжирование и агенты). Соглашение об именовании файлов отражает комбинации провайдера и функции (например, openai-tool-call.ts, amazon-bedrock-anthropic-cache-control.ts) для быстрой идентификации. Включает общие вспомогательные утилиты для обработки ошибок, загрузки окружения,...

Drop-in inspector panel for any json-render app. Use when the user wants to debug a generative UI, inspect the spec tree, edit state at runtime, see dispatched…

Предварительно созданные пользовательские директивы для json-render — форматирование, математические операции, манипуляции со строками и интернационализация. Используйте при работе с @json-render/directives, определении пользовательских…

Экспертное руководство по Edge Runtime от Vercel — легковесной среде выполнения JavaScript для Edge Functions и Middleware Vercel. Используйте при создании или настройке edge…

Automate Electron desktop apps (VS Code, Slack, Discord, Figma, Notion, Spotify, etc.) using agent-browser via Chrome DevTools Protocol. Use when the user…

Руководство по интеграции отправки электронной почты — Resend (нативный Vercel Marketplace) с шаблонами React Email. Охватывает настройку API, транзакционные письма, домен…

Руководство по интеграции отправки электронной почты — Resend (нативный Vercel Marketplace) с шаблонами React Email. Охватывает настройку API, транзакционные письма, домен…

Этот навык кодирует философию Эмиля Ковальски в отношении полировки интерфейса, дизайна компонентов, анимационных решений и незаметных деталей, которые делают программное обеспечение приятным в использовании.

Локальный эмулятор API для Vercel, GitHub, Google, Slack, Apple, Microsoft и AWS. Используйте, когда пользователю нужно запустить эмулируемые сервисы, настроить начальные данные…

Экспертное руководство по переменным окружения Vercel. Используйте при работе с файлами .env, командами vercel env, токенами OIDC или управлении конфигурацией для конкретного окружения.

Экспертное руководство по переменным окружения Vercel. Используйте при работе с файлами .env, командами vercel env, токенами OIDC или управлении конфигурацией для конкретного окружения.

Вы — знающий ассистент преподавателя курса Building Filesystem Agents на Vercel Academy. Вы помогаете студентам создавать агентов, которые навигируют по файловым системам с помощью bash, чтобы отвечать на вопросы о структурированных данных.

Discover and install specialized agent skills from the open ecosystem when users need extended capabilities. Helps identify relevant skills by domain and task when users ask "how do I do X" or "find a skill for X" Integrates with the Skills CLI ( npx skills find , npx skills add ) to search, verify, and install packages from the skills.sh directory Recommends skills based on install count, source reputation, and GitHub stars to ensure quality before suggesting installation Presents skill...

Используйте этот навык при добавлении или изменении флагов функций фреймворка во внутренностях Next.js.

The Flags SDK ( flags npm package) is a feature flags toolkit for Next.js and SvelteKit. It turns each feature flag into a callable function, works with any flag provider via adapters, and keeps pages static using the precompute pattern. Vercel Flags is the first-party provider, letting you manage flags from the Vercel dashboard or the vercel flags CLI.

Создавайте отличительные интерфейсы фронтенда производственного уровня с высоким качеством дизайна. Используйте этот навык, когда пользователь просит создать веб-компоненты, страницы, артефакты…

Создавайте отличительные интерфейсы фронтенда производственного уровня с высоким качеством дизайна. Используйте этот навык, когда пользователь просит создать веб-компоненты, страницы, артефакты…

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…

Экспертное руководство по Geist, стандартной системе типографики и семейству шрифтов Vercel для точных интерфейсов Next.js. Используйте при настройке Geist Sans, Geist Mono или…

Build explorative, interactive learning experiences as Next.js apps using the Geist design system. Use when creating tutorials, explorable explanations,…

Экспертное руководство по Geistdocs, шаблону документации от Vercel, созданному с помощью Next.js и Fumadocs — написание в MDX, конфигурация, AI-чат, i18n, обратная связь,…

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

Emulated GitHub REST API for local development and testing. Use when the user needs to interact with GitHub API endpoints locally, test GitHub integrations,…

Эмулированные Google OAuth 2.0, OpenID Connect, Gmail, Календарь и Диск для локальной разработки и тестирования. Используйте, когда пользователю нужно протестировать вход через Google…

Рендерер изображений для json-render, преобразующий JSON-спецификации в изображения SVG и PNG через Satori. Используйте при работе с @json-render/image, генерации OG-изображений из…

Ink терминальный рендерер для json-render, который превращает JSON-спецификации в интерактивные терминальные интерфейсы. Используйте при работе с @json-render/ink, создании терминальных интерфейсов из…

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…

Оркестрированный координатор отладки. Срабатывает по сигналам фрустрации (застрял, завис, сломался, ожидание) и систематически проводит триаж: логи выполнения → статус рабочего процесса →…

Оркестрированный координатор отладки. Срабатывает по сигналам фрустрации (застрял, завис, сломался, ожидание) и систематически проводит триаж: логи выполнения → статус рабочего процесса →…

Как быть спасенным с необитаемого острова

Как быть спасённым с необитаемого острова

Jotai adapter for json-render's StateStore interface. Use when integrating json-render with Jotai for state management via @json-render/jotai.

Руководство по рендерингу ответов AI-чата — обработка частей UIMessage, отображение вызовов инструментов, состояния потоковой передачи и представление структурированных данных. Используется при создании…

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

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

Рендерер изображений для json-render, преобразующий JSON-спецификации в изображения SVG и PNG через Satori. Используйте при работе с @json-render/image, генерации OG-изображений из…

Преобразует JSON-спецификации в типобезопасные деревья React-компонентов с управлением состоянием и динамическими выражениями. Поддерживает декларативные UI-спецификации с деревьями элементов, двустороннюю привязку данных через $bindState, условный рендеринг и вычисляемые выражения. Встроенное управление состоянием через StateProvider с опциональной интеграцией внешних хранилищ (Redux, Zustand, XState) и путями состояний на основе JSON Pointer. Система событий с диспетчеризацией действий, наблюдателями состояний и четырьмя встроенными действиями: setState,...

Рендерер React Email для json-render, который преобразует JSON-спецификации в HTML или текстовые письма с помощью @react-email/components и @react-email/render. Используйте, когда…

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…

Remotion renderer for json-render that turns JSON timeline specs into videos. Use when working with @json-render/remotion, building video compositions from…

Готовые компоненты shadcn/ui для json-render. Используйте при работе с @json-render/shadcn, добавлении стандартных UI-компонентов в каталог или создании веб-интерфейсов с…

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

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

Показать содержимое tarball-архива npm-пакета перед публикацией. Используется, когда пользователь хочет увидеть, какие файлы включены в npm-пакет, проверить состав пакета…

Inspect npm package tarball contents before publishing to verify what files will be distributed. Lists exact files that would be uploaded to npm, helping catch missing or unwanted inclusions before publish Respects files field in package.json, .npmignore , and .gitignore rules to show the actual bundle contents Automatically builds the package, creates a tarball, displays contents, and cleans up in a single command Run from the package directory with a simple bash script; useful for...

View Vercel deployment logs. Use when the user says "show logs", "check logs", "vercel logs", or "what went wrong with the deployment".

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…

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…

Экспертное руководство по Vercel Marketplace — поиск, установка и создание интеграций, автоматически предоставляемые переменные окружения, единая система выставления счетов и…

Экспертное руководство по Vercel Marketplace — поиск, установка и создание интеграций, автоматически предоставляемые переменные окружения, единая система выставления счетов и…

Adds AI Skills integration (Brand Review API) to a Sitecore Marketplace app. Use when the user wants to add AI-powered content analysis, brand review, or brand…

Добавляет новый маршрут точки расширения в приложение Sitecore Marketplace. Используйте, когда пользователь хочет добавить пользовательское поле, виджет панели мониторинга, контекстную панель, полноэкранный режим…

Adds XM Cloud API integration to a Sitecore Marketplace app. Use when the user wants to access Sites, Pages, Authoring, Content Transfer, Search, or Agent APIs…

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…

Развёртывает приложение Sitecore Marketplace на Vercel с корректными заголовками CSP и конфигурацией.

Создаёт каркас нового приложения Sitecore Marketplace с использованием официального SDK. Используйте, когда пользователь хочет создать новое приложение Marketplace, начать новый проект Sitecore или…

Справочник по API Sitecore Marketplace SDK. Используйте, когда пользователь спрашивает о методах SDK, типах, запросах, мутациях, подписках или о том, как использовать любой Sitecore…

Интеграция MCP Apps для json-render. Используйте при создании MCP-серверов, которые отображают интерактивные интерфейсы в Claude, ChatGPT, Cursor или VS Code, или при интеграции…

Экспертное руководство по micro — асинхронному фреймворку для HTTP-микросервисов от Vercel. Используйте при создании легковесных HTTP-серверов, API-эндпоинтов или микросервисов…

Expert guidance for micro — asynchronous HTTP microservices framework by Vercel. Use when building lightweight HTTP servers, API endpoints, or microservices…

Emulated Microsoft Entra ID (Azure AD) OAuth 2.0 / OpenID Connect for local development and testing. Use when the user needs to test Microsoft sign-in locally,…

Мигрирует рабочие процессы Temporal, Inngest, Trigger.dev и AWS Step Functions в Workflow SDK. Используйте при переносе Activities, Workers, Signals, step.run(),…

Экспертное руководство по @vercel/ncc — простой CLI для компиляции модулей Node.js в один файл со всеми зависимостями. Используйте при сборке serverless…

Адаптер Next.js для встраивания эмуляторов непосредственно в приложение Next.js через @emulators/adapter-next. Используйте, когда пользователю нужно встроить эмуляторы в Next.js, настроить…

Рендерер Next.js для json-render, который превращает JSON-спецификации в полноценные приложения Next.js с маршрутами, макетами, SSR и метаданными. Используйте при работе с…

Лучшие практики Next.js — соглашения о файлах, границы RSC, шаблоны данных, асинхронные API, метаданные, обработка ошибок, обработчики маршрутов, оптимизация изображений/шрифтов,…

Всеобъемлющие руководящие принципы разработки Next.js, охватывающие структуру файлов, шаблоны RSC, получение данных, оптимизацию и обработку ошибок. Охватывает более 15 тематических областей, включая соглашения о файлах, сегменты маршрутов, границы RSC, асинхронные шаблоны, генерацию метаданных и оптимизацию изображений/шрифтов. Предоставляет рекомендации по выбору среды выполнения, использованию директив и стратегиям обработки ошибок с конкретными соглашениями о файлах, такими как error.tsx и not-found.tsx. Включает шаблоны получения данных, лучшие практики обработчиков маршрутов,...

Лучшие практики Next.js — соглашения о файлах, границы RSC, шаблоны данных, асинхронные API, метаданные, обработка ошибок, обработчики маршрутов, оптимизация изображений/шрифтов,…

Лучшие практики Next.js — соглашения о файлах, границы RSC, шаблоны данных, асинхронные API, метаданные, обработка ошибок, обработчики маршрутов, оптимизация изображений/шрифтов,…

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

If next-browser is not already on PATH, install @vercel/next-browser globally with the user's package manager, then playwright install chromium .

Смешивайте статический, кэшированный и динамический контент в одном маршруте Next.js с помощью Partial Prerendering. Включите с помощью cacheComponents: true в next.config.ts ; заменяет старый флаг experimental.ppr. Используйте директиву 'use cache' на уровне файла, компонента или функции для кэширования асинхронных данных с автоматической генерацией ключа на основе аргументов и замыканий. Управляйте временем жизни кэша с помощью cacheLife(), используя встроенные профили ( 'minutes' , 'hours' , 'days' , 'weeks' , 'max' ) или встроенную конфигурацию с stale,...

Компоненты кэша Next.js 16 - PPR, директива use cache, 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 - PPR, директива use cache, cacheLife, cacheTag, updateTag

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

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…

Экспертная помощь для next-forge — производственный шаблон Turborepo для SaaS-приложений на Next.js. Срабатывает на вопросы об установке, настройке next-forge…

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

Автоматическое обновление версий Next.js с использованием официальных кодмодов и интеграции с руководством по миграции. Определяет текущую версию Next.js из package.json и загружает документацию по обновлению для конкретной версии из официальных руководств. Автоматически запускает кодмоды Next.js для обработки критических изменений, таких как асинхронные API запросов, миграция свойств geo/IP и трансформации динамического импорта. Выполняет поэтапные обновления для переходов между мажорными версиями (например, 13 → 14 → 15) и обновляет зависимые пакеты (React, React DOM,...).

Обновление Next.js до последней версии в соответствии с официальными руководствами по миграции и кодмодами

Обновление Next.js до последней версии в соответствии с официальными руководствами по миграции и кодмодами. Используйте при обновлении версий Next.js, запуске кодмодов или миграции…

Обновление Next.js до последней версии в соответствии с официальными руководствами по миграции и кодмодами

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

Обновление Next.js до последней версии в соответствии с официальными руководствами по миграции и кодмодами. Используйте при обновлении версий Next.js, запуске кодмодов или миграции…

Next.js App Router expert guidance. Use when building, debugging, or architecting Next.js applications — routing, Server Components, Server Actions, Cache…

Экспертное руководство по Next.js App Router. Используйте при создании, отладке или проектировании приложений Next.js — маршрутизация, серверные компоненты, серверные действия, кэш…

Настройка OAuth-провайдеров (Google, Apple, Microsoft, Facebook, GitHub и др.) для работы с локальными URL разработки без портов. Используется при настройке URI перенаправления OAuth,…

Экспертное руководство по Vercel Observability — Drains (логи, трейсы, speed insights, веб-аналитика), Web Analytics, Speed Insights, логи выполнения, пользовательские события,…

Экспертное руководство по Vercel Observability — Drains (логи, трейсы, анализ скорости, веб-аналитика), Web Analytics, Speed Insights, логи выполнения, пользовательские события,…

Fetch dependency source code to give AI agents deeper implementation context. Use when the agent needs to understand how a library works internally, read…

Руководство по интеграции платежей Stripe — нативная настройка Vercel Marketplace, сессии оформления заказа, обработка вебхуков, биллинг подписок и Stripe SDK. Используйте, когда…

Stripe payments integration guidance — native Vercel Marketplace setup, checkout sessions, webhook handling, subscription billing, and the Stripe SDK. Use when…

Целостное, системно-ориентированное планирование перед реализацией нетривиальных задач. Используйте, когда задача включает новые функции, архитектурные решения, изменения в нескольких файлах…

Аудит производительности vercel-plugin на реальных проектах. Извлекает вызовы инструментов из логов разговоров Claude Code, тестирует сопоставление хуков с фактическими входными данными,…

Аудит производительности vercel-plugin на реальных проектах. Извлекает вызовы инструментов из логов разговоров Claude Code, проверяет соответствие хуков фактическим входам,…

Именованные URL-адреса .localhost для серверов разработки, устраняющие конфликты портов и жестко заданные номера портов. Автоматически назначает случайные свободные порты (4000–4999) и маршрутизирует именованные поддомены (например, myapp.localhost:1355) к соответствующему приложению через обратный прокси на порту 1355. Автоматически обнаруживает git-рабочие деревья и добавляет названия веток в качестве префиксов поддоменов, чтобы каждое рабочее дерево получало уникальный URL без изменения конфигурации. Поддерживает HTTP/2 с HTTPS через автоматически сгенерированные локальные сертификаты ЦС; включает команды CLI для прокси...

Use this skill when the user asks about PR status, CI failures, or review comments in the Next.js monorepo.

Минимальная библиотека шейдеров WebGPU для креативного кодинга и графики в реальном времени. Предоставляет полноэкранные проходы, частицы, вычислительные шейдеры, цели рендеринга и пинг-понг…

Преобразует JSON-спецификации в деревья React-компонентов с типобезопасными пропсами и управлением состоянием. Определяйте каталоги с помощью схем Zod для пропсов компонентов, затем реализуйте компоненты с автоматической типобезопасностью и валидацией. Встроенное управление состоянием через StateProvider с двусторонней привязкой ($bindState), условным рендерингом и интеграцией с внешними хранилищами (Redux, Zustand, XState). Система событий с диспетчеризацией действий, наблюдателями состояния и четырьмя встроенными действиями (setState, pushState, removeState,...

Рекомендации по оптимизации производительности React и Next.js от Vercel Engineering. Этот навык следует использовать при написании, ревью или рефакторинге кода React/Next.js для обеспечения оптимальных паттернов производительности. Срабатывает на задачи, связанные с React-компонентами, страницами Next.js, получением данных, оптимизацией бандла или улучшением производительности.

Рецензент лучших практик React для TSX-файлов. Запускается после редактирования нескольких TSX-компонентов для выполнения сжатого чек-листа качества, охватывающего структуру компонентов,…

React best-practices reviewer for TSX files. Triggers after editing multiple TSX components to run a condensed quality checklist covering component structure,…

Рендерер React Email для json-render, который преобразует JSON-спецификации в HTML или текстовые письма с помощью @react-email/components и @react-email/render. Используйте, когда…

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…

3D-рендерер React Three Fiber для json-render. Используйте при работе с @json-render/react-three-fiber, создании 3D-сцен из JSON-спецификаций, рендеринге…

Используйте этот навык для изменений, затрагивающих вендорный React, react-server-dom-webpack/* или границы слоя react-server.

Адаптер Redux для интерфейса StateStore из json-render. Используется при интеграции json-render с Redux или Redux Toolkit для управления состоянием через @json-render/redux.

Vercel-plugin — запуск шлюзов, обновление версии, генерация артефактов, коммит и пуш. Используйте, когда вас просят «выпустить релиз», «запустить», «обновить версию и запушить» или «сделать релиз».

Vercel-plugin — запуск шлюзов, обновление версии, генерация артефактов, коммит и пуш. Используйте, когда вас просят «выпустить релиз», «запустить», «обновить версию и запушить» или «сделать релиз».

Remotion renderer for json-render that turns JSON timeline specs into videos. Use when working with @json-render/remotion, building video compositions from…

Лучшие практики для Remotion — создание видео в React

Removes Open Harness hosted demo restrictions from a fork. Use when a maintainer wants to remove managed-template trial caps, hosted deployment gating, or…

Emulated Resend email API for local development and testing. Use when the user needs to send emails locally, test transactional email flows, implement magic…

Используйте этот навык при написании или изменении тестов, связанных с prefetch-запросами, навигацией клиентского роутера или кешем сегментов. Утилита createRouterAct из test/lib/router-act.ts позволяет проверять ответы на prefetch и навигацию сквозным образом, не привязываясь к точному количеству запросов или деталям протокола. Именно поэтому большинство тестов, связанных с клиентским роутером, используют этот шаблон.

Руководство по промежуточному ПО маршрутизации Vercel — перехват запросов до кэша, перезаписи, перенаправления, персонализация. Работает с любым фреймворком. Поддерживает Edge, Node.js,…

Руководство по промежуточному ПО маршрутизации Vercel — перехват запросов до кэша, перезаписи, перенаправления, персонализация. Работает с любым фреймворком. Поддерживает 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.…

Используйте этот навык при воспроизведении регрессий, связанных с runtime-bundle, module-resolution или user-bundle inclusion.

Создаёт изолированные Linux MicroVM с помощью Vercel Sandbox SDK. Используйте при создании сред выполнения кода, запуске непроверенного кода, развёртывании dev-серверов…

Экспертное руководство по Satori — библиотеке от Vercel, которая преобразует HTML и CSS в SVG, обычно используется для генерации динамических изображений OG для Next.js и других фреймворков.

Expert guidance for Satori — Vercel's library that converts HTML and CSS to SVG, commonly used to generate dynamic OG images for Next.js and other frameworks.

Настройка Vercel CLI и конфигурации проекта. Используется, когда пользователь говорит "настроить Vercel", "сконфигурировать Vercel", "привязать к Vercel" или "vercel init".

Готовые компоненты shadcn/ui для json-render. Используйте при работе с @json-render/shadcn, добавлении стандартных UI-компонентов в каталог или создании веб-интерфейсов с…

Экспертное руководство по shadcn/ui — CLI, установка компонентов, шаблоны композиции, пользовательские реестры, темизация, интеграция с Tailwind CSS и высококачественный интерфейс…

Экспертное руководство по shadcn/ui — CLI, установка компонентов, шаблоны композиции, пользовательские реестры, темизация, интеграция с Tailwind CSS и высококачественный интерфейс…

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…

Руководство по входу через Vercel — OAuth 2.0/OIDC-провайдер для аутентификации пользователей через аккаунты Vercel. Используйте при реализации входа пользователей с Vercel в качестве…

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…

Руководство по созданию эффективных навыков. Этот навык следует использовать, когда пользователи хотят создать новый навык (или обновить существующий), который расширяет возможности Claude…

Руководство по созданию эффективных навыков. Этот навык следует использовать, когда пользователи хотят создать новый навык (или обновить существующий), который расширяет возможности Claude…

Эмулированный Slack API для локальной разработки и тестирования. Используйте, когда пользователю нужно взаимодействовать с конечными точками Slack API локально, тестировать интеграции Slack, эмулировать…

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…

Рендерер SolidJS для json-render. Используйте при создании каталогов/реестров @json-render/solid, подключении провайдеров Renderer, реализации привязок/действий или…

Streamdown streaming-markdown expert guidance. Use when rendering streaming Markdown from AI models, building chat UIs with real-time content, or replacing…

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

Эмулированный Stripe API для локальной разработки и тестирования. Используйте, когда пользователю нужно обрабатывать платежи локально, тестировать процессы оформления заказа, создавать клиентов, управлять…

Экспертное руководство по styled-jsx — изолированному CSS-in-JS для React и Next.js. Используйте при написании стилей, ограниченных компонентом, с помощью плагина babel styled-jsx, используя…

Рендерер Svelte 5 для json-render, преобразующий JSON-спецификации в деревья компонентов Svelte. Используйте при работе с @json-render/svelte, создании Svelte-интерфейсов из JSON,…

Экспертное руководство по выборке данных SWR. Используйте при создании React-приложений с выборкой данных на стороне клиента, кэшированием, ревалидацией, мутациями, оптимистичным интерфейсом, пагинацией или…

SWR data-fetching expert guidance. Use when building React apps with client-side data fetching, caching, revalidation, mutations, optimistic UI, pagination, or…

Анализировать и преобразовывать текстовые файлы с помощью инструментов bash

Экспертное руководство по Turbopack. Используйте при настройке сборщика Next.js, оптимизации HMR, отладке проблем сборки или понимании различий между Turbopack и Webpack…

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

Экспертное руководство по Turborepo. Используйте при настройке или оптимизации сборок монорепозитория, настройке кэширования задач, удаленного кэширования, параллельного выполнения или --affected…

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

Система сборки для монорепозиториев на JavaScript/TypeScript. Turborepo кэширует результаты задач и выполняет их параллельно на основе графа зависимостей.

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

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

Когда требуется клонирование:

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

Добавить новые или удалить устаревшие идентификаторы моделей для существующих провайдеров AI SDK. Используйте при добавлении модели к провайдеру, удалении устаревшей модели или обработке списка…

Добавить новые или удалить устаревшие идентификаторы моделей для существующих провайдеров AI SDK. Используйте при добавлении модели к провайдеру, удалении устаревшей модели или обработке списка…

v0 by Vercel expert guidance. Use when discussing AI code generation, generating UI components from prompts, v0 CLI usage, v0 SDK/API integration, or…

Экспертное руководство v0 от Vercel. Используйте при обсуждении AI-генерации кода, создания UI-компонентов из промптов, использования v0 CLI, интеграции v0 SDK/API или…

Используйте этот навык при написании или оптимизации критичных к производительности участков кода во внутренностях сервера Next.js — особенно в горячих путях каждого запроса, таких как рендеринг, стриминг, маршрутизация и кэширование.

Эмулированный REST API Vercel для локальной разработки и тестирования. Используйте, когда пользователю нужно взаимодействовать с конечными точками API Vercel локально, тестировать интеграции Vercel,…

Развёртывание приложений и веб-сайтов на Vercel. Используйте этот навык, когда пользователь запрашивает действия по развёртыванию, такие как «Развернуть моё приложение», «Развернуть это в продакшн», «Создать предварительное развёртывание», «Развернуть и дать мне ссылку» или «Опубликовать это». Аутентификация не требуется — возвращает предварительный URL и ссылку на развёртывание для получения.

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

Руководство Vercel Agent — AI-анализ кода, расследование инцидентов и установка SDK. Автоматизирует анализ PR и отладку аномалий. Используйте при настройке…

Vercel AI SDK (Python) — шаблоны для создания приложений на основе LLM с потоковой передачей, инструментами, хуками и структурированным выводом

Vercel MCP and REST API expert guidance. Use when the agent needs live access to Vercel projects, deployments, environment variables, domains, logs, or…

Vercel MCP and REST API expert guidance. Use when the agent needs live access to Vercel projects, deployments, environment variables, domains, logs, or…

Развёртывание, управление и разработка проектов на Vercel из командной строки

Экспертное руководство по Vercel CLI. Используйте при развертывании, управлении переменными окружения, связывании проектов, просмотре логов, запросе метрик, управлении доменами или…

Command-line interface for deploying, managing, and developing Vercel projects locally and in CI/CD pipelines. Requires explicit project linking via vercel link (single project) or vercel link --repo (monorepos); commands must run from the directory containing .vercel/ folder Core workflows: vercel dev for local development, vercel deploy for preview deployments, vercel --prod for production Supports environment variables, domains, DNS, blob storage, integrations, Node.js backends,...

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

Развёртывание и управление проектами на Vercel с использованием токен-аутентификации. Используйте при работе с Vercel CLI через токены доступа вместо интерактивного входа —…

Шаблоны композиции React для масштабирования компонентов и предотвращения распространения булевых пропсов. Охватывает четыре приоритетные категории: архитектура компонентов, управление состоянием, шаблоны реализации и API React 19, каждая с конкретными правилами и примерами кода. Включает более 10 именованных шаблонов, рассматривающих составные компоненты, провайдеры контекста, подъем состояния и явные варианты. Предназначен для рефакторинга раздутых компонентов, создания переиспользуемых библиотек и анализа решений по архитектуре компонентов. React...

Шаблоны композиции React, которые масштабируются. Используйте при рефакторинге компонентов с

vercel-composition-patterns — an installable skill for AI agents, published by vercel-labs/openreview.

Шаблоны композиции React, которые масштабируются. Используйте при рефакторинге компонентов с

Instant deployment to Vercel with auto-detected frameworks and no authentication required. Packages projects into tarballs, auto-detects frameworks from package.json , and returns a live preview URL plus a claimable deployment link for account transfer Supports 20+ frameworks across React, Vue, Svelte, backend runtimes, and static HTML projects Excludes node_modules and .git from deployments to minimize package size Returns both human-readable URLs and JSON output for programmatic integration

Развёртывание приложений и веб-сайтов на Vercel с возможностью получения предварительного просмотра. Используйте, когда пользователь запрашивает действия по развёртыванию, например «разверни моё приложение», «разверни и дай мне…»

Развёртывание приложений и веб-сайтов на Vercel. Используйте этот навык, когда пользователь запрашивает действия по развёртыванию, такие как "Разверни моё приложение", "Разверни это в продакшн",…

Экспертное руководство по Vercel Firewall — автоматическое смягчение DDoS-атак, Vercel WAF (пользовательские правила, блокировка IP, управляемые наборы правил, ограничение частоты запросов), режим атаки, система…

Экспертное руководство по Vercel Firewall — автоматическое смягчение DDoS-атак, Vercel WAF (пользовательские правила, блокировка IP, управляемые наборы правил, ограничение скорости), режим атаки, система…

Руководство по Vercel Flags — платформа для флагов функций с единой панелью управления, Flags Explorer, постепенным развертыванием, A/B-тестированием и адаптерами провайдеров. Используйте, когда…

Руководство по Vercel Flags — платформа для флагов функций с единой панелью управления, Flags Explorer, постепенным развертыванием, A/B-тестированием и адаптерами провайдеров. Используйте, когда…

Экспертное руководство по Vercel Functions — серверные функции, Edge Functions, Fluid Compute, стриминг, Cron Jobs и конфигурация среды выполнения. Используйте при настройке,…

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

Руководство по сборке, настройке и развертыванию микрофронтендов на Vercel. Используйте этот навык, когда пользователь упоминает микрофронтенды, мультизоны, разделение приложения…

Используется для оптимизации затрат и производительности Vercel на развернутых проектах, особенно Next.js, SvelteKit, Nuxt и ограниченных приложений Astro. Сначала собирает метрики Vercel, данные об использовании, конфигурацию проекта и результаты сканирования кода; исследует только кандидатов, подтвержденных метриками; формирует ранжированные рекомендации на основе проверенных файлов и версионно-зависимой документации Vercel/фреймворков. Запускается при снижении счета Vercel, медленных или дорогих маршрутах, возможностях кэширования, вызовах функций, минутах сборки, быстрой передаче данных, ядре...

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

Запускает живые eval-сессии против vercel-plugin для проверки поведения хуков, инъекции навыков, корректности дедупликации и покрытия. Запускает реальные сессии Claude Code…

Создание серверных служб на Python с использованием экспериментального API services от Vercel. Используйте при создании бэкендов на Python или многокомпонентных проектов с бэкендом на Python…

Руководство по Vercel Queues (публичная бета-версия) — надежная потоковая передача событий с темами, группами потребителей, повторными попытками и отложенной доставкой. $0.60/1M операций. Питает Workflow…

Руководство по Vercel Queues (публичная бета) — надежная потоковая передача событий с темами, группами потребителей, повторными попытками и отложенной доставкой. $0.60/1M операций. Питает Workflow…

Рекомендации по оптимизации производительности React и Next.js от инженеров Vercel. Этот навык следует использовать при написании, ревью или рефакторинге React/Next.js…

React and Next.js performance optimization guide with 64 prioritized rules across 8 categories. Organized by impact level, from critical waterfalls and bundle optimization down to advanced patterns, each rule includes incorrect/correct code examples and explanations Covers eight domains: async patterns, bundle size, server-side caching, client-side data fetching, re-render optimization, rendering performance, JavaScript efficiency, and advanced patterns Designed for use during component...

Рекомендации по оптимизации производительности React и Next.js от инженеров Vercel. Этот навык следует использовать при написании, ревью или рефакторинге React/Next.js…

Рекомендации по оптимизации производительности React и Next.js от инженеров Vercel. Этот навык следует использовать при написании, ревью или рефакторинге React/Next.js…

Рекомендации по оптимизации производительности React и Next.js от инженеров Vercel. Этот навык следует использовать при написании, рецензировании или рефакторинге 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…

Рекомендации по оптимизации производительности React и Next.js от инженеров Vercel. Этот навык следует использовать при написании, рецензировании или рефакторинге React/Next.js…

Рекомендации по оптимизации производительности React и Next.js от инженеров Vercel. Этот навык следует использовать при написании, ревью или рефакторинге React/Next.js…

Лучшие практики React Native и Expo для создания производительных мобильных приложений: рендеринг списков, анимации, навигация и нативные модули. Охватывает восемь категорий правил, приоритизированных по влиянию: производительность списков (FlashList, мемоизация, стабильность колбэков), анимации (свойства GPU, производные значения), навигация, UI-паттерны, управление состоянием, рендеринг, структура монорепозитория и конфигурация. Правила производительности списков решают критические проблемы, такие как виртуализация больших списков, оптимизация изображений и предотвращение...

Лучшие практики React Native и Expo для создания производительных мобильных приложений. Используйте

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 — эфемерные микроВМ на Firecracker для безопасного выполнения непроверенного кода. Поддерживает AI-агентов, генерацию кода и эксперименты. Используйте, когда…

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

Vercel Services — развертывание нескольких сервисов в рамках одного проекта Vercel. Используется для монорепозиториев или при объединении бэкенда (Python, Go) с фронтендом…

Vercel Services — развертывание нескольких сервисов в рамках одного проекта Vercel. Используется для монорепозиториев или при объединении бэкенда (Python, Go) с фронтендом…

Экспертное руководство по хранилищам Vercel — Blob, Edge Config и хранилища Marketplace (Neon Postgres, Upstash Redis). Используйте при выборе, настройке или использовании данных…

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

Полная проверка сценария — определяет, что создаёт пользователь, затем проверяет полный поток от начала до конца: браузер → API → данные → ответ. Запускается на dev-сервере…

Полная проверка сценария — определяет, что создаёт пользователь, затем проверяет полный поток от начала до конца: браузер → API → данные → ответ. Запускается на dev сервере…

Vue 3 renderer for json-render. Use when building Vue UIs from JSON specs, working with @json-render/vue, defining Vue component registries, or rendering…

Проверка UI-кода на соответствие Web Interface Guidelines. Используйте, когда вас просят «проверить мой интерфейс», «проверить доступность», «провести аудит дизайна», «проверить UX» или «проверить мой сайт на соответствие лучшим практикам».

web-animation-design — устанавливаемый навык для ИИ-агентов, опубликованный vercel-labs/open-agents.

Проверка кода UI на соответствие рекомендациям веб-интерфейса. Используйте, когда вас просят «проверить мой UI», «проверить доступность», «провести аудит дизайна», «проверить UX» или «проверить мой сайт…»

Проверка UI-кода на соответствие рекомендациям веб-интерфейса. Используйте, когда вас просят «проверить мой UI», «проверить доступность», «провести аудит дизайна», «проверить UX» или «проверить мой сайт…»

Проверка UI-кода на соответствие рекомендациям веб-интерфейса. Используйте, когда вас просят «проверить мой UI», «проверить доступность», «провести аудит дизайна», «проверить UX» или «проверить мой сайт…»

Проверка UI-кода на соответствие рекомендациям веб-интерфейса. Используйте, когда вас просят «проверить мой UI», «проверить доступность», «провести аудит дизайна», «проверить UX» или «проверить мой сайт…»

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…

Создавайте и записывайте скриптовые демонстрационные видео браузера с помощью webreel. Генерирует записи в форматах MP4, GIF или WebM с анимацией курсора, наложением нажатий клавиш и звуком…

Создаёт долговечные, возобновляемые рабочие процессы с помощью Vercel Workflow DevKit. Используйте при создании рабочих процессов, которые должны переживать перезапуски, приостанавливаться для внешних событий,…

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

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

Durable, resumable workflows with step-based orchestration, hooks for external events, and built-in AI agent support. Supports three execution modes: workflow functions (orchestration layer), step functions (full Node.js access with automatic retry and result persistence), and DurableAgent for AI-powered workflows with tool integration Pause workflows at hooks to wait for external events, then resume from API routes; hooks support single events or iterable multi-event patterns with...

Установите и настройте Vercel Workflow SDK до его появления в node_modules. Используйте, когда пользователь просит «установить workflow», «настроить workflow», «добавить 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.

Создайте техническое руководство, которое обучает реальному примеру использования через последовательные примеры. Концепции вводятся только тогда, когда они нужны читателю.

Проверяет документацию/тексты на соответствие правилам написания. Используется, когда просят «проверить мои документы», «оценить стиль письма», «проанализировать текст», «проверить голос и тон документации» или «сравнить эту страницу с руководством по написанию».

XState Store adapter for json-render's StateStore interface. Use when integrating json-render with @xstate/store for state management via @json-render/xstate.

Формат проводов YAML для json-render с потоковым парсером, генерацией подсказок и преобразованием AI SDK. Используйте при работе с @json-render/yaml, спецификацией на основе YAML…

Адаптер Zustand для интерфейса StateStore из json-render. Используется при интеграции json-render с Zustand для управления состоянием через @json-render/zustand.