accessible-contrast
✓WCAG 準拠のコントラスト ペア用に設計されたカラー ランプを生成します。予測可能な前景と背景の組み合わせを使用して 11 段階のスケールを作成します。
SKILL.md
Generate color ramps specifically designed for accessible text/background combinations. Uses an 11-step scale for predictable WCAG-compliant pairing.
| Maximum | 0 + 10 | Highest (near white + near black) | | AAA Normal | 1 + 9, 2 + 8 | 7:1+ ratio | | AA Normal | 3 + 7 | 4.5:1+ ratio | | AA Large | 4 + 6 | 3:1+ ratio |
| Background | Text for AA | Text for AAA |
WCAG 準拠のコントラスト ペア用に設計されたカラー ランプを生成します。予測可能な前景と背景の組み合わせを使用して 11 段階のスケールを作成します。 ソース: basiclines/rampa-studio。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/basiclines/rampa-studio --skill accessible-contrast- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-05
- 更新日
- 2026-02-18
クイックアンサー
accessible-contrast とは？
WCAG 準拠のコントラスト ペア用に設計されたカラー ランプを生成します。予測可能な前景と背景の組み合わせを使用して 11 段階のスケールを作成します。 ソース: basiclines/rampa-studio。
accessible-contrast のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/basiclines/rampa-studio --skill accessible-contrast インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/basiclines/rampa-studio
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-05