ai-elements

Create new AI chat interface components for the ai-elements library following established composable patterns, shadcn/ui integration, and Vercel AI SDK conventions. Use when creating new components in packages/elements/src or when the user asks to add a new component to ai-elements.

1. Upewnij się, że Twoje środowisko spełnia wymagania: Node.js w wersji 18 lub nowszej, projekt Next.js z zainstalowanym AI SDK oraz shadcn/ui. Jeśli shadcn/ui nie jest jeszcze zainstalowany, polecenie instalacyjne zainstaluje go automatycznie.

2. Zainstaluj komponenty AI Elements używając dedykowanego polecenia CLI lub standardowego CLI shadcn/ui. Oba podejścia dają ten sam rezultat — dodają kod komponentu i wszystkie niezbędne zależności do Twojego projektu.

3. Skonfiguruj AI Gateway, aby uprościć zarządzanie kluczami API. Dodaj AI_GATEWAY_API_KEY do pliku env.local — dzięki temu nie będziesz musiał używać osobnych kluczy od każdego dostawcy. Gateway oferuje również $5 miesięcznego kredytu na eksperymenty z modelami.

4. Użyj skill'u gdy chcesz utworzyć nowy komponent w katalogu packages/elements/src lub gdy użytkownik prosi o dodanie nowego komponentu do biblioteki AI Elements. Skill zapewni, że nowy komponent będzie zgodny z ustanowionymi wzorcami composable i konwencjami SDK.

5. Zapoznaj się z dokumentacją AI Elements na npm, aby zrozumieć dostępne komponenty takie jak rozmowy, wiadomości i inne elementy interfejsu czatu, które możesz wykorzystać lub rozszerzyć.