theme-gen
Generate a complete design system from brand colors using AI. Use when starting a new project or standardizing colors.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Generate a complete design system from brand colors using AI. Use when starting a new project or standardizing colors.
How to use
Zainstaluj narzędzie, uruchamiając polecenie npx ai-theme w terminalu. Nie wymaga konfiguracji — działa od razu.
Przygotuj kody heksadecymalne swoich kolorów marki. Zacznij od koloru głównego (primary), który ustawia ton całego systemu. Opcjonalnie dodaj kolory pomocnicze (secondary) i akcentowe (accent).
Uruchom generowanie z podstawowym poleceniem: npx ai-theme --primary "#3B82F6". Jeśli masz więcej kolorów, dodaj je: npx ai-theme --primary "#3B82F6" --secondary "#10B981" --accent "#F59E0B".
Wybierz format wyjścia. Domyślnie narzędzie generuje zmienne CSS, ale możesz wybrać konfigurację Tailwind za pomocą flagi --format tailwind. Jeśli potrzebujesz wariantów dla trybu ciemnego, dodaj flagę --dark-mode.
Eksportuj wynik do pliku poleceniem -o ./theme.css lub skopiuj wygenerowane zmienne bezpośrednio do projektu.
Przetestuj wygenerowany system w rzeczywistym interfejsie użytkownika. Skale kolorów są matematycznie zbilansowane — zanim zaczniesz ręcznie edytować, sprawdź, jak wyglądają w kontekście. Możesz później dostosować poszczególne odcienie, jeśli będzie to konieczne.