Toolverse
All skills

fumadocs-registry-integration

by TheOrcDev

Register 8-bit components in registry.json for shadcn/ui add command. Apply when adding new components to the component library distribution.

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
TheOrcDev
Category
Frontend
Views
1

About this skill

Register 8-bit components in registry.json for shadcn/ui add command. Apply when adding new components to the component library distribution.

How to use

  1. Przygotuj nowy komponent lub blok interfejsu w formacie TypeScript (np. components/ui/8bit/button.tsx) wraz z plikiem stylów retro.css zawierającym style retro.

  2. Otwórz plik registry.json w katalogu projektu i dodaj wpis dla komponentu, ustawiając pole "type" na "registry:component" dla pojedynczych komponentów lub "registry:block" dla gotowych bloków interfejsu.

  3. W obiekcie wpisu podaj "name" (identyfikator komponentu), "title" (wyświetlana nazwa), "description" (opis funkcjonalności) oraz "registryDependencies" (lista zależności od innych komponentów).

  4. W polu "files" dodaj ścieżki do pliku komponentu (type: "registry:component") i pliku retro.css (zawsze wymagany). Każdy plik powinien mieć określoną ścieżkę źródłową i docelową.

  5. Dla bloków interfejsu (np. quest-log dla gier) dodaj pole "categories" z wartością "gaming" lub inną odpowiednią kategorią, aby ułatwić odkrywanie komponentu.

  6. Po zapisaniu wpisu w registry.json komponent będzie dostępny dla użytkowników poprzez komendę shadcn add @8bitcn/[nazwa-komponentu], gdzie nazwa odpowiada wartości pola "name" z rejestru.

Related skills