Wait… Vercel has their own UI Library now?
- Vercel이 자체 UI 라이브러리인 AI Elements를 출시했으며, 이는 Shadcn UI를 기반으로 구축되었습니다. 🚀
- AI Elements는 AI SDK와의 연동을 간소화하기 위해 만들어졌지만, AI 관련 기능 외에도 다양한 UI 컴포넌트를 제공합니다. 💡
- 이 라이브러리는 Radix UI → Shadcn UI → Vercel UI Library 순서로 레이어 구조를 가집니다. 🏗️
- AI Elements는 NPX 명령어를 통해 설치할 수 있으며, 컴포넌트 레지스트리를 사용하여 필요한 컴포넌트만 선택적으로 추가할 수 있습니다. 📦
- Test Sprite는 AI 코딩의 결과물을 테스트하고 개선하는 데 도움을 주는 AI 기반 테스트 에이전트입니다. 🧪
- AI Elements는 메시지, 프롬프트 입력과 같은 AI 관련 컴포넌트 외에도 로더, 인라인 인용, 코드 블록, 웹 미리보기와 같은 다양한 컴포넌트를 제공합니다. 🎨
- 특히 웹 미리보기 컴포넌트는 URL만으로 웹 페이지를 표시할 수 있어 개발 시간을 단축시켜 줍니다. 🌐
- AI Elements를 설치하려면 Shadcn UI가 먼저 설치되어 있어야 합니다. ✅