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 skills add travisjneuman/.claude --skill graphic-designgit clone --depth 1 https://github.com/travisjneuman/.claudeWrote 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/travisjneuman/.claude/graphic-design)<a href="https://agentmods.dev/skills/travisjneuman/.claude/graphic-design"><img src="https://agentmods.dev/badge/skills/travisjneuman/.claude/graphic-design/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/travisjneuman/.claude/graphic-design"><img src="https://agentmods.dev/badge/skills/travisjneuman/.claude/graphic-design.svg" alt="Reviewed on agentmods" width="80" height="20"></a>- Socket pass
- Snyk pass
- NVIDIA SkillSpector pass
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.00032 | $0.02617 |
| Opus 5 | $0.00016 | $0.01308 |
| Sonnet 5 | $0.00006 | $0.00523 |
| Haiku 4.5 | $0.00003 | $0.00262 |
Grade A, and why
graphic-design 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 9d 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 — 354 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Graphic Design
Comprehensive guide for creating professional visual designs across digital and print media.
Design Fundamentals
The 7 Principles of Design
| Principle | Definition | Application |
|---|---|---|
| Balance | Visual equilibrium | Symmetrical, asymmetrical, radial |
| Contrast | Difference between elements | Size, color, shape, texture |
| Emphasis | Focal point creation | Hierarchy guides the eye |
| Movement | Visual flow direction | Leading lines, repetition |
| Pattern | Repetition of elements | Creates rhythm and unity |
| Rhythm | Visual tempo | Regular, flowing, progressive |
| Unity | Cohesive whole | Consistent style throughout |
Color Theory
Color Models
| Model | Use Case | Components |
|---|---|---|
| RGB | Digital screens | Red, Green, Blue (0-255) |
| CMYK | Print media | Cyan, Magenta, Yellow, Key/Black |
| HSL | Design tools | Hue, Saturation, Lightness |
| Hex | Web/CSS | #RRGGBB format |
Color Harmonies
Complementary: Opposite on wheel (high contrast)
Analogous: Adjacent colors (harmonious)
Triadic: 3 equidistant colors (vibrant)
Split-Comp: Base + 2 adjacent to complement
Tetradic: 4 colors forming rectangle
Monochromatic: Single hue, varying saturation/lightness
Color Psychology
| Color | Associations | Use For |
|---|---|---|
| Red | Energy, urgency, passion | CTAs, sales, warnings |
| Blue | Trust, calm, professional | Corporate, tech, finance |
| Green | Growth, nature, health | Eco, wellness, money |
| Yellow | Optimism, attention, warmth | Highlights, caution |
| Purple | Luxury, creativity, wisdom | Premium, creative |
| Orange | Enthusiasm, confidence | CTAs, youth brands |
| Black | Sophistication, power | Luxury, editorial |
| White | Clean, minimal, pure | Modern, healthcare |
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.
- 9d ago First seen · 354 lines · 32 tokens per session scan A b6db05eab7ad
graphic-design is a skill published in the GitHub repository travisjneuman/.claude (97 stars, last pushed 7d ago), licensed MIT. It adds 32 tokens to every session and 2,617 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-09-03.
Other skills, from other repositories
plan-review-experience
Experience-dimension reviewer for written plans (UX + DX). Use when running plan-review or directly when an experience review is wanted. Activate for keywords like "UX review", "DX review", "experience review", "error states", "API ergonomics", "developer experience", "user states". Scores 5 sub-dimensions 0-10…
static-page-stack
SOTA stack recommendations for elegant, controlled, semantic static HTML pages — dashboards, post-mortems, technical-investigation reports.
plan-review-architecture
Architecture-dimension reviewer for written plans. Use when running plan-review or directly when an architectural review is wanted. Activate for keywords like "architecture review", "data flow", "failure modes", "rollback", "edge cases", "test matrix". Scores 5 sub-dimensions 0-10, produces ranked fixes. Always cite…
information-architecture
Map the user journey first, then derive the screen inventory, navigation and hierarchy from it, flagging any screen that serves no journey step. Writes the four-part markdown plus an HTML diagram of the step-to-screen mapping. Use after the brief is settled and before tokens or UI.
persona-acid-test
Stress-test a design through three lenses, confused user, skeptical engineer and impatient PM, before it goes to a stakeholder. Requires an actual design, an HTML file, Figma link or screenshot.
design-tokens
Establish color, typography, spacing, radius and motion as named role-based tokens. Use before building any interface.