Vercel AI SDK — скилл

Скилл AI SDK от Vercel: агент пишет чат, стриминг и агентов по документации установленной версии пакета

  • 27 894 ★ репозитория
  • Последний коммит
СкиллОфициальныйВыбор редакции

Расширенный доступ

Почему такой уровень

  • Агент ставит пакеты npm и пишет код, который обращается к платным API моделей
  • Для ответов агент может запрашивать список моделей у ai-gateway.vercel.sh
Все причины и проверки

vercel/ai

Установка

Ручная установка

npx skills add vercel/ai

Команда из README и документации AI SDK. Флаг `-a` выбирает агентов, `-y` отключает вопросы.

Доступ и проверки

Как мы проверяем

Расширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.

  • Агент ставит пакеты npm и пишет код, который обращается к платным API моделей
  • Для ответов агент может запрашивать список моделей у ai-gateway.vercel.sh

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

Скилл `ai-sdk` отвечает на вопросы про AI SDK, TypeScript-библиотеку от Vercel, и помогает собирать функции на ее основе: чат-ботов, агентов, RAG, структурированный вывод, вызов инструментов, эмбеддинги и хуки вроде `useChat`. Главное правило скилла — не писать код по памяти. Агент открывает документацию и исходники из `node_modules/ai/docs/` и `node_modules/ai/src/`, а если пакет `ai` не стоит, сначала ставит только его. Скилл подсказывает, как начать через Vercel AI Gateway: ключ кладут в `AI_GATEWAY_API_KEY`, модели задают строкой вида `провайдер/модель`, актуальный список берут запросом к `ai-gateway.vercel.sh`. Для агентов он советует встроенный `ToolLoopAgent` и подсказывает, как выбрать быстрый способ начать. Для отладки есть пакет DevTools, который показывает запросы, ответы и вызовы инструментов.

Для кого. Разработчикам на TypeScript, которые добавляют в Next.js или другое приложение чат, агента или генерацию текста и поручают код Claude Code, Cursor или Codex.

Подходит, если

  • В приложение на Next.js добавляется чат со стримингом ответа через `streamText` и `useChat`
  • Агент с вызовом инструментов собирается на `ToolLoopAgent` вместо самописного цикла
  • Модель обращается к данным проекта, и ответ приходит в виде структурированного объекта
  • Проект на AI SDK 6 переходит на седьмую версию, и агенту нужна сверка со справкой по миграции

Не подходит, если

  • Приложение не использует AI SDK и вызывает API модели напрямую
  • Нужен код на Python или другом языке: библиотека и скилл рассчитаны на TypeScript
  • Идет работа над самим репозиторием AI SDK: для него в репозитории лежат отдельные скиллы

Пример запроса к агенту

Добавь в наш Next.js проект чат со стримингом через AI SDK и модель из Vercel AI Gateway

Ограничения

Скилл опирается на документацию внутри установленного пакета `ai` и сайт ai-sdk.dev, поэтому при старой версии пакета ответы будут про эту старую версию. Пример выбора модели в README использует идентификаторы вида `anthropic/...` через Vercel AI Gateway, и для работы нужен ключ шлюза или OIDC в развертывании на Vercel. DevTools помечены экспериментальными и рассчитаны на локальную разработку. Установка `npx skills add vercel/ai` забирает навыки репозитория целиком, в том числе служебные навыки для разработчиков самого SDK, если не выбрать нужный вручную.

Как отключить. Удалите папку скилла `ai-sdk` из `.claude/skills/`, `.codex/skills/` или `.agents/skills/` проекта. Пакет `ai` в зависимостях при этом остается.

Частые вопросы

Как поставить скилл AI SDK в Claude Code?

Выполните `npx skills add vercel/ai` в корне проекта и выберите нужные агенты. Команда кладет скилл в каталог каждого агента, например `.claude/skills` или `.codex/skills`.

Откуда скилл берет сведения об API?

Из документации и исходников, которые пакет `ai` кладет в `node_modules/ai/docs/` и `node_modules/ai/src/`. Они совпадают с установленной версией, а при нехватке данных агент ищет на ai-sdk.dev.

Какой ключ нужен для Vercel AI Gateway?

Ключ шлюза в переменной `AI_GATEWAY_API_KEY`, а в развертывании на Vercel подойдет OIDC. Модели задают строкой `провайдер/модель`.

Чем отличается `ToolLoopAgent` от ручного цикла?

Это встроенная абстракция SDK для агентов с вызовом инструментов, и скилл советует брать ее вместо самописного цикла. Тип сообщений интерфейса выводится из определения агента.

Можно ли смотреть, что делает агент на AI SDK?

Да, для этого есть пакет DevTools: он показывает запросы, ответы, вызовы инструментов и расход токенов в локальном веб-интерфейсе. Пакет экспериментальный и подходит только для разработки.

Обсуждение

Вопросов и отзывов пока нет.

Скиллы
Официальный

Набор скиллов к экспериментальному Native SDK: агент получает от установленного CLI справку по версии тулкита для настольных приложений на TypeScript

СкиллРасширенный доступ7,8 тыс.Звезды репозитория

Библиотека из 30 с лишним скиллов-инструкций для кодинг-агентов: от плана и сборки до проверки, защиты от галлюцинаций и выкладки

СкиллМинимальный доступ217Звезды репозитория

Плагин из 24 скиллов для Claude Code: ИИ-приложения на Next.js, AI SDK 7, shadcn/ui, pgvector, проверка интерфейса в браузере

ПлагинРасширенный доступ71Звезды репозитория
Официальный

skill-kit собирает скиллы агентов как типизированные конечные автоматы на TypeScript с проверкой ответов схемами

CLIМинимальный доступ70Звезды репозитория

Библиотека агентских скиллов для CAD, CAE и CAM: генерация и правка моделей, экспорт STEP, STL, 3MF, файлы описания роботов и нарезка в g-code

СкиллРасширенный доступ26,1 тыс.Звезды репозитория

Больше 150 скиллов для приложений на платформе ibl.ai: вход, чат с агентом, профили, аналитика, сборки для десктопа и телефонов

ПлагинШирокий доступ229Звезды репозитория

Сравнение с похожими

Карточки с тем же главным запросом: чем они отличаются.

ИнструментОфициальныйЗвезды репозиторияГлавное отличие
Vercel AI SDK (эта карточка)да27 894
Скиллы Vercel для агентовнет33 964набор общих скиллов Vercel для React и деплоя, без AI SDK
skills (npx skills)нет39 131CLI `skills` для установки скиллов, а не скилл про AI SDK

Коротко о README

В README после установки пакета `ai` идет раздел про скилл для кодовых агентов с командой `npx skills add vercel/ai`. Затем описаны единая архитектура провайдеров, шлюз Vercel AI Gateway как способ по умолчанию и подключение провайдеров напрямую.

Бейдж для README

Исходный SKILL.md

---
name: ai-sdk
description: 'Answer questions about the AI SDK and help build AI-powered features. Use when developers: (1) Ask about AI SDK functions like generateText, streamText, ToolLoopAgent, embed, or tools, (2) Want to build AI agents, chatbots, RAG systems, or text generation features, (3) Have questions about AI providers (OpenAI, Anthropic, Google, etc.), streaming, tool calling, structured output, or embeddings, (4) Use React hooks like useChat or useCompletion. Triggers on: "AI SDK", "Vercel AI SDK", "generateText", "streamText", "add AI to my app", "build an agent", "tool calling", "structured output", "useChat".'
---

## What the AI SDK Is

The AI SDK by Vercel (the `ai` package on npm) is a TypeScript toolkit for building AI applications. It provides a unified API across model providers for text generation, structured output, tool calling, agents, embeddings, and framework UI integrations.

- Repository: https://github.com/vercel/ai
- Documentation: https://ai-sdk.dev/docs

## Critical: Do Not Trust Your Own Memory

Whatever you remember about the AI SDK is likely outdated. The SDK changes frequently across versions - APIs are renamed, removed, and added. Your training data almost certainly contains obsolete APIs, deprecated patterns, and model IDs that no longer exist. UI hooks like `useChat` are among the most frequently changed APIs, so be especially careful with client code.

**Never write AI SDK code from memory.** Always verify every API, option, and pattern against the documentation and source code for the version that is actually installed in the project.

## Use the Bundled, Version-Matched Docs

The `ai` package ships its full documentation and source code inside `node_modules`. These always match the installed version, so trust them over anything you remember.

1. Ensure `ai` is installed. Check `node_modules/ai/` or locate the workspace package in a monorepo that depends on `ai` (e.g. `apps/<name>/node_modules/ai/`). If `ai` is not installed anywhere in the project, install **only** the `ai` package into the target package using the project's package manager (e.g. `pnpm add ai --filter <pkg>` or `npm install ai`). Install provider packages (e.g. `@ai-sdk/openai`) and framework packages (e.g. `@ai-sdk/react`) later, when the task requires them.
2. Read and grep the bundled docs at `node_modules/ai/docs/` (or `<package>/node_modules/ai/docs/`) and the source at `node_modules/ai/src/`.
3. Provider and framework packages bundle their own docs at `node_modules/@ai-sdk/<name>/docs/` (or `<package>/node_modules/@ai-sdk/<name>/docs/`).
4. If something isn't in the bundled docs, search https://ai-sdk.dev/docs. You can append `.md` to any docs page URL to get its markdown, and search via `https://ai-sdk.dev/api/search-docs?q=your_query`.
5. If you cannot find support for an answer in the docs or source, say so explicitly — do not guess.

## AI Gateway: The Fastest Way to Start

The Vercel AI Gateway is the fastest way to get started with the AI SDK. It provides access to models from OpenAI, Anthropic, Google, and other providers through a single API, without installing provider packages or managing multiple API keys.

To set it up:

1. Authenticate with OIDC (for Vercel deployments) or get an AI Gateway API key.
2. Provide it to your app via the `AI_GATEWAY_API_KEY` environment variable.
3. Reference models with `provider/model` strings.

For exact setup, authentication, and usage, read the bundled guide and the AI Gateway docs.

### Choosing a Model

Never use model IDs from memory — models are released and retired frequently. Fetch the current list before writing code that references a model. Do not truncate the list (e.g. with `head`) so you can find the newest models:

```bash

Сообщить о проблеме