add-template
Automatyzuj dodawanie szablonów UI do projektu React – od kodu HTML do rejestracji w systemie
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Skill do ui-style-react, który automatyzuje cały proces dodawania nowych szablonów stylów. Zbierz parametry (kategorię, ID rodziny, ID szablonu, kod HTML i CSS), a narzędzie samo utworzy katalogi, wygeneruje pliki i zarejestruje szablon w systemie podglądu. Domyślnie nowy szablon pojawia się na początku listy – możesz to zmienić ustawieniem setAsDefault na false.
Jak używać
Przygotuj dane szablonu: określ kategorię (visual, core, retro, interaction, layout), ID rodziny (np. grain, glassmorphism), unikalny ID szablonu oraz pełny kod HTML i CSS. Opcjonalnie dodaj tytuł w języku chińskim i angielskim.
Wyzwól skill słowami "add template", "create style template", "add new template" lub podaj kod HTML nowego stylu – system automatycznie rozpozna, że chcesz dodać szablon.
Przekaż wszystkie wymagane parametry: category, familyId, templateId, htmlContent, cssContent. Skill użyje ich do utworzenia struktury katalogów i plików w projekcie.
Skill wygeneruje nowy szablon i automatycznie zarejestruje go na stronie podglądu. Domyślnie nowy szablon będzie wyświetlany jako pierwszy na liście.
Jeśli chcesz, aby szablon pojawił się na końcu listy zamiast na początku, ustaw parametr setAsDefault na false przed uruchomieniem.
Sprawdź stronę podglądu – nowy szablon powinien być widoczny i gotowy do użytku.