·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