vercel/ai

OpenAI·Anthropic·Google 등 여러 LLM 제공자를 통합한 TypeScript 기반 AI 애플리케이션 구축 toolkit

개발 재료확인 필요 · NOASSERTIONLLM 도구·RAGTypeScript난이도

27,5030 찜

5,430포크501이슈

중간맛 분석

스택: TypeScript, Node.js 22+, Next.js·React·Svelte·Vue·Angular, Vercel AI Gateway 지원. 통합 제공자: OpenAI·Anthropic·Google 등 주요 LLM 및 이미지 생성 . 즉시 활용: 으로 설치 후 모델 문자열로 텍스트 생성·구조화된 데이터 출력·도구 기반 에이전트 실행 가능. 난이도: 2~3 (기본 사용은 간단하나 에이전트 구현 시 복잡도 증가). 데모: 공식 템플릿으로 이미지 생성 에이전트, 샌드박스 실행 에이전트 예제 제공.

이런 레포예요

이럴 때 쓰면 좋아요

LLM 기반 채봇·Q&A 시스템을 빠르게 구현하고 여러 모델 제공자를 쉽게 전환할 때
이미지 생성·검색·코드 실행 등 도구를 호출하는 AI 에이전트 구축 시
Next.js·React 앱에서 생성형 UI(동적 콘텐츠 렌더링)를 통합하고 스트리밍 응답을 처리할 때

핵심 기능

여러 LLM 제공자(OpenAI·Anthropic·Google)를 통합 API로 관리텍스트·구조화된 데이터·에이전트·UI 생성 다목적 지원Next.js·React·Svelte·Vue 프레임워크별 UI 훅 제공

대안 대비 차별점

프로바이더 간 모델 전환을 문자열 변경만으로 처리하고, Vercel AI Gateway로 API 키 관리를 단순화하며, UI 훅과 에이전트 프레임워크를 함께 제공하는 완전한 생태계를 갖춘 점이 경쟁 도구와 차별됨.

먹어본 사람들

실제로 차려 먹어본 손님들의 흔적이에요 — 한마디와 완주 인증 모두 검수 후 공개돼요.

시식평 · 먹어본 사람 한마디

아직 시식평이 없어요. 먹어보셨다면 첫 한마디를 남겨주세요.

다른 레포 시식평 구경하기 →

이 레포로 만든 것들

🖋 완주 인증하기

아직 이 레포로 만든 완주 인증이 없어요. 첫 밥도장을 찍어보세요!

이 레포, 해먹는 법

처음 오셨어요? 어렵지 않아요 — 위에서 아래로 따라 하면 내 컴퓨터에 이 레포를 차려서 바로 맛볼 수 있어요.

준비물

Node.js 22 이상
npm 또는 yarn·pnpm 같은 패키지 매니저
API 키 (OpenAI·Anthropic·Google 중 선택, 또는 Vercel AI Gateway 사용)

바로 차려먹기Node.js (pnpm)

깃밥이 레포 구조를 확인하고 만든 실행 명령이에요. 터미널에 붙여넣으면 받기부터 실행까지 한 번에 진행돼요.

git clone --depth 1 https://github.com/vercel/ai.git &&
cd ai &&
pnpm install &&
pnpm run dev

코드는 내 컴퓨터에서 실행돼요 — 처음 보는 레포라면 내용을 한번 훑어보고 실행하는 습관을 추천해요.

README가 안내하는 자세한 단계 보기

Node.js 22+ 설치 확인

node --version

프로젝트에 AI SDK 설치

npm install ai

선택: 프로바이더 SDK 직접 연결 (또는 Vercel AI Gateway 기본 사용)

npm install @ai-sdk/openai @ai-sdk/anthropic @ai-sdk/google

텍스트 생성 기본 코드 작성 (예: src/generate.ts)

import { generateText } from 'ai';

const { text } = await generateText({
  model: 'openai/gpt-6-astra',
  prompt: 'What is an agent?',
});

console.log(text);