better-colors
Build Consistent Color Systems and Check Contrast
Scattered colors and unclear token roles make themes difficult to maintain. This skill guides palette generation, semantic naming, and contrast reviews using your project conventions.
Installer avec mon Agent
Copiez cette demande dans votre Agent. Elle contient la page Skill de référence et le manifeste.
Review the Skillstore skill "better-colors" from https://skillstore.io/skills/jakubkrehel-better-colors.md and its manifest at https://skillstore.io/api/skills/jakubkrehel-better-colors/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Votre Agent doit toujours présenter son plan et demander toute confirmation exigée par la politique de sécurité.
Ressources lisibles par les agents
Utilisez ces liens lorsquâun Agent IA, un crawler ou un script a besoin dâun contexte propre au lieu de lire toute la page.
Tester
Utilisation de « better-colors ». A component uses the blue primitive directly for its primary button. Suggest a token structure without changing its appearance.
Résultat attendu:
- Keep the blue value in the primitive layer.
- Map the accent solid role to that primitive.
- Have the button reference the semantic role so themes can change the mapping centrally.
- Contrast remains unverified until the foreground-background pair is measured.
Utilisation de « better-colors ». Our theme reverses the light palette for dark mode and shares one increased-contrast override. Review this approach without editing.
Résultat attendu:
- Dark mode needs tuned chroma and surface spacing, not only reversed steps.
- Give each appearance its own increased-contrast values.
- Remeasure text against its rendered background in both appearances.
- Rendered contrast is not verified without theme values and browser measurements.
Audit de sécurité
SûrAll 51 static findings are false positives involving Markdown code spans, CSS examples, or color-system terminology. No evidence found of command execution, reconnaissance, exfiltration, or prompt injection in the reviewed files. The approval language governs color-review outcomes, not marketplace security decisions.
Facteurs de risque
âïž Commandes externes (28)
Partager et citer ce rapport
Partagez le rapport dâĂ©valuation versionnĂ©, le badge neutre, la carte intĂ©grable et les citations. Skillstore prĂ©sente les preuves sans dĂ©cider si ce Skill est sĂ»r.
Copier le lien du rapport
https://skillstore.io/skills/jakubkrehel-better-colors/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportBadge Markdown
[](https://skillstore.io/skills/jakubkrehel-better-colors?utm_source=security_passport_badge)Badge HTML
<a href="https://skillstore.io/skills/jakubkrehel-better-colors?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/jakubkrehel-better-colors/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Carte intégrable
<iframe src="https://skillstore.io/embed/skills/jakubkrehel-better-colors.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Citations académiques (APA · BibTeX · CFF)
Citation APA
jakubkrehel. (2026). better-colors security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/jakubkrehel-better-colors/audits/1Citation BibTeX
@techreport{jakubkrehel-jakubkrehel-better-colors-2026,
author = {jakubkrehel},
title = {better-colors security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/jakubkrehel-better-colors/audits/1},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "better-colors security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
- name: "jakubkrehel"
date-released: "2026-10-09"
url: "https://skillstore.io/skills/jakubkrehel-better-colors/audits/1"
identifiers:
- type: other
value: "skillstore:jakubkrehel-better-colors:audit:1"
description: "Skillstore immutable audit report identifier"
Score Skillstore
Pourquoi ce score Niveau de confiance des preuves: MoyenCe que vous pouvez créer
Plan a Product Palette
Generate necessary neutral, accent, and status ramps from a brand color, then assign each step a clear interface role.
Standardize Component Tokens
Review literal colors and primitive utilities, then propose semantic tokens that preserve existing notation and support theme changes.
Review Theme Contrast
Inspect foreground-background pairs across light, dark, and increased-contrast appearances, reporting measured failures and checks that remain unverified.
Essayez ces prompts
Review these colors and their uses: [colors and roles]. Suggest primitive and semantic token names. Keep the existing notation.
Build a palette around [brand color] using [Tailwind or Radix] steps. Use a color library. Include only required roles and explain gamut checks.
Review [components] in light and dark themes. Measure actual foreground-background pairs against [standard]. Report failures and unverified checks. Do not change colors.
Inventory [project scope] colors, cluster near-duplicates, and propose semantic mappings. Include dark and increased-contrast variants, measured checks, and migration risks. Await approval before editing.
Bonnes pratiques
- Preserve established notation and token conventions unless a migration is explicitly in scope.
- Generate palette values with a color library and assign every retained step a role.
- Measure actual rendered pairs in every appearance and mark unavailable checks as Not verified.
Ăviter
- Apply hue-based primitives directly in components instead of semantic role tokens.
- Estimate contrast or assume a pair passes because its palette step usually works.
- Convert formats or consolidate colors across unrelated screens without approval.
Foire aux questions
Which assistants can use this skill?
Must my project switch to OKLCH?
Does the package include a color calculation tool?
Can it review contrast without a browser?
Will it automatically fix failing colors?
Does a successful review prove accessibility compliance?
Détails du développeur
Auteur
jakubkrehelLicence
MIT
Révision Skillstore
r1
Avis de version
Lâauteur nâa dĂ©clarĂ© aucune version.
Réf
e406bf64b5db6e514879399e87b346fa7ff7c2fb
Récence de maintenance
11/10/2026
Utilisation
0 téléchargements · 0 vues
Structure de fichiers
đ agents/
đ openai.yaml
đ color-formats.md
đ color-usage.md
đ contrast.md
đ palette-structure.md
đ SKILL.md
đ token-naming.md