Communitygithub.com

jakubkrehel/oklch-skill

Webプロジェクト向けOKLCH色空間スキル。hex/rgb/hslからoklchへの変換、パレット生成、コントラストチェック、ガマット境界処理、Tailwind v4テーマ対応。

oklch-skill とは?

このスキルは、Web開発者がOKLCH色空間を簡単に活用できるようにするためのツールです。従来のRGBやHSLでは難しかった、色相のシフトや彩度の明るさ依存などの問題をOKLCHで解決し、より人間の知覚に近い色設計を実現します。hex/rgb/hslからoklchへの変換、パレット生成、コントラスト比のチェック、Display P3を含むガマット境界の処理、さらにはTailwind CSS v4のOKLCHベーステーマ生成までカバーします。また、ダークモード用の色設計やデザイントークンの定義にも対応しており、アクセシビリティを考慮したプロフェッショナルなカラーワークフローを提供します。対応プラットフォームはClaude Code, Cursor, Codexなどで、自然言語での指示(例:「この赤をoklchに変換して」「コントラスト比をチェックして」)をトリガーとして実行できます。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/jakubkrehel/oklch-skill/tree/main/skills/oklch-skill

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

oklch-skill は何をしますか?

Webプロジェクト向けOKLCH色空間スキル。hex/rgb/hslからoklchへの変換、パレット生成、コントラストチェック、ガマット境界処理、Tailwind v4テーマ対応。トリガーワード: oklch, 色変換, パレット生成, コントラスト比, ガマット, display-p3, デザイントークン, 色相シフト, 彩度, ダークモード色。

関連スキル