Better Colors
Systematische Farbpaletten mit geprüfter Barrierefreiheit
Installation
npx skills add jakubkrehel/skills
When building or auditing color systems, creating design palettes, or implementing light and dark themes
- Autor
- Jakub Krehel
Überblick
Ein vollständiger Leitfaden für Farbsysteme, die sich über digitale Oberflächen hinweg skalieren lassen. Statt Farben ungeordnet anzusammeln, führt dieser Skill durch den Aufbau gezielter Abstufungen, die Benennung von Tokens nach ihrer Funktion und die Prüfung der Barrierefreiheit mit korrekten Kontrastmessungen.
Schwerpunkte
- Farbabstufungen mit gleichmäßigen Helligkeitsschritten und konstantem Farbton erstellen
- Grundfarben von semantischen Tokens trennen, um Themes einfach anzupassen
- Kontrastpaare im gerenderten Kontext statt isoliert messen
- Auf der gesamten Oberfläche jeder Farbe genau eine Bedeutung zuweisen
- Bestehende Codebasen auf Lücken im Farbsystem prüfen
- Helle und dunkle Darstellungsvarianten systematisch unterstützen
Für Designteams
Ob Sie ein neues Designsystem aufbauen oder ein bestehendes verbessern: Dieser Skill vermittelt die Prinzipien und Prüfmethoden für Farben, die für alle Nutzer und in allen Kontexten zuverlässig funktionieren. Im Mittelpunkt steht messbare Barrierefreiheit statt ästhetischer Vermutungen.
Ähnliche Skills
Better Interface
SkillUI-Prüfungen bündeln und Ergebnisse nach Schweregrad ordnen
Better Accessibility
SkillUIs für Tastatur und Screenreader zugänglich machen
Pigment
SkillErstellt Pigment-Modelle, Ansichten und Boards per Texteingabe
Kommentare(0)
Zum Kommentieren anmelden