Social image templates

Name: Social image templates
Author: @brandkit

@brandkit/social-image-templates

Generate on-brand social image templates as editable SVGs from your brand.md tokens: an Open Graph image (1200x630), a square post (1080x1080), and a story (1080x1920 with safe zones). Checks text contrast and fits the headline for you.

SkillContentv1.0.1 (latest)Tested

Use in Claude Save Like Clone Comment

Activity: New: be the first to try it
Installs: 0 installs
Likes: 0 likes
Clones: 0 clones

No comments yet.

Tried it? Say how it went, or ask the author anything.

Use in Claude

Claude Code

/kit add @brandkit/social-image-templates

CLI

slashclone add @brandkit/social-image-templates

Codex

slashclone add @brandkit/social-image-templates --agent codex

Not enforced. Codex does not enforce the permissions this kit declares.

Cursor

slashclone add @brandkit/social-image-templates --agent cursor

Not enforced. Cursor does not enforce the permissions this kit declares.

claude.ai and the desktop app

Download for Claude

Not enforced. claude.ai and the Claude desktop app do not enforce the permissions this kit declares. How to upload it

As a file

Download .kit

One file with everything in it. slashclone add ./file.kit checks it against this page before installing.

Review before installing

Set up SlashClone in Claude

Health

No keep-alive checks yet

Checks run weekly once someone keeps the kit installed.

Run reports are off

Safety

Scan passed
Not reviewed yet
Tests pass (2 of 2)

This kit reads ./brand.md, ./docs/brand.md, ./assets/**, ./brand/**, writes to ./social-templates/** and runs node scripts/make-templates.mjs. Install it?

Full scan and review

Similar kits

Brand guide builder
@brandkit
Build a one-page brand guide (brand.md) through a short interview, pulling the colors and fonts your site already uses. Covers colors, type, logo rules, voice, and spacing, plus a machine-readable tokens block the other brandkit kits use.
Brand
@brandkit
The /brand command: make whatever you are working on match your brand. It finds your brand guide (or helps you write one), then fixes colors, fonts, logo use, voice, and spacing in a page, CSS, deck outline, email, or social post, and lists every change it made.
On brand check
@brandkit
Review a page, stylesheet, email, deck outline, or post against your brand guide and get a short fix list: off-palette colors (with the nearest brand color), wrong fonts, sizes and spacing off the scale, banned words, logo misuse, and voice. Reports only; changes nothing.
Two theme brand colors
@slashclone
Find brand colors that work in both light and dark mode: for each hue, the shade with the best WCAG contrast against all your light and dark backgrounds at once, so a logo or accent can keep one color in both themes. Prints a table and saves the results as JSON.

Link

https://slashclone.dev/@brandkit/social-image-templates

README badge

[![Install with SlashClone](https://slashclone.dev/badge/brandkit/social-image-templates.svg)](https://slashclone.dev/@brandkit/social-image-templates)

Embed

<iframe src="https://slashclone.dev/embed/brandkit/social-image-templates" width="480" height="200" title="@brandkit/social-image-templates" loading="lazy"></iframe>

Share card image