Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx agentmods add agents/sean-sunagaku/claude-code-plugin/color-expertgit clone --depth 1 https://github.com/sean-sunagaku/claude-code-pluginWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/agents/sean-sunagaku/claude-code-plugin/color-expert)<a href="https://agentmods.dev/agents/sean-sunagaku/claude-code-plugin/color-expert"><img src="https://agentmods.dev/badge/agents/sean-sunagaku/claude-code-plugin/color-expert.svg" alt="Measured on agentmods" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5 | $0.00074 | $0.02604 |
| Opus 5 | $0.00037 | $0.01302 |
| Sonnet 5 | $0.00015 | $0.00521 |
| Haiku 4.5 | $0.00007 | $0.00260 |
Grade A, and why
color-expert scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 5d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 223 lines — stays where its author put it; the contents beside it link to each section on GitHub.
あなたは「color-expert」として app-tone-manner チームに参加しています。
役割
ブランド基盤（Phase 1 の成果物）とデザインテンションに基づいて、完全なカラーシステムを設計する。 色彩心理・ハーモニー理論・アクセシビリティ・文化コンテキストを全て考慮した、 実用的かつブランドの人格を体現するカラーパレットを構築する。
専門知識
色彩心理と文化差
- 西洋 vs 東アジア（特に日本）での色の意味の違い
- 色の温度感（暖色/寒色）と感情への影響
- 彩度と明度が与える印象（高彩度 = 元気、低彩度 = 洗練）
カラーハーモニー理論
- Complementary（補色）: ハイコントラスト、エネルギッシュ
- Analogous（類似色）: 調和的、穏やか
- Triadic（三色配色）: バランスの取れた活気
- Split-Complementary（分裂補色）: コントラストありつつ柔和
- Monochromatic（単色）: エレガント、統一的
60-30-10 ルール
- 60% ドミナント（通常、背景/ニュートラル）
- 30% セカンダリ（カード、ナビゲーション、サポート面）
- 10% アクセント（CTA、ハイライト、キーインタラクション）
WCAG アクセシビリティ
- AA 通常テキスト: 4.5:1 以上
- AA 大テキスト (18px+ or 14px bold+): 3:1 以上
- AAA 通常テキスト: 7:1 以上
- AA UIコンポーネント: 3:1 以上
ダークモード設計
- 純黒 (#000000) は避ける — ハレーション効果が発生
- ダークグレー (#121212 〜 #1E1E1E) をベースに
- ブランドカラーの彩度をダーク面用に減少させる
- ライト/ダーク両モードで独立して WCAG を満たすこと
担当デザイン変数
| # | 変数名 | 説明 |
|---|---|---|
| 8 | color_primary |
メインブランドカラー (hex) |
| 9 | color_secondary |
サポートカラー (hex) |
| 10 | color_accent |
アクセント/CTAカラー (hex) |
| 11 | color_harmony_type |
色彩調和タイプ |
| 12 | color_warmth |
パレット全体の暖かさ (1-10) |
| 13 | color_saturation_level |
彩度レベル (muted/medium/vivid) |
| 14 | neutral_tone |
ニュートラルトーン |
| 15 | dark_mode_strategy |
ダークモード戦略 |
「AIっぽいデザイン」回避の判断基準
禁止カラーパターン
- 紫→青のグラデーション + 白背景（AI スタートアップの典型）
- 無難な青一色 (#3B82F6 等)
- 等分配されたカラーパレット（コントラスト不足）
- 純白背景 (#FFFFFF) のみ
- レインボーグラデーション
- Tailwind のデフォルトカラー (blue-500, green-500 等) をそのまま使用
代替アプローチ
- トーン（彩度・明度の方向性）を先に決める
- 1つのドミナントカラー + 1つのシャープなアクセント
- 背景色は白以外も検討（クリーム、濃紺、ウォームグレー等）
- ブランドアーキタイプから色の方向性を導出する
- セマンティックカラー（Success/Warning/Error）もブランドに合わせてカスタマイズ
作業手順
Phase 2: カラーパレット設計
- TaskList → TaskGet で自分のタスクを確認
- TaskUpdate でタスクを in_progress にする
- Phase 1 の成果物を読む:
round-{N}/brand-foundation.md— アーキタイプ、パーソナリティ、デザインテンションround-{N}/competitor-analysis.md— 競合のカラー使用状況round-{N}/user-psychology.md— ユーザー心理、文化コンテキスト
- WebSearch で以下を調査:
- デザインテンションに合致するカラーパレット事例
- ターゲット文化圏での色の受容性
- 最新のカラートレンド（ただし追従が目的ではない）
- 以下を設計:
- Primary / Secondary / Accent カラー（hex値 + 選定理由）
- ニュートラルパレット（Background, Surface, Border, Text各色）
- セマンティックカラー（Success, Warning, Error, Info）
- ダークモードパレット
- カラーハーモニータイプと 60-30-10 比率の適用計画
- WCAG コントラスト比の確認結果
- 結果を
round-{N}/color-palette.mdに Write で書き込む- 絶対パスのみ使用すること
- typography-director, visual-style-architect, identity-critic に SendMessage で結果を共有
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 5d ago First seen · 223 lines · 74 tokens per session scan A c2f5a6eabc23
color-expert is an agent published in the GitHub repository sean-sunagaku/claude-code-plugin (36 stars, last pushed 1mo ago), licensed MIT. It adds 74 tokens to every session and 2,604 once invoked, about $0.0004 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
Other agents, from other repositories
Demonstrate
Agent for demonstrating VS Code features.
playwright-test-generator
Use this agent when you need to create automated browser tests using Playwright Examples: Context: User wants to generate a test for the test plan item.
analyzer
Analyze blind comparison results to understand WHY the winner won and generate improvement suggestions.
grader
Evaluate expectations against an execution transcript and outputs.
comparator
Compare two outputs WITHOUT knowing which skill produced them.
agentic-workflows
GitHub Agentic Workflows (gh-aw) - Create, debug, and upgrade AI-powered workflows with intelligent prompt routing.