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 roslove44/brand-artisan --skill facebook-pagegit clone --depth 1 https://github.com/roslove44/brand-artisanWrote 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/roslove44/brand-artisan/facebook-page)<a href="https://agentmods.dev/skills/roslove44/brand-artisan/facebook-page"><img src="https://agentmods.dev/badge/skills/roslove44/brand-artisan/facebook-page/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/roslove44/brand-artisan/facebook-page"><img src="https://agentmods.dev/badge/skills/roslove44/brand-artisan/facebook-page.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.00112 | $0.01918 |
| Opus 5 | $0.00056 | $0.00959 |
| Sonnet 5 | $0.00022 | $0.00384 |
| Haiku 4.5 | $0.00011 | $0.00192 |
Grade A, and why
facebook-page 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 11d 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 — 186 lines — stays where its author put it; the contents beside it link to each section on GitHub.
facebook-page: visuals for a Facebook Page
Goal: produce the PNG assets of a Facebook Page at the official dimensions (source: Facebook help page 125379114252045), aligned with the guidelines. Two possible visuals, independent of each other:
- profile photo: for an organization, this is the brand (320x320, cropped to a circle by Facebook);
- cover photo: the Page's tall banner (851x315).
This is a specialization of new-template with the Facebook constraints
hard-coded. Same conventions: the Template contract (from brand-artisan),
assets through brand(), fonts discovered in fonts/,
export default ... satisfies Template.
0. Prerequisites (blocking)
The chain project -> template folder -> guidelines must exist before you start:
- Resolve
<project>(from the arguments, otherwise ask). - Check
templates/<project>/andbrands/<project>/brand.md. - Missing guidelines or project -> STOP: ask for
/new-project <project>first. No visual without guidelines (CLAUDE.md rule).
1. Frame it
- Which visual(s)? Ask: profile, cover, or both. Don't guess if the user did not say.
- Default slugs:
facebook-profile(320x320) andfacebook-cover(851x315). Check that the target.tsxdoes not exist. - Read
brands/<project>/brand.md: palette (hex), type, the logo / favicon variants and their rules depending on the background, and the don'ts. - If the project already holds a
.tsx, read it as a style reference and match its conventions (colors as constants, background effects kept local).
2. Facebook constraints (to respect in the template)
Facebook's official dimensions (do not deviate):
Profile photo
- Size 320x320 (square) for optimal quality.
scale: 2is possible for a crisper render (Facebook resamples anyway). - Cropped to a circle by Facebook: the visual is square but displays round. Nothing important in the corners (they get cut). Opaque full-bleed background, brand centered.
- It displays small (176 px on desktop, 196 px on mobile, 36 px on basic mobiles): for an organization, use the mark alone / the favicon, not the full wordmark, which would become illegible. Follow brand.md for the variant and the background.
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.
- 11d ago First seen · 186 lines · 112 tokens per session scan A 1e047953c2ea
facebook-page is a skill published in the GitHub repository roslove44/brand-artisan (4 stars, last pushed 14d ago), licensed MIT. It adds 112 tokens to every session and 1,918 once invoked, about $0.0006 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
build-startup-brand
Turn a startup idea, product, URL, pitch, or existing visual identity into a distinctive startup brand system and a polished standalone HTML report. Use when Codex needs to create or refine startup positioning, a salient brand idea, brand promise, tagline, messaging, voice, creative territories, logo or symbol…
collateral-design
Apply a brand's defined visual system to any fixed-format piece that isn't a website — decks and presentations, one-pagers and sales sheets, social posts and graphics, blog/OG thumbnails, business cards, brochures, flyers, posters, banners, billboards, and paid ads. Use when the user mentions 'design a deck,' 'pitch…
frame-logo-outro
Segmented logo assembly, glow bloom, and tagline reveal for video outros or brand closing frames.
recording
Capture screenshots on registered computers, record on macOS or HarmonyOS, and manage saved captures. Probe capabilities before recording.
ffmpeg
Process audio and video with the ffmpeg / ffprobe CLIs — convert, trim, extract audio, resize, change format, make GIFs, inspect media. Use for any audio/video transformation.
designlang-tokens
Use when styling UI for cal.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.