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 new-templategit 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/new-template)<a href="https://agentmods.dev/skills/roslove44/brand-artisan/new-template"><img src="https://agentmods.dev/badge/skills/roslove44/brand-artisan/new-template/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/new-template"><img src="https://agentmods.dev/badge/skills/roslove44/brand-artisan/new-template.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.00078 | $0.01598 |
| Opus 5.5 | $0.00031 | $0.00639 |
| Sonnet 5.5 | $0.00016 | $0.00320 |
| Haiku 4.5 | $0.00008 | $0.00160 |
Grade A, and why
new-template scanned grade A with 1 finding 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 1mo 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.
Makes network callslowCapability
Not a fault in itself. Listed so you know the mod talks to something, and to what.
3. **Download** to `fonts/<Family>-<weight>.ttf`, using `curl -L <url> -o ...` How it starts
The opening of the file, as written. The whole thing — 145 lines — stays where its author put it; the contents beside it link to each section on GitHub.
new-template: scaffolding a visual
Goal: create templates/<project>/<name>.tsx conforming to the Template
contract and aligned with the project's guidelines.
1. Resolve <project> and <name>
Take them from the arguments. Otherwise ask. <name> is a kebab-case slug (e.g.
cover, og-home, linkedin-banner). Check that
templates/<project>/<name>.tsx does not already exist.
2. Read the guidelines (blocking)
Read brands/<project>/brand.md. If the file does not exist -> STOP:
produce no visual, tell the user to run /new-project <project> first. That is
the CLAUDE.md rule, without exception.
While reading the guidelines, extract: the palette (roles + hex), type and weights, logo/favicon variants and their rules, and the don'ts.
3. Build on what is there
If templates/<project>/ already holds a .tsx, read it as a style reference
(e.g. og.tsx) and match its conventions. Otherwise start from the skeleton
below.
4. Frame the visual (ask, don't guess)
Ask the user for:
- Dimensions (px). Suggest a default for the use: OG ~1200×630, social cover ~1500×500, LinkedIn banner ~1584×396.
- Message / content (headline, tagline, elements). If
brands/<project>/project.mdexists, read it to set the tone and the claims (don't invent figures or promises); otherwise ask for the tone rather than guessing. - Which logo variant to use (depending on the background, following the guideline rules).
If the brief has several possible readings -> present them, don't choose in silence (CLAUDE.md principle #1).
5. Write the .tsx
Respect the Template contract (from brand-artisan) and the project's
conventions:
- Colors as named constants taken from the guidelines: don't invent hex.
- Fonts: those present in
fonts/, discovered automatically by the engine. The file name gives the family and the weight (GeistMono-600.ttf-> familyGeist Mono, weight 600). If the guidelines require another font that is absent fromfonts/, follow the Missing font procedure below: never use one silently. - Assets through
brand("<project>/...")(never a path relative to the cwd, nor../../..). scaleis optional insizeif a retina render is wanted.- Default export
satisfies Template.
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.
- 1mo ago First seen · 145 lines · 78 tokens per session scan A 09ec03f084d8
new-template is a skill published in the GitHub repository roslove44/brand-artisan (5 stars, last pushed 2mo ago), licensed MIT. It adds 78 tokens to every session and 1,598 once invoked, about $0.0003 per session on Opus 5.5. A static security scan graded it A with 1 finding (makes network calls). No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.
Other skills, from other repositories
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…
designlang-tokens
Use when styling UI for cal.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.
omd-apply
A skill that applies a project's DESIGN.md file as visual and brand guidance for interface work. It covers components, colors, fonts, layout, copy, motion, and visual assets.
brandmd
Extract a website's design system into a DESIGN.md file. Use when starting a new frontend project, rebuilding a site, or when the user wants AI-generated UI to match an existing brand.
extract-design-system
Extract design primitives from a public website and generate starter token files for your project.
montology
A repo's vocabulary as a database, enforced against the code by a tree-sitter scan — in every language it declares (Python, TypeScript/JS, Go, Rust, Swift, Java, Ruby, Elixir, C/C++, and more). Use BEFORE naming anything in code — a class, struct, function, type, module, table, column, endpoint, event, env var, CLI…