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 x-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/x-page)<a href="https://agentmods.dev/skills/roslove44/brand-artisan/x-page"><img src="https://agentmods.dev/badge/skills/roslove44/brand-artisan/x-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/x-page"><img src="https://agentmods.dev/badge/skills/roslove44/brand-artisan/x-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.00110 | $0.01235 |
| Opus 5 | $0.00055 | $0.00617 |
| Sonnet 5 | $0.00022 | $0.00247 |
| Haiku 4.5 | $0.00011 | $0.00123 |
Grade A, and why
x-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 — 102 lines — stays where its author put it; the contents beside it link to each section on GitHub.
x-page: X / Twitter profile visuals
Goal: produce the PNG assets of an X (Twitter) profile at the official dimensions (source: X help, "customize your profile"), aligned with the guidelines. Two possible visuals, independent of each other:
- profile photo: the brand, 400×400, cropped to a circle;
- header / banner: 1500×500 (3:1).
This is a specialization of new-template with the X constraints hard-coded. Same
conventions: the Template contract, assets through brand(), fonts discovered
in fonts/, export default ... satisfies Template.
0. Prerequisites (blocking)
The chain project -> template folder -> guidelines must exist:
- 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, header, or both.
- Default slugs:
x-profile(400×400),x-header(1500×500). Check that the target.tsxdoes not exist. - Read
brands/<project>/brand.md: palette, 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.
2. X constraints (to respect)
| Visual | Size | Ratio | Notes |
|---|---|---|---|
| Profile photo | 400×400 | 1:1 | cropped to a circle |
| Header / banner | 1500×500 | 3:1 | cropped on mobile (the edges) |
- Format: PNG or JPG. Opaque background. X documents no maximum weight for these two visuals (the official 5 MB applies to tweet images).
- Profile: square, brand centered, nothing important in the corners
(displayed as a circle). 400×400 is the official size;
scale: 2is advised for crispness. For an organization, prefer the mark alone / the favicon over the wordmark, which is illegible when small. Follow brand.md. - Header (1500×500): on mobile, X crops the sides, so keep the important content centered, with comfortable side margins.
- Dead zone bottom left (profile photo): on the profile page, the avatar covers the bottom left of the header, so any text or logo falling there is hidden. Leave it clear: left margin ~2.5 % of the width, box ~23 % W × ~35 % H anchored bottom left. On 1500×500: roughly x 38→388, y 325→500.
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 · 102 lines · 110 tokens per session scan A 6c4518feeced
x-page is a skill published in the GitHub repository roslove44/brand-artisan (4 stars, last pushed 13d ago), licensed MIT. It adds 110 tokens to every session and 1,235 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
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…
desktop-brand-builder
Generate a branded Qwen Code desktop package from the Tauri desktop shell using a minimal brandId and logo. Use when the user wants a custom, white-label, or rebranded desktop client, installer, DMG/EXE/AppImage/deb, or one-click brand build on top of packages/desktop-shell.
frame-logo-outro
Segmented logo assembly, glow bloom, and tagline reveal for video outros or brand closing frames.
ideate
Generate image-based alternatives, remixes, or new design directions from a Product Design brief. Use when the user asks for design variants, visual exploration, remixes, or image-generated approaches from provided context.
extract-design
Extract the full design language from any website URL. Produces 8 output files including AI-optimized markdown, visual HTML preview, Tailwind config, React theme, shadcn/ui theme, Figma variables, W3C design tokens, and CSS variables. Also runs WCAG accessibility scoring. Use when user says 'extract design', 'get…
design
Use when the user wants the visual/experiential design of a product done systematically — a design system, a screen, a landing page, or a visual identity — grounded in researched real-world prior art and free of AI slop. Establishes/extends the design system, invokes the matching local taste skill, dispatches the…