Multi Surface Render
yonatangross/orchestkit
Multi-surface rendering with json-render — one JSON spec produces React web, Next.js, React Native, Ink terminal UIs, PDFs, emails, Remotion videos, OG images, and 3D scenes.
A skill your agent uses when the user wants OG images, link-preview assets, animated OG loops, README GIFs, or social-card exports for any product (e.g.
Install Og Assets
$ npx skills add ucsandman/marketing-studio --skill og-assets -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install ucsandman/marketing-studio og-assets --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/ucsandman/marketing-studio.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/og-assets .claude/skills/og-assets && 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 "og-assets" agent skill from https://github.com/ucsandman/marketing-studio/tree/main/skills/og-assets into .claude/skills/og-assets/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "og-assets", 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/ucsandman/marketing-studio/tree/main/skills/og-assetsType 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 ucsandman/marketing-studio --skill og-assets -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install ucsandman/marketing-studio og-assets --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/ucsandman/marketing-studio.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/og-assets .agents/skills/og-assets && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "og-assets" agent skill from https://github.com/ucsandman/marketing-studio/tree/main/skills/og-assets into .agents/skills/og-assets/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "og-assets", 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 ucsandman/marketing-studio --skill og-assets -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install ucsandman/marketing-studio og-assets --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/ucsandman/marketing-studio.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/og-assets .cursor/skills/og-assets && 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 "og-assets" agent skill from https://github.com/ucsandman/marketing-studio/tree/main/skills/og-assets into .cursor/skills/og-assets/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "og-assets", 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/ucsandman/marketing-studio.git --path skills/og-assets--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 ucsandman/marketing-studio --skill og-assets -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install ucsandman/marketing-studio og-assets --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/ucsandman/marketing-studio.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/og-assets .gemini/skills/og-assets && 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 "og-assets" agent skill from https://github.com/ucsandman/marketing-studio/tree/main/skills/og-assets into .gemini/skills/og-assets/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "og-assets", 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 ucsandman/marketing-studio og-assetsInstalls 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 ucsandman/marketing-studio --skill og-assets -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/ucsandman/marketing-studio.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/og-assets .github/skills/og-assets && 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 "og-assets" agent skill from https://github.com/ucsandman/marketing-studio/tree/main/skills/og-assets into .github/skills/og-assets/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "og-assets", 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 ucsandman/marketing-studio --skill og-assets -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install ucsandman/marketing-studio og-assets --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/ucsandman/marketing-studio.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/og-assets .opencode/skills/og-assets && 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 "og-assets" agent skill from https://github.com/ucsandman/marketing-studio/tree/main/skills/og-assets into .opencode/skills/og-assets/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "og-assets", 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
og-assets- GitHub stars
- 251
- Token cost
- ~504 tokens
- SKILL.md length
- 221 words
- Files
- 1
- Skills in repo
- 13
- Repo updated
- First seen
- Licence
- MIT
At a glance
A skill your agent uses when the user wants OG images, link-preview assets, animated OG loops, README GIFs, or social-card exports for any product (e.g.
- Works in 6 steps: Toolchain + brand check per… → Optional AI hero: node… → Run the brand's statics renderer with… → …
- The user wants OG images
- Calls node
- Link-preview assets
What it does
Og Assets is an agent skill from ucsandman/marketing-studio. 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").
Its SKILL.md is about 500 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Media & Creative, covering Social media graphics. It works with Remotion and Blender. The repository describes itself as: Create product launch assets with Remotion, then review and distribute them through guarded, dry-run-first workflows. The licence is MIT.
When your agent uses it
- The user wants OG images
- Link-preview assets
- Animated OG loops
- Social-card exports for any product (e.g
Example prompts
- “/og-assets”
- “make an OG image and README gif”
- “/og-assets”
Workflow steps
6 steps, taken from the first numbered list in SKILL.md.
- Toolchain + brand check per marketing-studio. Background loop staged for the brand
- Optional AI hero: node feeders/comfy/client.mjs hero --project --brand [--seed N] (needs ComfyUI
- Run the brand's statics renderer with --project ; it writes product-owned
- Verify one still (lockup sharp, CTA in the brand's positive color) + readme.gif
- Size check: GIFs are heavy; prefer og.mp4 for social embeds. For READMEs going to
- Run verify-og-wired --project after deployment, then deliver per
What it can do on your machine
Read from SKILL.md and the folder at commit 66cd1c3. 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:
node
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
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
Og Assets loads about 504 tokens when it runs. Until then it costs about 48 tokens; SKILL.md has 221 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 ucsandman/marketing-studio at commit 66cd1c3, republished under its MIT licence (© ucsandman). 221 words, ~504 tokens.
Download SKILL.mdSave it as
.claude/skills/og-assets/SKILL.md (or your agent's skills folder).- 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; also read
${CLAUDE_SKILL_DIR}/../../docs/playbook/remotion.md. Work in ${CLAUDE_SKILL_DIR}/../...
Produces product-owned og.mp4, og.gif, readme.gif, and social-card exports under
<product>/marketing/assets/<brand>/, optionally backed by an approved ComfyUI texture.
Recipe
- Toolchain + brand check per marketing-studio. Background loop staged for the brand
(Blender
background_loopscene; seam rules in${CLAUDE_SKILL_DIR}/../../docs/playbook/remotion.md) — or run with it null. - Optional AI hero:
node feeders/comfy/client.mjs hero --project <product> --brand <brand> [--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. - Run the brand's statics renderer with
--project <product>; it writes product-owned props/output and passes the workspace public directory to Remotion. The AnimatedOG loop is SEAMLESS by construction — if you touch the template, every animated value must stay periodic over the full duration (loop rules in${CLAUDE_SKILL_DIR}/../../docs/playbook/remotion.md). - 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).
- 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). - Run
verify-og-wired <brand> --project <product>after deployment, then deliver per marketing-studio. This is a live wiring check, not permission to deploy.
© ucsandman, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
Just SKILL.md in skills/og-assets of ucsandman/marketing-studio.
Open the folder on GitHubat commit 66cd1c3
Compare with similar skills
Og Assets 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 |
|---|---|---|---|---|---|---|
| Og Assets this skillucsandman/marketing-studio | 251 | — | ~504 | Automated safety check: Pass | MIT | |
| Multi Surface Renderyonatangross/orchestkit | 292 | — | ~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 | |
| Slack GIF Creatoranthropics/skills | 180k | 29 repos | ~2k | Automated safety check: Pass | Apache-2.0 | |
| Stitch to Remotion Walkthrough Videosgoogle-labs-code/stitch-skills | 8.5k | 6 repos | ~3.2k | Automated safety check: Notes | Apache-2.0 | |
| Guizang Social Cardsop7418/guizang-social-card-skill | 7.4k | 1 repos | ~7.8k | Automated safety check: Pass | AGPL-3.0 |
Similar skills
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
Slack GIF Creator
anthropics/skills
Provides Slack size and frame limits, Python animation helpers and validators for building animated GIFs sized for emoji and messages.
- Official
Stitch to Remotion Walkthrough Videos
google-labs-code/stitch-skills
Builds walkthrough videos from Stitch design projects using Remotion, with transitions, zoom effects and text overlays on each screen.
Guizang Social Cards
op7418/guizang-social-card-skill
Produces social card sets for Xiaohongshu and WeChat: carousels, Live Photo motion cards and puzzle layouts, and WeChat cover pairs, rendered from single-file HTML.
Video Shotcraft
Vincentwei1021/video-shotcraft
Makes cinematic product videos with Remotion from shot recipe cards, a ready template, real page screenshots, camera moves and sound design, or builds a single animated shot.
More from ucsandman/marketing-studio
All 13 skills in this repoFrontend Verify
ucsandman/marketing-studio
Verify frontend changes end to end after editing a web app, instead of manually clicking through pages.
Launch
ucsandman/marketing-studio
Take a developed project end-to-end through launch — domain, hosting, payments, email infra, algorithm-researched copy, and multi-platform distribution — with zero copy-paste.
Announce
ucsandman/marketing-studio
A skill your agent uses when a product or feature is ready to go public — after shipping, when the user says "announce it", "go live", "tell people about it", or wants a release marketed end to end.
Audio Track
ucsandman/marketing-studio
A skill your agent uses when the user wants music, voiceover, narration, or a soundtrack added to a video asset, OR wants standalone generated audio for any purpose (e.g.
Launch Video
ucsandman/marketing-studio
A skill your agent uses when the user wants a full launch video, hero video, or 20–60s product film combining product proof, brand, narration, music, and authored motion.
Marketing
ucsandman/marketing-studio
A skill your agent uses when the user wants the complete marketing asset suite for a product in one run — "/marketing", "build all the marketing assets", "generate everything for the launch", "all…
Related
Categories
Questions about Og Assets
What does Og Assets do?
A skill your agent uses 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 is an agent skill from ucsandman/marketing-studio.g.
When should I use Og Assets?
Og Assets fits situations like: the user wants OG images; link-preview assets; animated OG loops; social-card exports for any product (e.g.
How do I install Og Assets in Claude Code?
Run `npx skills add ucsandman/marketing-studio --skill og-assets -a claude-code`. Or copy the skill folder (skills/og-assets in ucsandman/marketing-studio) into .claude/skills/og-assets in your project. Claude Code loads it when a task matches its description.
How do I install Og Assets in Codex?
Run `npx skills add ucsandman/marketing-studio --skill og-assets -a codex`. Or copy the skill folder (skills/og-assets in ucsandman/marketing-studio) into .agents/skills/og-assets in your project. Codex loads it when a task matches its description.
Can I use Og Assets 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 ucsandman/marketing-studio --skill og-assets -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/og-assets, .gemini/skills/og-assets, .github/skills/og-assets and .opencode/skills/og-assets in your project.
What does Og Assets need to run?
Going by SKILL.md and its folder, Og Assets needs the command-line tools its instructions call (node).
Does Og Assets access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Og Assets 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 Og Assets use?
Og Assets 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 Og Assets use?
About 504 tokens (SKILL.md is roughly 2k 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 Og Assets?
Skills that share tags, products or a category with Og Assets: Multi Surface Render (yonatangross/orchestkit, 292 stars), Brand and Design Toolkit (nextlevelbuilder/ui-ux-pro-max-skill, 134k stars), Slack GIF Creator (anthropics/skills, 180k stars) and Stitch to Remotion Walkthrough Videos (google-labs-code/stitch-skills, 8.5k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Og Assets?
ucsandman (a GitHub user) maintains it in ucsandman/marketing-studio, which has 251 GitHub stars. The repository holds 13 skills in this directory. The repository was last updated on September 6, 2026.
Source: ucsandman/marketing-studio on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.