Ghost is a publishing platform for creating websites, blogs, memberships, subscriptions, and newsletters. Publishers and developers can use it through managed hosting or run it themselves, while contributors work on its monorepo, themes, and API.
Borrowing it
Nothing to install: this file belongs to TryGhost/Ghost. 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/TryGhost/Ghost/main/.agents/skills/shade-tokens-not-hex/SKILL.mdgit clone --depth 1 https://github.com/TryGhost/GhostWrote 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/tryghost/ghost/shade-tokens-not-hex)<a href="https://agentmods.dev/skills/tryghost/ghost/shade-tokens-not-hex"><img src="https://agentmods.dev/badge/skills/tryghost/ghost/shade-tokens-not-hex.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.1 | $0.00061 | $0.01386 |
| Opus 5 | $0.00030 | $0.00693 |
| Sonnet 5 | $0.00012 | $0.00277 |
| Haiku 4.5 | $0.00006 | $0.00139 |
Grade A, and why
Shade tokens, not hex 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 7d 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 — 94 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Shade tokens, not hex
Drive every UI colour/border/surface through semantic tokens. They flip in dark mode automatically. Hardcoded hex, hsl(...), or raw palette utilities (bg-gray-200, text-zinc-500) break dark mode and theming.
Use these instead
| Concern | Semantic token (Tailwind) | CSS var |
|---|---|---|
| Page canvas | bg-background |
--background |
| One step above page | bg-surface-elevated |
--surface-elevated |
| Floating menu on top of elevated | bg-surface-elevated-2 |
--surface-elevated-2 |
| Primary text | text-foreground / text-primary |
--text-primary |
| Secondary / muted text | text-muted-foreground |
--text-secondary |
| Default border (cards, banners, dividers — opaque) | border-border-default |
--border-default |
Compositing border for floating surfaces (popover, dropdown, select — translucent in dark mode, usually with an opacity modifier like /60 or /30) |
border-border |
--border |
| Form-control border (inputs, selects, outline buttons) | border-control-border |
--control-border |
| Hover (generic) | bg-interactive-hover |
--interactive-hover |
| Outline button hover | bg-button-hover |
--button-hover |
| Tabs / page menu hover/active | bg-tab-hover, bg-tab-active |
--tab-hover, --tab-active |
| Table row hover | bg-table-row-hover |
--table-row-hover |
| Destructive | bg-destructive, text-destructive |
--destructive |
| Focus ring | ring-focus-ring, border-focus-ring |
--focus-ring |
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.
- 7d ago First seen · 94 lines · 61 tokens per session scan A 911961089f73
Shade tokens, not hex is a skill published in the GitHub repository TryGhost/Ghost (55,179 stars, last pushed today), licensed MIT. It adds 61 tokens to every session and 1,386 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
video-shot-demos
A workflow for creating animated HTML pages, one page per video shot, lesson segment, or narrated scene. It combines a shared player structure with different visual designs for each shot.
exploring-autocapture-events
Guides exploration of $autocapture events captured by posthog-js to understand user interactions, find CSS selectors (especially data-attr attributes), evaluate selector uniqueness, query matching clicks ad-hoc, and create actions. Use when the user asks about autocapture data, wants to find what users are clicking…
quill-code
Edit the @posthog/quill design system locally and consume the change in products/desktop before it is published to npm. Use when changing quill components/primitives/tokens, when a quill change must be tested inside the Code app, or when the user mentions quill, the design system, the .local-quill tarball, or the…
building-html-canvases
Author a PostHog canvas with semantic HTML, CSS, and direct browser APIs — documents, articles, generative graphics, 2D canvas and WebGL experiences, and focused experiments where React components add no useful structure. Use after building-canvases has routed a canvas request to a plain-HTML/browser-API…
glass
Dark glassmorphism design with frosted panels, backdrop blur, and vibrant mint-green/indigo accents on deep navy background.
pagible
Dark, immersive design with blue-purple gradient accents, sharp edges, and a deep navy background for a modern tech aesthetic.