mcpField
C
color-expert

color-expert

github.com/podoデザイン・UI29235 回インストール4 日前に更新
リポジトリ

color-expert について

color-expertは、エージェントのデザイン判断に色彩科学の情報を提供するスキルです。色空間、配色手法、アクセシビリティのコントラスト、色彩の歴史を扱います。

主な機能

  1. 01色空間のリファレンス
  2. 02配色生成手法
  3. 03WCAGコントラストの指針
  4. 04色名の規則
  5. 05顔料混合の理論
  6. 06CSS色構文

活用シーン

  1. 01カラーシステムの構築
  2. 02適切なコントラストの配色選び
  3. 03色の組み合わせの効果を理解

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/podo/design-agent-skills --skill color-expert

インストール後、Claude Code で/color-expertを入力して読み込まれたか確認します。

同梱ファイルstub.yaml

詳細

color-expert

カタログの概要 — スキルの全容はこちら：meodai/skill.color-expert

判断ツリー

  1. スキル全体はすでにインストールされていますか？

    • グローバル：f=~/.agents/skills/color-expert/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • プロジェクト：f=.agents/skills/color-expert/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • installed → スキルは color-expert としてインストールされています。これを呼び出して続行してください
    • pointer → ステップ2に進みます

  2. スコープを検出してからインストールします：

    [ -e ~/.agents/skills/color-expert ] && echo "global" || echo "project"

    グローバル：

    npx skills add meodai/skill.color-expert --skill color-expert -g -y

    プロジェクト：

    npx skills add meodai/skill.color-expert --skill color-expert -y

    Claude Code： 会話を離れずにコマンドを実行するには、! で始まるコマンドをチャットメッセージとして送信します。

ご注意

  • ライセンス： CC-BY-4.0（オリジナルの素材。サードパーティのソース素材には、それぞれのライセンスが適用されます）

インストール後の呼び出し

  • スキル名：color-expert
  • トリガーフレーズ：「color expert」、「OKLCH」、「color palette」、「color science」、「contrast ratio」

機能

色彩科学に関する充実したリファレンスライブラリをデザイン上の意思決定に活用できます。スキルファイルには必須事項が記載され、インデックスから数百のリファレンスファイルを参照できます。知覚的に均一な色空間（OKLCH、OKLAB）、パレット生成アルゴリズム、WCAGのアクセシビリティコントラスト、色の命名規則、顔料の混色理論、CSSの色構文、アートとデザインにおける色の歴史を扱います。カラーシステムの構築、適切なコントラストを備えたパレットの選択、または特定の色の組み合わせが不自然に感じられる理由の理解に最適です。

使用しない場合

  • デザイントークンのファイル構造（DTCG、エイリアス、テーマリゾルバー）→ design-tokens-skill を使用します
  • アクセシビリティの包括的な監査（コントラスト以外のWCAG項目）→ wcag-audit-patterns または addyosmani-quality を使用します

コメント

Markdown 対応