artifacts-builder

Zestaw narzędzi do budowania złożonych, wielokomponentowych artefaktów HTML dla Claude.ai. Wykorzystaj React 18, TypeScript, Tailwind CSS i bibliotekę shadcn/ui do tworzenia interfejsów z zarządzaniem stanem, routingiem i gotowymi komponentami UI. Idealne dla projektów wymagających więcej niż prosty HTML — wszystko pakuje się w jeden plik HTML gotowy do udostępnienia.

1. Uruchom skrypt inicjalizacyjny poleceniem bash scripts/init-artifact.sh nazwa-projektu, a następnie przejdź do utworzonego katalogu. Skrypt przygotuje w pełni skonfigurowany projekt React z TypeScript, Vite, Tailwind CSS i 40+ komponentami shadcn/ui.

2. Edytuj wygenerowane pliki, aby zbudować swoją aplikację. Możesz korzystać ze wszystkich preinstalowanych komponentów shadcn/ui, aliasów ścieżek (@/) i pełnego wsparcia TypeScript.

3. Po zakończeniu pracy uruchom bash scripts/bundle-artifact.sh, aby spakować całą aplikację React w jeden plik bundle.html. Plik zawiera wbudowany JavaScript, CSS i wszystkie zależności.

4. Udostępnij wygenerowany plik bundle.html użytkownikowi — działa samodzielnie bez dodatkowych plików.

5. Opcjonalnie przetestuj artefakt w przeglądarce, aby upewnić się, że wszystkie komponenty i funkcjonalności działają prawidłowo.