theme-creation
Twórz i dostosowuj motywy dla PropertyWebBuilder z wbudowaną obsługą dziedziczenia, palet kolorów i dostępności
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Umiejętność Claude do tworzenia nowych motywów dla PropertyWebBuilder. Obsługuje rejestrację motywów, szablony widoków, stylowanie CSS i konfigurację zasobów. System wspiera dziedziczenie motywów, wielotenantowe dostosowanie, 20+ gotowych sekcji strony, zmienne CSS, palety kolorów oraz tryb ciemny. Każda strona internetowa może mieć własny motyw z automatyczną walidacją kontrastu WCAG AA.
Jak używać
Zainstaluj umiejętność theme-creation w swoim projekcie PropertyWebBuilder, umieszczając pliki w katalogu
.claude/skills/theme-creation. Upewnij się, że struktura projektu zawiera katalogiapp/themes,app/models/pwbiapp/services/pwbwymagane do zarządzania motywami.Przygotuj konfigurację motywu w pliku
app/themes/config.json, definiując nazwę motywu, motyw nadrzędny (jeśli chcesz dziedziczenia) oraz dostępne palety kolorów. Możesz oprzeć się na istniejących motywach takich jakdefault,brisbanelubbologna.Utwórz szablony widoków dla swojego motywu w odpowiednim katalogu, korzystając z biblioteki 20+ gotowych sekcji strony. Szablony powinny obsługiwać zmienne CSS do dynamicznego stosowania kolorów i stylów.
Zdefiniuj palety kolorów w formacie JSON, uwzględniając co najmniej podstawowe kolory oraz warianty dla trybu ciemnego. Umiejętność automatycznie waliduje palety względem schematu i sprawdza kontrast WCAG AA.
Skonfiguruj zasoby motywu (CSS, czcionki, obrazy) i upewnij się, że każda witryna może przesłonić domyślne ustawienia motywu. System wspiera per-tenant customization, co pozwala na indywidualizację dla każdego klienta.
Przetestuj motyw, sprawdzając dziedziczenie, renderowanie palet kolorów oraz dostępność kontrastu. Jeśli motyw wymaga poprawek, umiejętność wspiera iteracyjne modyfikacje szablonów i stylów bez konieczności pełnego przebudowania.