Toolverse
Wszystkie skille

registry-component-patterns

autor: TheOrcDev

Rejestruj komponenty 8-bit w shadcn/ui i udostępniaj je przez komendę add

Instalacja

Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.

Instalacja

Szybkie info

Kategoria
Frontend
Wyświetlenia
2

O skillu

Skill do rejestracji komponentów w pliku registry.json dla biblioteki 8bitcn-ui. Pozwala na łatwe dodawanie nowych komponentów i bloków do projektu za pomocą komendy shadcn add. Obsługuje zarówno pojedyncze komponenty (np. przyciski, karty) jak i gotowe bloki interfejsu (np. intro rozdziału w grze). Każdy wpis w rejestrze zawiera metadane, ścieżki plików oraz zależności, co umożliwia automatyczne odkrywanie i instalację komponentów przez użytkowników.

Jak używać

  1. Przygotuj nowy komponent lub blok w formacie TypeScript/TSX. Komponent powinien być umieszczony w katalogu components/ui/8bit/ wraz z plikami stylów.

  2. Utwórz wpis w pliku registry.json dla swojego komponentu. Ustaw pole "name" na identyfikator komponentu, "type" na "registry:component" dla pojedynczych komponentów lub "registry:block" dla gotowych bloków interfejsu.

  3. Dodaj pole "title" z czytelną nazwą komponentu oraz "description" z krótkim opisem jego funkcji. Dla bloków możesz również dodać pole "categories" do kategoryzacji (np. "gaming").

  4. W sekcji "files" wymień wszystkie pliki komponentu, w tym plik TypeScript oraz wymagany plik retro.css ze stylami. Każdy plik powinien mieć określoną ścieżkę źródłową (path) i docelową (target).

  5. W polu "registryDependencies" wymień komponenty, od których zależy Twój nowy komponent (np. jeśli blok chapter-intro korzysta z card, dodaj "card" do listy).

  6. Po zarejestrowaniu komponentu użytkownicy będą mogli go zainstalować komendą shadcn add @8bitcn/[nazwa-komponentu], a wszystkie zależności i pliki stylów zostaną automatycznie pobrane.

Podobne skille