color-contrast-checker

Umiejętność Claude'a do sprawdzania kontrastu kolorów w projektach frontendowych. Aktywuje się automatycznie, gdy wspomniasz o kontrascie kolorów, i pomaga w tworzeniu dostępnych interfejsów zgodnie z najlepszymi praktykami. Generuje gotowy kod, konfiguracje oraz rekomendacje dotyczące standardów dostępności. Pracuje z React, Vue, CSS i nowoczesnymi wzorcami webowymi.

1. Upewnij się, że masz skonfigurowane środowisko frontendowe z dostępem do narzędzi takich jak Read, Write, Edit i Bash. Umiejętność automatycznie aktywuje się w Claude Code.

2. Wyzwól umiejętność, wspominając w swoim zapytaniu frazy takie jak "color contrast checker", "color checker" lub po prostu "color". Możesz zapytać na przykład: "Pomóż mi z color contrast checker" lub "Sprawdź kontrast kolorów w moim interfejsie".

3. Umiejętność przeanalizuje Twoje zapytanie i dostarczy instrukcje krok po kroku dotyczące walidacji kontrastu. Otrzymasz wytyczne oparte na standardach branżowych oraz najlepszych praktykach dostępności.

4. Wygenerowany zostanie gotowy do produkcji kod i konfiguracje dostosowane do Twojego projektu. Umiejętność uwzględnia wzorce React, Vue, CSS oraz nowoczesne techniki webowe.

5. Przejrzyj wyniki walidacji i rekomendacje. Jeśli napotkasz błędy konfiguracji, sprawdź dokumentację pod kątem wymaganych parametrów. W razie problemów z dostępem do narzędzi zainstaluj wymagane zależności zgodnie z dokumentacją.

6. Zastosuj wygenerowany kod w swoim projekcie frontendowym. Umiejętność zapewnia, że Twoje interfejsy będą dostępne dla użytkowników z różnymi możliwościami percepcji kolorów.