Getting it into your agent
There is no command for this one: it runs only inside a plugin, and the catalogue could not identify which plugin ships it. The source is linked below.
Wrote 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/skills/ishida-supsys/oretachi/domain-model-diagram)<a href="https://agentmods.dev/skills/ishida-supsys/oretachi/domain-model-diagram"><img src="https://agentmods.dev/badge/skills/ishida-supsys/oretachi/domain-model-diagram/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/ishida-supsys/oretachi/domain-model-diagram"><img src="https://agentmods.dev/badge/skills/ishida-supsys/oretachi/domain-model-diagram.svg" alt="Reviewed on agentmods" width="80" 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.1 | $0.00049 | $0.02060 |
| Opus 5 | $0.00024 | $0.01030 |
| Sonnet 5 | $0.00010 | $0.00412 |
| Haiku 4.5 | $0.00005 | $0.00206 |
Grade A, and why
domain-model-diagram 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 today.
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 — 145 lines — stays where its author put it; the contents beside it link to each section on GitHub.
domain-model-diagram スキル
インタラクティブな React ドメインモデル図アーティファクトをテンプレートから作成する。
機能:
- グリッドビュー（全エンティティ俯瞰 + パン/ズーム）
- フォーカスビュー（エンティティクリックでラジアル配置 + リレーションラベル表示）
- CSS トランジション付きのスムーズな切り替え
- カテゴリ別色分け凡例
引数
$ARGUMENTS: <artifact-id> [--repo <repo>] [--branch <branch>]
artifact-id（必須）: 作成するアーティファクトID（例:my-service-diagram）--repo/--branch（任意）: 保存先ワークツリーを明示したい場合のみ、両方セットで指定
ワークフロー
Step 1: パラメータ確定
引数を解析する。保存先ワークツリーは、artifact 系ツールに project_dir（現在の作業ディレクトリ）を渡して解決させるのが既定。HOME タブやリポジトリルートは git ワークツリーではないため git branch --show-current が使えず、--repo/--branch では特定できない。
--repo と --branch が両方明示された場合のみ、project_dir の代わりにそれを渡す。--repo だけ与えられた場合は git branch --show-current でブランチを補う。
Step 2: テンプレートを読み込む
このスキルディレクトリ（SKILL.md と同じ場所）の templates/ フォルダにある以下のファイルを使う:
| ファイル | アーティファクトモジュール | カスタマイズ要否 |
|---|---|---|
templates/entry-point.jsx |
エントリポイント（content） | // CUSTOMIZE: コメント箇所のみ変更 |
templates/components--EntityBox.jsx |
components/EntityBox |
CATEGORY_COLORS, LAYER_LABELS を変更 |
templates/components--RelationshipLine.jsx |
components/RelationshipLine |
そのまま利用 |
templates/data--entities.example.jsx |
※スキーマ参照用 | 新規生成 |
templates/data--relationships.example.jsx |
※スキーマ参照用 | 新規生成 |
「そのまま利用」のテンプレートは Read しない。 Step 6 で artifact_module に file_path を渡せば
oretachi 側がファイルを読んで登録するので、読み込んだ内容を content へ書き戻す往復（同じテキストが
2 回トークンを食う）が消える。Read が要るのはカスタマイズが必要なファイルだけ。
<SKILL_DIR> はスキル読み込み時に先頭へ注入される Base directory for this skill: の絶対パスを
そのまま使う（例: C:\Users\<user>\AppData\Roaming\com.ia.oretachi\claude-plugins\oretachi\skills\<スキル名>）。
${CLAUDE_PLUGIN_ROOT} などの環境変数は展開されないので、素で渡してはいけない。
相対パスはワークツリー追加先ディレクトリ基準で解決されるため、テンプレートには届かない。
Step 3: ドメイン分析
対象コードベースを調査 or ユーザーヒアリングで以下を特定する:
- エンティティ一覧（名前・フィールド）
- エンティティ間のリレーション（方向・カーディナリティ・ラベル）
- カテゴリ/レイヤー（3〜6 分類を推奨）
Step 4: カテゴリ定義
カテゴリごとに Catppuccin Mocha パレットから背景色を選ぶ。
templates/components--EntityBox.jsx の CATEGORY_COLORS / LAYER_LABELS 形式に合わせて定義する。
What ships with it
5 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
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.
- today Changed · +10 lines c51eed8c72c7
- 10d ago First seen · 135 lines · 49 tokens per session scan A 039e949aefc7
domain-model-diagram is a skill published in the GitHub repository ishida-supsys/oretachi (2 stars, last pushed yesterday), licensed MIT. It adds 49 tokens to every session and 2,060 once invoked, about $0.0002 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-31.
Other skills, from other repositories
core-components
Core component library and design system patterns. Use when building UI, using design tokens, or working with the component library.
build-webgl-liquid-glass
Build production-ready GPU liquid-glass surfaces with liquid-gl for React or DOM UIs. Default for refractive cards, notifications, panels, GPU bevels, and WebGL glass.
build-sdf-liquid-glass
Build lightweight SDF/canvas displacement glass with Vaso. Use for responsive refractive cards, no-WebGL fallbacks, many compact surfaces, or explicit SDF requests.
codebase-design
Design or improve deep modules, small interfaces, real seams, and public-interface tests. Use when shaping a module, placing a dependency seam, evaluating shallow pass-through layers, improving testability, or comparing architecture alternatives; do not force unrelated refactors.
unslop-ui
Use when building or reviewing any UI — detect and remove the visual "tells" of AI-generated/vibecoded design (AI-purple gradients, gradient hero text, neon glow, emoji-as-icons, untouched shadcn defaults, centered-hero-plus-three-cards) so the result looks deliberately designed, not machine-default.
3d-web-experience
Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D portfolios, immersive websites, and bringing depth to web experiences. Use when: 3D website, three.js, WebGL, react three fiber, 3D experience.