FREE NEW image v1.5.0 HTML

Cover Kit

One title, every cover size you need.

Generates a coordinated set of covers from a single title and brand input: YouTube thumbnails, OG images, vertical covers for Reels and Shorts, and square social cards. The skill keeps typography and layout consistent across sizes and exports both PNGs and reusable HTML templates.

16:99:161:1 18k installs 4 of 5 agents tested

Preview format

Platform

REC 00:00 16:9

Cover Kit

Rendered by this skill · unedited

Image preview

Placeholder clips, not real skill output. The 9:16 view shows approximate platform safe zones — always check the final render in the app.

Takes

Example commands for this skill. Copy one into your agent.

3 takes

Take 01 Full run Use cover-kit with the title "Ship faster with agents" and our brand colors, and give me 16:9, 9:16 and 1:1 covers.
Take 02 Vertical test Use cover-kit to make a 5-second 9:16 test run.
Take 03 Landscape master Use cover-kit to render the 16:9 master from the same project, with no copy changes.

Install

Three ways in. Same skill.

v1.5.0

No login needed Commands copy as-is.

My agent

Installs into ~/.claude/skills for Claude Code.

Paste this into your agent. It reads the skill's install doc, sets it up and runs a vertical test.

Prompt

Read https://skillnai.com/skills/cover-kit/install.md and install it for me, then do a 9:16 test run.

Add skill

npx skillnai add cover-kit --agent claude-code

Doctor

npx skillnai doctor cover-kit

Run this in Claude Code.

MCP setup

claude mcp add --transport http skillnai https://mcp.skillnai.com

MCP commands are illustrative placeholders. Never paste credentials into a prompt.

Buy this skill

No login needed for this free skill. Never share API keys or credentials with an agent.

What you get

Everything the skill produces from a single run.

YouTube thumbnail at 16:9
Vertical cover at 9:16
Square social card at 1:1
OG image and reusable HTML templates

Input

A title and optional subtitle, brand colors, logo and reference image.

Good fit / Not for

Know before you run it.

Good fit

Launching a video across multiple platforms
Keeping social covers visually consistent
Teams without a designer on call
Rapid A/B testing of titles and layouts

Not for

Covers built around custom photography
Complex illustration or character art
Brands with strict legal text requirements
Animated covers or video thumbnails

Requirements

Run the doctor command after install to verify the environment.

Tool	Version	Status	Purpose
`node`	>=20	Required	Builds the templates and image exports.
`chrome`	any	Required	Renders each cover size to a PNG.

External costs

Rendering is local and free. Optional FAL jobs are billed by FAL per job; the skill lists costs and waits for approval.

The skill shows an estimate and waits for approval before any paid job starts.

Tested versions

We only mark an agent as tested after a clean install and render.

Tested model: Claude Sonnet 4.5
Last tested: 2026-10-12
Default format: 16:9
Engine: HTML

Agent	Status	Install directory	Model
Claude Code	Tested	~/.claude/skills	Claude Sonnet 4.5
Cursor	Tested	~/.cursor/skills	Claude Sonnet 4.5
Codex	Tested	~/.agents/skills	Claude Sonnet 4.5
Gemini CLI	Untested	~/.gemini/skills	—
OpenCode	Tested	~/.agents/skills	Claude Sonnet 4.5

Render command

Run the same prompt to reproduce this preview. Output is rendered by the skill, unedited.

prompt · seed 0421

Use cover-kit with the title "Ship faster with agents" and our brand colors, and give me 16:9, 9:16 and 1:1 covers.

Workflow

What the agent does, step by step.

01
Read the title, brand inputs and target platforms.
02
Pick a layout that works at small thumbnail sizes.
03
Set a type scale and safe margins for each aspect ratio.
04
Render 16:9, 9:16 and 1:1 covers from the same template.
05
Export PNGs and the editable HTML source.
06
Check contrast, legibility and platform-specific crops.

Platform presets

Each skill renders the formats its target platforms expect.

Default 16:9

YouTube

Landscape master and thumbnails.

16:9 Landscape

X / Twitter

Inline autoplay landscape.

16:9 Landscape

Feed video and document posts.

16:9 Landscape

TikTok

Full-screen vertical with safe zones.

9:16 Vertical

Instagram

Square feed and carousel covers.

1:1 Square

All formats in this skill: 16:9 9:16 1:1

Changelog

One entry, derived from the version and the last tested date.

v1.5.0 2026-10-12

v1.5.0 — re-tested with Claude Sonnet 4.5

Verified the install prompt, the 16:9 / 9:16 / 1:1 exports and the safe-zone check on Claude Code, Cursor, Codex and OpenCode. Last run on 2026-10-12.