vercel/ai

OpenAI, Anthropic, Google 등 다양한 AI 모델을 통일된 TypeScript API로 다루고 UI 프레임워크와 연결하는 SDK

개발 재료확인 필요 · NOASSERTION웹·Next.js·풀스택난이도
24,946+0이번 주4,6281,018TypeScript
데모·홈페이지 열기ai-sdk.dev
중간맛 분석

스택: TypeScript 기반, Next.js/React/Vue/Svelte 지원, Node.js 22+ 필요. 핵심: Vercel AI Gateway를 통한 멀티 프로바이더 통합(OpenAI, Anthropic, Google, 기타) + 프레임워크별 hooks로 UI 연동. 바로 쓸 수 있나: 맞음, install 후 모델 문자열 하나로 시작 가능. 난이도: 2~3(기본 텍스트 생성은 쉽고, 에이전트·구조화된 출력은 중급).

이런 레포예요

이럴 때 쓰면 좋아요

  • ChatGPT, Claude 같은 여러 LLM을 프로젝트에서 동시에 사용하고 싶을 때
  • Next.js나 React로 챗봇이나 생성형 UI를 빠르게 구축할 때
  • 구조화된 데이터(JSON 레시피, 분류 결과 등)를 LLM에서 추출할 때

핵심 기능

프로바이더 무관 통합 API로 OpenAI/Anthropic/Google 등 호환UI 프레임워크 hooks로 Next.js/React/Vue/Svelte 직접 연동에이전트(ToolLoopAgent) 및 함수 호출 기반 워크플로우 지원

대안 대비 차별점

Vercel AI Gateway를 기본제공하여 API 키 관리를 단순화하고, 동일한 모델 인터페이스로 여러 프로바이더를 전환하면서도 프레임워크 통합이 경량이고 직관적입니다.

준비물
  • Node.js 22+
  • npm 또는 다른 패키지 매니저
바로 시작하기
  1. Node.js 22+ 및 npm 설치 확인
node --version
  1. AI SDK 패키지 설치
npm install ai
  1. 특정 프로바이더 SDK 설치 (선택, 기본값은 Vercel AI Gateway)
npm install @ai-sdk/openai @ai-sdk/anthropic
  1. 텍스트 생성 예제 실행 (Node.js 스크립트)
node -e "import { generateText } from 'ai'; const { text } = await generateText({ model: 'openai/gpt-5.4', prompt: 'Hello!' }); console.log(text);" --input-type=module
  1. 프로젝트에 UI 통합 (Next.js 예제)
npm install @ai-sdk/react
  1. 프로바이더별 기술 가이드는 https://ai-sdk.dev/docs 참고
별 추이 · 7일
24,946+0 / 7일
활용성 · 따라 만들기 좋은가
따라 하기 좋음샘플 점수 42/100
  • 관대한 라이선스
  • 테스트 있음
  • 예제 디렉토리
  • 최근 활동
  • AGENTS.md
  • llms.txt
  • 템플릿

🟢 최근 활동 있음 · 2023년 생성

AI가 README 기반으로 요약했습니다 · 원문 보기