OpenClaw Brand Identity
openclaw/clawhub
Applies the OpenClaw visual identity (coral and sea-glass palette, type stacks, logo rules and voice) to documents, slides, social graphics and launch material.
A skill your agent uses when the user asks to generate a blog cover image, thumbnail, or article header.
Install Blog Cover Generator
$ npx skills add Varnan-Tech/opendirectory --skill blog-cover-generator -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install Varnan-Tech/opendirectory blog-cover-generator --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/Varnan-Tech/opendirectory.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/blog-cover-image-cli .claude/skills/blog-cover-generator && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "blog-cover-generator" agent skill from https://github.com/Varnan-Tech/opendirectory/tree/main/skills/blog-cover-image-cli into .claude/skills/blog-cover-generator/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "blog-cover-generator", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/Varnan-Tech/opendirectory/tree/main/skills/blog-cover-image-cliType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add Varnan-Tech/opendirectory --skill blog-cover-generator -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install Varnan-Tech/opendirectory blog-cover-generator --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Varnan-Tech/opendirectory.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/blog-cover-image-cli .agents/skills/blog-cover-generator && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "blog-cover-generator" agent skill from https://github.com/Varnan-Tech/opendirectory/tree/main/skills/blog-cover-image-cli into .agents/skills/blog-cover-generator/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "blog-cover-generator", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add Varnan-Tech/opendirectory --skill blog-cover-generator -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install Varnan-Tech/opendirectory blog-cover-generator --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Varnan-Tech/opendirectory.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/blog-cover-image-cli .cursor/skills/blog-cover-generator && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "blog-cover-generator" agent skill from https://github.com/Varnan-Tech/opendirectory/tree/main/skills/blog-cover-image-cli into .cursor/skills/blog-cover-generator/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "blog-cover-generator", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/Varnan-Tech/opendirectory.git --path skills/blog-cover-image-cli--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add Varnan-Tech/opendirectory --skill blog-cover-generator -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install Varnan-Tech/opendirectory blog-cover-generator --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Varnan-Tech/opendirectory.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/blog-cover-image-cli .gemini/skills/blog-cover-generator && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "blog-cover-generator" agent skill from https://github.com/Varnan-Tech/opendirectory/tree/main/skills/blog-cover-image-cli into .gemini/skills/blog-cover-generator/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "blog-cover-generator", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install Varnan-Tech/opendirectory blog-cover-generatorInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add Varnan-Tech/opendirectory --skill blog-cover-generator -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/Varnan-Tech/opendirectory.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/blog-cover-image-cli .github/skills/blog-cover-generator && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "blog-cover-generator" agent skill from https://github.com/Varnan-Tech/opendirectory/tree/main/skills/blog-cover-image-cli into .github/skills/blog-cover-generator/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "blog-cover-generator", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add Varnan-Tech/opendirectory --skill blog-cover-generator -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install Varnan-Tech/opendirectory blog-cover-generator --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Varnan-Tech/opendirectory.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/blog-cover-image-cli .opencode/skills/blog-cover-generator && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "blog-cover-generator" agent skill from https://github.com/Varnan-Tech/opendirectory/tree/main/skills/blog-cover-image-cli into .opencode/skills/blog-cover-generator/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "blog-cover-generator", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
blog-cover-generator- GitHub stars
- 674
- Token cost
- ~1k tokens
- SKILL.md length
- 412 words
- Files
- 2
- Skills in repo
- 61
- Repo updated
- First seen
- Licence
- MIT
At a glance
A skill your agent uses when the user asks to generate a blog cover image, thumbnail, or article header.
- Works in 4 steps: Logo Fetching: It fetches logos from… → References: It loads curated reference… → Grounding: It has googleSearch tools… → …
- The user asks to generate a blog cover image
- SKILL.md covers Setup & Configuration, Usage: Generating an Image, How It Works Under the Hood and Edge Cases / Troubleshooting
- Calls npx and npm
What it does
Blog Cover Generator is an agent skill from Varnan-Tech/opendirectory. Use when the user asks to generate a blog cover image, thumbnail, or article header. Automatically uses modern typography, brand logos, and Google Search grounding to create beautiful 16:9 images with Gemini 3.1 Flash Image Preview.
Its SKILL.md is about 1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 1 other file (for example `README.md`).
It sits in Media & Creative, covering Social media graphics, Logo and visual identity and Web search. It works with Vercel. The repository describes itself as: AI Agent Skills built for Founders who hate Marketing. The licence is MIT.
When your agent uses it
- The user asks to generate a blog cover image
- Tasks that involve Social media graphics
- Tasks that involve Logo and visual identity
Example prompts
- “/blog-cover-generator”
Requirements
- Node.js
- A credential in YOUR_GEMINI_API_KEY
Workflow steps
4 steps, taken from the first numbered list in SKILL.md.
- Logo Fetching: It fetches logos from Brandfetch and processes them via sharp.
- References: It loads curated reference images from its examples/ directory to ensure the output is always a clean, minimalist white…
- Grounding: It has googleSearch tools enabled, meaning if the title relates to a recent event, Gemini can look it up before generating the…
- Text Enforcement: It forces Gemini to output the exact title string using typographic placement rules.
What it can do on your machine
Read from SKILL.md and the folder at commit 62e437a. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Shell commands in SKILL.md call:
npxnpm
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use npx and npm, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Blog Cover Generator loads about 1k tokens when it runs. Until then it costs about 63 tokens; SKILL.md has 412 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from Varnan-Tech/opendirectory at commit 62e437a, republished under its MIT licence (© Varnan-Tech). 412 words, ~1,006 tokens.
Download SKILL.mdSave it as
.claude/skills/blog-cover-generator/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.- name
- blog-cover-generator
- description
- Use when the user asks to generate a blog cover image, thumbnail, or article header. Automatically uses modern typography, brand logos, and Google Search grounding to create beautiful 16:9 images with Gemini 3.1 Flash Image Preview.
Blog Cover Generator Skill
This skill provides AI agents with the ability to generate stunning, minimalist, technical blog cover images using the blog-cover-image-cli. The CLI leverages Gemini 3.1 Flash Image Preview, automatically fetches brand logos from domains, uses local aesthetic reference images, and employs Google Search grounding to inject real-time context.
Setup & Configuration
Agent Pre-requisites:
Before using this tool, verify it is installed. If blog-cover-cli --help fails, install it globally:
npm install -g blog-cover-image-cliIf the user wants you to generate an image and you haven't set up the API key yet, you must first configure the CLI using a Gemini API Key. The CLI stores this securely via the conf package.
# 1. Set your Gemini API Key (Required for image generation)
npx -p blog-cover-image-cli blog-cover-cli config set-key <YOUR_GEMINI_API_KEY>
# 2. Set your Brandfetch Client ID (Required to fetch high-res logos)
npx -p blog-cover-image-cli blog-cover-cli config set-brandfetch-id <YOUR_BRANDFETCH_CLIENT_ID>
# Check your keys (masked)
npx -p blog-cover-image-cli blog-cover-cli config get-key
npx -p blog-cover-image-cli blog-cover-cli config get-brandfetch-idUsage: Generating an Image
When a user asks for a cover image (e.g., "Create a cover image for my blog about Vercel v0"), you should use the generate command.
npx -p blog-cover-image-cli blog-cover-cli generate -t "The Title of the Blog Post" -l "example.com"Arguments
-t, --title <text>: (Required) The title text to display on the cover image. Do not use excessively long titles (keep it under 3 lines of text visually).-l, --logo <domain>: (Optional but recommended) The domain to fetch the brand logo from (e.g.,vercel.com,google.com,cursor.com). The CLI automatically converts WebP/SVG/AVIF to PNG for compatibility.-o, --output <path>: (Optional) The file path where the generated image will be saved. If omitted, the CLI automatically saves it to anoutput/directory in the current working folder (e.g.,./output/vercel-cover.png).
Examples
Example 1: Cursor
npx -p blog-cover-image-cli blog-cover-cli generate -t "Why Cursor is the Ultimate AI Code Editor" -l "cursor.com"Example 2: Lovable
npx -p blog-cover-image-cli blog-cover-cli generate -t "Building Apps in Minutes with Lovable" -l "lovable.dev"Example 3: Custom Output Path
npx -p blog-cover-image-cli blog-cover-cli generate -t "Mastering React in 2026" -l "reactjs.org" -o "./assets/react-cover.png"Show full SKILL.md (176 more words)Show less
How It Works Under the Hood
As an agent, you should know what the CLI is doing so you can inform the user:
- Logo Fetching: It fetches logos from
Brandfetchand processes them viasharp. - References: It loads curated reference images from its
examples/directory to ensure the output is always a clean, minimalist white background with bold typography. - Grounding: It has
googleSearchtools enabled, meaning if the title relates to a recent event, Gemini can look it up before generating the image. - Text Enforcement: It forces Gemini to output the exact title string using typographic placement rules.
Edge Cases / Troubleshooting
- No API Key Error: If you see an API key error, run the
config set-keycommand. - Logo Fetch Warning: If the CLI says
Warning: Could not fetch logo, it will still generate the image but without the logo. You do not need to crash or stop. - Strict Modality Limits: Because it uses Gemini's experimental image models, generation may occasionally fail due to strict safety filters. If this happens, notify the user.
© Varnan-Tech, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 1 other file in skills/blog-cover-image-cli of Varnan-Tech/opendirectory.
- SKILL.md
- README.md
Open the folder on GitHubat commit 62e437a
Compare with similar skills
Blog Cover Generator next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Blog Cover Generator this skillVarnan-Tech/opendirectory | 674 | — | ~1k | Automated safety check: Pass | MIT | |
| OpenClaw Brand Identityopenclaw/clawhub | 9.5k | — | ~447 | Automated safety check: Pass | MIT | |
| Popular Web DesignsTommy-yw/RunbookHermes | 546 | 1 repos | ~2.4k | Automated safety check: Pass | MIT | |
| Brand and Design Toolkitnextlevelbuilder/ui-ux-pro-max-skill | 134k | 1 repos | ~3.5k | Automated safety check: Pass | MIT | |
| Anthropic Brand Stylinganthropics/skills | 180k | 30 repos | ~559 | Automated safety check: Pass | Apache-2.0 | |
| Web Asset Generatoralonw0/web-asset-generator | 514 | 1 repos | ~6.6k | Automated safety check: Pass | MIT |
Similar skills
Popular Web Designs
Tommy-yw/RunbookHermes
54 production-quality design systems extracted from real websites.
Brand and Design Toolkit
nextlevelbuilder/ui-ux-pro-max-skill
Bundles design tasks behind one skill: brand identity, tokens, UI styling, logos, corporate identity mockups, slides, banners, icons and social images.
- Official
Anthropic Brand Styling
anthropics/skills
Applies Anthropic's brand colors and fonts to artifacts such as PowerPoint slides, using fixed hex values for text and accents, Poppins headings and Lora body text.
Web Asset Generator
alonw0/web-asset-generator
Generate web assets including favicons, app icons (PWA), and social media meta images (Open Graph) for Facebook, Twitter, WhatsApp, and LinkedIn.
Text to PNG Card Caster
lijigang/ljg-skills
Turns text, URLs or local files into tall PNG cards through HTML typography, with four modes: long reading card, full-text layout, comic and whiteboard.
More from Varnan-Tech/opendirectory
All 61 skills in this repoGraphic Ebook
Varnan-Tech/opendirectory
Creates professionally designed B2B SaaS e-books in HTML + CSS, exported as print-ready PDF.
Docs From Code
Varnan-Tech/opendirectory
Generates and updates README.md and API reference docs by reading your codebase's functions, routes, types, schemas, and architecture.
Graphic Chart
Varnan-Tech/opendirectory
Generates data visualization charts (bar, line, area, pie, doughnut, scatter, radar, treemap) as PNG using Apache ECharts v6.
Graphic Gif
Varnan-Tech/opendirectory
Creates animated looping GIFs from CSS animations (default) or AI image-to-video.
Map Your Market
Varnan-Tech/opendirectory
Given a product description, category keywords, or competitor names (any combination), searches Reddit, Hacker News, GitHub Issues, G2, and Google Trends for the real pains your market experiences…
Newsletter Digest
Varnan-Tech/opendirectory
Aggregates RSS feeds from the past week, synthesizes the top stories using Gemini, and publishes a newsletter digest to Ghost CMS.
Related
Works with
Categories
Questions about Blog Cover Generator
What does Blog Cover Generator do?
A skill your agent uses when the user asks to generate a blog cover image, thumbnail, or article header. Blog Cover Generator is an agent skill from Varnan-Tech/opendirectory. Use when the user asks to generate a blog cover image, thumbnail, or article header.
When should I use Blog Cover Generator?
Blog Cover Generator fits situations like: the user asks to generate a blog cover image; tasks that involve Social media graphics; tasks that involve Logo and visual identity.
How do I install Blog Cover Generator in Claude Code?
Run `npx skills add Varnan-Tech/opendirectory --skill blog-cover-generator -a claude-code`. Or copy the skill folder (skills/blog-cover-image-cli in Varnan-Tech/opendirectory) into .claude/skills/blog-cover-generator in your project. Claude Code loads it when a task matches its description.
How do I install Blog Cover Generator in Codex?
Run `npx skills add Varnan-Tech/opendirectory --skill blog-cover-generator -a codex`. Or copy the skill folder (skills/blog-cover-image-cli in Varnan-Tech/opendirectory) into .agents/skills/blog-cover-generator in your project. Codex loads it when a task matches its description.
Can I use Blog Cover Generator in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add Varnan-Tech/opendirectory --skill blog-cover-generator -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/blog-cover-generator, .gemini/skills/blog-cover-generator, .github/skills/blog-cover-generator and .opencode/skills/blog-cover-generator in your project.
What does Blog Cover Generator need to run?
Going by SKILL.md and its folder, Blog Cover Generator needs the command-line tools its instructions call (npx and npm). Our summary lists: Node.js; A credential in YOUR_GEMINI_API_KEY.
Does Blog Cover Generator access the network?
SKILL.md contains no URLs. Its commands use npx and npm, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Is Blog Cover Generator safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Blog Cover Generator use?
Blog Cover Generator is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Blog Cover Generator use?
About 1k tokens (SKILL.md is roughly 4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Blog Cover Generator?
Skills that share tags, products or a category with Blog Cover Generator: OpenClaw Brand Identity (openclaw/clawhub, 9.5k stars), Popular Web Designs (Tommy-yw/RunbookHermes, 546 stars), Brand and Design Toolkit (nextlevelbuilder/ui-ux-pro-max-skill, 134k stars) and Anthropic Brand Styling (anthropics/skills, 180k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Blog Cover Generator?
Varnan-Tech (a GitHub organization) maintains it in Varnan-Tech/opendirectory, which has 674 GitHub stars. The repository holds 61 skills in this directory. The repository was last updated on August 16, 2026.
Source: Varnan-Tech/opendirectory on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.