Toolverse
All skills

color-contrast-checker

by jeremylongshore

Validate color contrast checker operations. Auto-activating skill for Frontend Development.\nTriggers on: color contrast checker, color contrast checker\nPart of the Frontend Development skill category. Use when working with color contrast checker functionality. Trigger with

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Category
Security

About this skill

Validate color contrast checker operations. Auto-activating skill for Frontend Development.\nTriggers on: color contrast checker, color contrast checker\nPart of the Frontend Development skill category. Use when working with color contrast checker functionality. Trigger with phrases like \

How to use

  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.

Related skills