Przejdź do treści
↑↓nawiguj↵otwórzesczamknij
Claude+372Whisper+228LangChain+168Codex+223NotebookLM+276DALL-E 3+192DeepL+249n8n+208Topaz Video AI+153LlamaIndex+161
Better Colors logo
Umiejętność

Better Colors

Spójne palety kolorów o sprawdzonej dostępności

0
ZapiszOdwiedź stronę ↗

Instalacja

npx skills add jakubkrehel/skills
Uruchamia się przy

When building or auditing color systems, creating design palettes, or implementing light and dark themes

Autor
Jakub Krehel

Omówienie

Kompletny przewodnik po projektowaniu systemów kolorów skalujących się na różne interfejsy cyfrowe. Zamiast przypadkowo gromadzić kolory, ta umiejętność pokazuje, jak budować przemyślane skale, nazywać tokeny według ich roli i weryfikować dostępność za pomocą prawidłowego pomiaru kontrastu.

Najważniejsze możliwości

  • Tworzy skale kolorów z równomiernymi odstępami jasności i stałym odcieniem
  • Oddziela kolory bazowe od tokenów semantycznych, ułatwiając tworzenie motywów
  • Mierzy kontrast par w rzeczywistym kontekście renderowania, a nie w izolacji
  • Ustanawia zasadę: jeden kolor, jedno znaczenie w całym interfejsie
  • Audytuje istniejący kod, aby wykrywać braki w systemie kolorów
  • Systematycznie obsługuje jasne i ciemne warianty wyglądu

Dla zespołów projektowych

Niezależnie od tego, czy tworzysz nowy system projektowy, czy ulepszasz istniejący, ta umiejętność zapewnia zasady i metody weryfikacji potrzebne do opracowania kolorów działających niezawodnie dla wszystkich użytkowników i we wszystkich kontekstach. Koncentruje się na mierzalnej dostępności zamiast zgadywania na podstawie estetyki.

Komentarze(0)

Zaloguj się, aby skomentować

Nie ma jeszcze komentarzy — napisz pierwszy.

Podobne umiejętności

Zgłoś ten komentarz

Dlaczego to zgłaszasz?