技能 better-colors

📦

better-colors

Name: better-colors
Author: jakubkrehel

內容修訂 r1 安全 ⚙️ 外部命令

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.

支援: Claude Codex Code(CC)

🥉 78 銅級

Maintain this Skill? Claim it 🥉 78 銅級

使用我的智慧代理安裝

將此請求複製給你的智慧代理，其中包含權威 Skill 頁面和清單。

智能體請求

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.

你的智慧代理仍應顯示其計畫，並依安全政策請求必要確認。

Agent 可讀資源

當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時，請使用這些連結。

Markdown 詳情 GET /skills/jakubkrehel-better-colors.md 已簽名 manifest GET /api/skills/jakubkrehel-better-colors/manifest 已簽名 lockfile GET /api/skills/jakubkrehel-better-colors/lockfile

測試它

正在使用「better-colors」。 A component uses the blue primitive directly for its primary button. Suggest a token structure without changing its appearance.

預期結果:

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.

正在使用「better-colors」。 Our theme reverses the light palette for dark mode and shares one increased-contrast override. Review this approach without editing.

預期結果:

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.

安全審計

安全

v1 • 2026/10/9 開啟版本化報告

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.

已掃描檔案

654

分析行數

複核項目

已忽略的誤報

最近一次完成的靜態與語意稽核未偵測到已確認的安全發現。這並不能證明該 Skill 沒有副作用。

審計單位: codex

分享與引用此報告

分享版本化評估報告、中性徽章、嵌入卡片與引用。Skillstore 只報告證據，不判斷該 Skill 是否安全。

開啟版本化報告

複製報告連結

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

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)

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>

嵌入卡片

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

學術引用 (APA · BibTeX · CFF)

APA 引用

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

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"

Skillstore 評分

評分依據證據置信度: 中

架構

可維護性

內容

社群

規範符合度

你可以打造什麼

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.

試試這些提示

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.

最佳實務

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.

避免

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.