Skip to content
Marketing
Skill

/og-assets

Use when the user wants OG images, link-preview assets, animated OG loops, README GIFs, or social-card exports for any product (e.g. "/og-assets", "make an OG image and README gif").

From plugin
marketing-studio
20813 skills
Install
$ npx -y skills add ucsandman/marketing-studio --skill og-assets --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
  • You can call itInvoke it directly when you want it.
  • Slash command/og-assets

Context preview

The summary Claude sees to decide when to auto-load this skill.

Use when the user wants OG images, link-preview assets, animated OG loops, README GIFs, or social-card exports for any product (e.g. "/og-assets", "make an OG image and README gif").

SKILL.md

og-assets.SKILL.md
name: og-assets
description: Use when the user wants OG images, link-preview assets, animated OG loops, README GIFs, or social-card exports for any product (e.g. "/og-assets", "make an OG image and README gif").

OG Assets

**REQUIRED BACKGROUND:** marketing-studio skill. Work in `C:\Projects\animations`.

Produces: `out/<brand>/og.mp4` (8s seamless 1200x630 loop), `og.gif`, `readme.gif` (600x315), optionally backed by a ComfyUI AI hero texture.

Recipe

1. Toolchain + brand check per marketing-studio. Background loop staged for the brand (Blender `background_loop` scene; PLAYBOOK seam rules) — or run with it null. 2. Optional AI hero: `node feeders/comfy/client.mjs hero [--seed N]` (needs ComfyUI Desktop up + a checkpoint; exit 2 = fine, procedural fallback is spec-compliant). Read the hero PNG: dark, on-brand hue, no text/people/off-brand colors; re-roll seeds until it passes. Prompt lives in the client; adapt per brand. 3. `node scripts/render-statics.mjs` (extend per brand: props tagline/CTA + hero path). The AnimatedOG loop is SEAMLESS by construction — if you touch the template, every animated value must stay periodic over the full duration (PLAYBOOK loop rules). 4. Verify one still (lockup sharp, CTA in the brand's positive color) + readme.gif legibility (extract frame 0 via ffmpeg if the gif exceeds Read limits). 5. Size check: GIFs are heavy; prefer og.mp4 for social embeds. For READMEs going to GitHub keep the gif under ~10MB (`--every-nth-frame=3`, lower `--scale`). 6. Deliver per marketing-studio.

Read more
Ships withmarketing-studio

An agent-driven marketing studio for Claude Code. You type /marketing in your product's repo; the agent onboards your brand, films your app, renders a full marketing asset suite in this engine, and copies the finished files back to you.

Get the whole plugin
Stats
208
Stars
27
Forks
Active
Maintenance
JavaScript
Language
MIT
License
6h ago
Last commit
1mo ago
Created

Repo: ucsandman/marketing-studio

Other skills on marketing-studio.