theme-creation

Create new themes for PropertyWebBuilder. Use when creating custom themes, styling websites, or modifying theme templates. Handles theme registration, view templates, CSS, and asset configuration.

1. Zainstaluj umiejętność theme-creation w swoim projekcie PropertyWebBuilder, umieszczając pliki w katalogu .claude/skills/theme-creation. Upewnij się, że struktura projektu zawiera katalogi app/themes, app/models/pwb i app/services/pwb wymagane do zarządzania motywami.

2. 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 jak default, brisbane lub bologna.

3. 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.

4. 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.

5. 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.

6. 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.