01
このSkillでできること
- ✓用途やムードに合う配色やパレットを提案する
- ✓OKLCHなどを使った段階的なカラースケールを設計する
- ✓WCAGやAPCAを考慮してコントラストを確認する
- ✓RGB、HSL、Lab、OKLCHなどの色概念や変換を説明する
02
使い方
01
STEP 1
媒体、ブランド、ムード、対象者、アクセシビリティ要件を伝える
02
STEP 2
既存色やライト・ダークモードの要件を指定する
03
STEP 3
必要なら色空間、コントラスト基準、段階数を指定する
04
STEP 4
用途に応じた配色案やトークン構造を確認する
03
Skillのインストール
初心者におすすめ
AIにこのSkillを追加してもらう
GitHub URLごとCodexやClaude Codeへ渡し、現在の環境に合う方法を判断してもらいます。
このGitHubリポジトリにあるSkillを確認し、現在の環境に適した方法でインストールしてください。
インストール後、正常に利用できることを確認し、基本的な使い方も簡潔に説明してください。
Repository:
https://github.com/meodai/skill.color-expert手動でインストールする
README / SKILL.mdから機械抽出できたコマンドのみ表示しています。推測したコマンドではありません。
git clone https://github.com/meodai/skill.color-expert ~/Sites/color-expert04
このSkillを使うプロンプト例
Skill名を明示すると、意図したSkillを使わせやすくなります。自動発動型では必須とは限りません。
既存の青を基準に、ライト・ダーク両対応の9段階アクセントスケールをOKLCHで設計し、文字色とのコントラストも確認してください。出力例を見る
用途に合わせた色コード、トークン構造、コントラスト上の注意点を返します。05
安全性チェック
自動解析による参考情報です。Skillの安全性を保証するものではありません。
外部API通信検出あり
Shellコマンド実行検出あり
ファイル読み取り明確な記述なし
ファイル書き込み明確な記述なし
ネットワークアクセス検出あり
認証情報明確な記述なし
検出根拠を見る
- shell: # Installation ### Any supported agent (recommended) ```bash npx skills add meodai/skill.color-expert ``` Automatically detects your installed agents
- shell: Clone and symlink into your agent's skills directory: ```bash git clone https://github.com/meodai/skill.color-expert ~/Sites/color-expert ``` | Agent
- network: into your agent's skills directory: ```bash git clone https://github.com/meodai/skill.color-expert ~/Sites/color-expert ``` | Agent | Sym
- network: attributed to their authors._ _Compiled by [@meodai](https://github.com/meodai) — one URL at a time._
06