Getting it into your agent
It runs from inside its repository, so the clone comes first — what it calls does not travel with the file alone.
git clone --depth 1 https://github.com/mhrsdev/AI-Agent-Skills-Librarynpx agentmods add skills/mhrsdev/ai-agent-skills-library/banner-designWrote 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/mhrsdev/ai-agent-skills-library/banner-design)<a href="https://agentmods.dev/skills/mhrsdev/ai-agent-skills-library/banner-design"><img src="https://agentmods.dev/badge/skills/mhrsdev/ai-agent-skills-library/banner-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/mhrsdev/ai-agent-skills-library/banner-design"><img src="https://agentmods.dev/badge/skills/mhrsdev/ai-agent-skills-library/banner-design.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.00118 | $0.02196 |
| Opus 5 | $0.00059 | $0.01098 |
| Sonnet 5 | $0.00024 | $0.00439 |
| Haiku 4.5 | $0.00012 | $0.00220 |
Grade A, and why
banner-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 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.
This is a copy
100% identical to banner-design — 105 lines differ, which has more behind it and is treated as the original. This page carries a canonical link to it rather than competing with it.
How it starts
The opening of the file, as written. The whole thing — 197 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Banner Design - Multi-Format Creative Banner System
Design banners across social, ads, web, and print formats. Generates multiple art direction options per request with AI-powered visual elements. This skill handles banner design only. Does NOT handle video editing, full website design, or print production.
When to Activate
- User requests banner, cover, or header design
- Social media cover/header creation
- Ad banner or display ad design
- Website hero section visual design
- Event/print banner design
- Creative asset generation for campaigns
Prerequisites
Python: This skill uses Python scripts. On Windows, use python instead of python3 (e.g., python scripts/search.py instead of python3 scripts/search.py).
Workflow
Step 1: Gather Requirements (AskUserQuestion)
Collect via AskUserQuestion:
- Purpose — social cover, ad banner, website hero, print, or creative asset?
- Platform/size — which platform or custom dimensions?
- Content — headline, subtext, CTA, logo placement?
- Brand — existing brand guidelines? (check
docs/brand-guidelines.md) - Style preference — any art direction? (show style options if unsure)
- Quantity — how many options to generate? (default: 3)
Step 2: Research & Art Direction
- Activate
ui-ux-pro-maxskill for design intelligence - Use Chrome browser to research Pinterest for design references:
Navigate to pinterest.com → search "[purpose] banner design [style]" Screenshot 3-5 reference pins for art direction inspiration - Select 2-3 complementary art direction styles from references:
references/banner-sizes-and-styles.md
Step 3: Design & Generate Options
For each art direction option:
- Create HTML/CSS banner using
frontend-designskill- Use exact platform dimensions from size reference
- Apply safe zone rules (critical content in central 70-80%)
- Max 2 typefaces, single CTA, 4.5:1 contrast ratio
- Inject brand context via
inject-brand-context.cjs
What ships with it
2 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
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 · 197 lines · 118 tokens per session scan A 913d9c4b2a3b
banner-design is a skill published in the GitHub repository mhrsdev/AI-Agent-Skills-Library (6 stars, last pushed 2mo ago), licensed MIT. It adds 118 tokens to every session and 2,196 once invoked, about $0.0006 per session on Opus 5. A static security scan graded it A with 0 findings. It is 100% identical to banner-design, differing in 105 lines, and is treated as a copy.
Other skills, from other repositories
HTMLPPT.skill
A workflow for turning a designed HTML page or existing web project into a multi-page presentation that runs in a browser. It keeps later slides consistent with the first page's visual style.
skin-creator
Create and apply a two-asset LobsterAI visual skin from the user's style description. Use only when the AI Skin Designer kit supplies the structured skinpack workflow marker; do not use for ordinary theme or image requests.
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…
canvas-design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
cli-anything-photoshop
A command-line tool that controls Adobe Photoshop through Windows automation. It can work with Photoshop documents, layers, selections, text, image adjustments, and exports.
nextclaw-skin-studio
A studio for browsing, applying, creating, refining, switching, inspecting, and removing custom NextClaw skins. A skin changes an app's visual appearance and can include CSS, JavaScript, images, SVG, layout changes, and motion.