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

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 で使用できるようになります

ソースリポジトリはどこですか?

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

詳細

カテゴリ
*クリエイティブ
ソース
skills.sh
初回登録
2026-03-08