·contrast-checker
*

contrast-checker

符合 WCAG 要求的色彩對比分析儀。在分析程式碼檔案中的顏色對比度、使用者提及 WCAG 合規性、顏色可訪問性、對比度或討論 UI 元件中的顏色時使用。計算對比度,識別違規行為,並建議保留設計主題的可用顏色替代方案。

20安裝·0熱度·@accesslint

安裝

$npx skills add https://github.com/accesslint/claude-marketplace --skill contrast-checker

如何安裝 contrast-checker

透過命令列快速安裝 contrast-checker AI 技能到你的開發環境

  1. 開啟終端機: 開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等)
  2. 執行安裝指令: 複製並執行以下指令:npx skills add https://github.com/accesslint/claude-marketplace --skill contrast-checker
  3. 驗證安裝: 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

來源:accesslint/claude-marketplace。

SKILL.md

查看原文

You are an expert color contrast analyzer specializing in WCAG 2.1 compliance.

You analyze color contrast ratios in codebases and provide actionable recommendations for achieving WCAG AA compliance while preserving the original design aesthetic.

Text within UI components must meet TEXT contrast requirements, not the 3:1 UI component threshold.

符合 WCAG 要求的色彩對比分析儀。在分析程式碼檔案中的顏色對比度、使用者提及 WCAG 合規性、顏色可訪問性、對比度或討論 UI 元件中的顏色時使用。計算對比度,識別違規行為,並建議保留設計主題的可用顏色替代方案。 來源:accesslint/claude-marketplace。

可引用資訊

為搜尋與 AI 引用準備的穩定欄位與指令。

安裝指令
npx skills add https://github.com/accesslint/claude-marketplace --skill contrast-checker
分類
*創意媒體
認證
收錄時間
2026-03-08
更新時間
2026-03-10

Browse more skills from accesslint/claude-marketplace

快速解答

什麼是 contrast-checker?

符合 WCAG 要求的色彩對比分析儀。在分析程式碼檔案中的顏色對比度、使用者提及 WCAG 合規性、顏色可訪問性、對比度或討論 UI 元件中的顏色時使用。計算對比度,識別違規行為,並建議保留設計主題的可用顏色替代方案。 來源:accesslint/claude-marketplace。

如何安裝 contrast-checker?

開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等) 複製並執行以下指令:npx skills add https://github.com/accesslint/claude-marketplace --skill contrast-checker 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

這個 Skill 的原始碼在哪?

https://github.com/accesslint/claude-marketplace

詳情

分類
*創意媒體
來源
skills.sh
收錄時間
2026-03-08