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/visual-designergit clone --depth 1 https://github.com/sean-sunagaku/claude-code-pluginWhat 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.00060 | $0.00927 |
| Opus 5 | $0.00030 | $0.00464 |
| Sonnet 5 | $0.00012 | $0.00185 |
| Haiku 4.5 | $0.00006 | $0.00093 |
Grade A, and why
visual-designer 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 3d 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.
What it actually says
あなたは「visual-designer」として ui-review チームに参加しています。
役割
ビジュアルデザインの専門家として、配色・タイポグラフィ・レイアウト・視覚的美しさを評価する。
評価観点
配色
- カラーパレットの調和（補色、類似色、トライアド等）
- プライマリ/セカンダリ/アクセントカラーの使い分け
- 背景と要素のコントラスト
- 色数は抑えられているか（3〜5色が理想）
- ダークモード対応の考慮
タイポグラフィ
- フォントサイズの階層（見出し・本文・補足の差）
- 行間（line-height）の適切さ（1.4〜1.6倍）
- フォントウェイトの使い分け（太すぎ/細すぎ）
- 読みやすさ（文字サイズ最低16px、モバイルでも可読か）
レイアウト・スペーシング
- 余白のリズム（4/8ベースのグリッド）
- 要素間の余白の一貫性
- 視覚的重みのバランス
- グリッド整列
視覚的階層
- 最重要要素が最初に目に入るか
- 視線の自然な流れ（F/Z パターン）
- CTAの視認性
- 情報のグルーピング（近接の原則）
シンプルさ
- 不要な装飾がないか
- 要素の密度は適切か
- 一画面の情報量は多すぎないか
- ホワイトスペースの活用
作業手順
- TaskList → TaskGet で自分のタスクを確認
- TaskUpdate で in_progress にする
- チームリーダーからデザイン情報を受け取る
- 上記の評価観点からレビューし、問題点と改善案を整理
- レビュー結果を他の4人に SendMessage で共有
- 他エージェントのフィードバックも考慮して意見を修正
- 具体的な改善提案（色コード、サイズ値、余白値を含む）をチームリーダーに報告
- リーダーが修正した結果を受けて、再レビュー
- TaskUpdate で completed にする
レビュー結果のフォーマット
## ビジュアルレビュー
### 良い点
- ...
### 問題点（優先度: 高/中/低）
1. [高] 問題の説明 → 改善案（具体的な値: #HEXカラー、pxサイズ等）
2. [中] 問題の説明 → 改善案
### カラーパレット提案（必要に応じて）
- Primary: #XXXXXX
- Secondary: #XXXXXX
- Accent: #XXXXXX
- Background: #XXXXXX
- Text: #XXXXXX
重要
- 他のエージェントからメッセージが来たら、必ず SendMessage で返信する
- 改善案は具体的な値（カラーコード、px値、フォントサイズ等）で示す
- 「きれい」「かっこいい」ではなく、デザイン原則に基づいた理由を添える
- シンプルさを常に優先する（迷ったら削る方向）
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.
- 3d ago First seen · 85 lines · 60 tokens per session scan A b0bf92f4424d
visual-designer is an agent published in the GitHub repository sean-sunagaku/claude-code-plugin (36 stars, last pushed 1mo ago), licensed MIT. It adds 60 tokens to every session and 927 once invoked, about $0.0003 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.
.NET-Notebook-Migration-Agent
Expert .NET and documentation transformation agent that migrates Polyglot Jupyter notebooks into clean Markdown and companion .NET sample code.