📦

better-colors

Name: better-colors
Author: jakubkrehel

Revisión del contenido r1 Seguro ⚙️ Comandos externos

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.

Compatible con: Claude Codex Code(CC)

🥉 78 Bronce

Maintain this Skill? Claim it 🥉 78 Bronce

Instalar con mi Agente

Copia esta solicitud en tu Agente. Incluye la página canónica del Skill y el manifiesto.

Solicitud de agente

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.

Tu Agente debe seguir mostrando su plan y solicitar cualquier confirmación exigida por la política de seguridad.

Recursos legibles por agentes

Usa estos enlaces cuando un agente de IA, crawler o script necesite contexto limpio en vez de leer la página completa.

Detalle Markdown GET /skills/jakubkrehel-better-colors.md Manifest firmado GET /api/skills/jakubkrehel-better-colors/manifest Lockfile firmado GET /api/skills/jakubkrehel-better-colors/lockfile

Pruébalo

Usando "better-colors". A component uses the blue primitive directly for its primary button. Suggest a token structure without changing its appearance.

Resultado esperado:

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.

Usando "better-colors". Our theme reverses the light palette for dark mode and shares one increased-contrast override. Review this approach without editing.

Resultado esperado:

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.

Auditoría de seguridad

Seguro

v1 • 9/10/2026 Abrir el informe versionado

All 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.

Archivos escaneados

654

Líneas analizadas

Elementos de revisión

Falsos positivos ignorados

Factores de riesgo

La auditoría estática y semántica completada más reciente no detectó hallazgos de seguridad confirmados. Esto no demuestra que el skill no tenga efectos secundarios.

Auditado por: codex

Compartir y citar este informe

Comparte el informe de evaluación versionado, la insignia neutral, la tarjeta insertable y las citas. Skillstore presenta evidencias sin decidir si este Skill es seguro.

Abrir el informe versionado

Copiar enlace del informe

https://skillstore.io/skills/jakubkrehel-better-colors/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Insignia Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/jakubkrehel-better-colors/security.svg)](https://skillstore.io/skills/jakubkrehel-better-colors?utm_source=security_passport_badge)

Insignia 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>

Tarjeta para insertar

<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>

Citas académicas (APA · BibTeX · CFF)

Cita APA

jakubkrehel. (2026). better-colors security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/jakubkrehel-better-colors/audits/1

Cita 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"

Puntuación de Skillstore

Por qué esta puntuación Confianza de la evidencia: Medio

Arquitectura

Mantenibilidad

Contenido

Comunidad

Cumplimiento de la especificación

Lo que puedes crear

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.

Prueba estos prompts

Beginner: Name Color Roles

Review these colors and their uses: [colors and roles]. Suggest primitive and semantic token names. Keep the existing notation.

Intermediate: Generate a Palette

Build a palette around [brand color] using [Tailwind or Radix] steps. Use a color library. Include only required roles and explain gamut checks.

Intermediate: Review Contrast

Review [components] in light and dark themes. Measure actual foreground-background pairs against [standard]. Report failures and unverified checks. Do not change colors.

Advanced: Plan a Token Migration

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.

Mejores prácticas

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.

Evitar

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.