Borrowing it
Nothing to install: this file belongs to sophonfinance-wq/finance-automation-portfolio. Take a copy, put it at the same path in your own repository, and replace the rules that are about this project with yours.
curl -O https://raw.githubusercontent.com/sophonfinance-wq/finance-automation-portfolio/main/.claude/skills/brand-graphics/SKILL.mdgit clone --depth 1 https://github.com/sophonfinance-wq/finance-automation-portfolioWrote 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/sophonfinance-wq/finance-automation-portfolio/brand-graphics)<a href="https://agentmods.dev/skills/sophonfinance-wq/finance-automation-portfolio/brand-graphics"><img src="https://agentmods.dev/badge/skills/sophonfinance-wq/finance-automation-portfolio/brand-graphics/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/sophonfinance-wq/finance-automation-portfolio/brand-graphics"><img src="https://agentmods.dev/badge/skills/sophonfinance-wq/finance-automation-portfolio/brand-graphics.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.00052 | $0.00628 |
| Opus 5 | $0.00026 | $0.00314 |
| Sonnet 5 | $0.00010 | $0.00126 |
| Haiku 4.5 | $0.00005 | $0.00063 |
Grade A, and why
brand-graphics 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 12d 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
Sophon Brand Graphics
Palette
Navy #0f2a5c (ink/headers) - blue #2563eb (accent) - sky #00a8ff - slate #5b6b84 (muted) - light ground #f6f8fb with faint 30px grid #eef2f8 - green #2f6b4f/#15803d (pass) - amber #c8912f/#d29922 (review) - red #c0392b (break). Wordmark: Georgia serif "SOPHON" + letterspaced sans "FINANCE SYSTEMS - sophonfinance.com".
Hard rules learned the hard way
- Light background, dark text for LinkedIn/professional audiences.
- Never use AI image models for diagrams with small text — they garble labels ("Manual scove and"). Hand-build as HTML/SVG; every character controlled. Higgsfield (
nano_banana_pro) is OK only for texture/hero art, and output text must be proofread. - CPA-readable labels: no control-theory jargon (no Sigma comparator symbols) — say "DOES IT TIE OUT?", "TIES / BREAKS / JUDGMENT", "FIX FROM SOURCE".
- Verify text fits its shape; add an auto-shrink pass or measure before shipping. Strip
<script>from SVGs destined for GitHub (sanitized there).
Render pipeline (this container)
/opt/pw-browsers/chromium-1194/chrome-linux/chrome --headless=new --no-sandbox --hide-scrollbars \
--window-size=WxH --force-device-scale-factor=2 --default-background-color=FFFFFFFF \
--screenshot=out.png file:///path/page.html
Read the PNG back and visually verify before delivering. Fonts: Liberation family at /usr/share/fonts/truetype/liberation/ (Sans/Sans-Bold/Mono map to segoeui/seguisb/consola).
System GIFs
assets/make_system_gifs.py — scripted terminal-frame renderer (PIL, 2x supersampled). Add a SYSTEMS entry (authentic code + real output only), then python make_system_gifs.py <key>. Has Linux font fallback + a loop icon.
Existing assets
assets/flows/*.svg (numbered-card template), assets/architecture.svg, assets/flows/self-healing-close-loop.svg (CPA loop diagram), docs/assets/self-healing-loop.svg (site copy).
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.
- 12d ago First seen · 29 lines · 52 tokens per session scan A cb98b565e3ed
brand-graphics is a skill published in the GitHub repository sophonfinance-wq/finance-automation-portfolio (11 stars, last pushed 16d ago), licensed MIT. It adds 52 tokens to every session and 628 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 skills, from other repositories
emil-design-eng
This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.
skin-creator
Create and apply a two-asset LobsterAI visual skin from the user's style description. Use only when the AI Skin Designer kit supplies the structured skinpack workflow marker; do not use for ordinary theme or image requests.
canvas-design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
taiyi-ui-design
A design-planning guide for describing how an application's user interface should look and behave. It produces a UI-DESIGN.md document covering layouts, components, interactions, accessibility, and error states.
solidworks-vibecad
A planning guide for turning natural-language mechanical design requests into structured, parameterized SolidWorks plans that can be reviewed before execution.
cli-anything-photoshop
A command-line tool that controls Adobe Photoshop through Windows automation. It can work with Photoshop documents, layers, selections, text, image adjustments, and exports.