ai-elements

AI Elements to biblioteka komponentów zbudowana na bazie shadcn/ui, która przyspiesza tworzenie aplikacji natywnych dla AI. Zawiera gotowe komponenty do rozmów, wiadomości i innych elementów interfejsu czatu. Skill umożliwia dodawanie nowych komponentów do biblioteki zgodnie z ustanowionymi wzorcami composable, integracją shadcn/ui i konwencjami Vercel AI SDK. Idealny dla deweloperów pracujących z Next.js i AI SDK.

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ć.