New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Experience Content Media Image Generate

by forcedotcom in forcedotcom/sf-skills

Generates high-fidelity visual assets, logos, and UI mockups using the media-management MCP server.

Apache-2.0Auto-check passedMedia & Creative

Install Experience Content Media Image Generate

skills CLI
$ npx skills add forcedotcom/sf-skills --skill experience-content-media-image-generate -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install forcedotcom/sf-skills experience-content-media-image-generate --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/forcedotcom/sf-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/experience-content-media-image-generate .claude/skills/experience-content-media-image-generate && rm -rf skills-src

Use ~/.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/

Facts

Skill name
experience-content-media-image-generate
GitHub stars
1.1k
Token cost
~966 tokens
SKILL.md length
359 words
Files
2 (incl. scripts)
Skills in repo
251
Repo updated
First seen
Licence
Apache-2.0

At a glance

Generates high-fidelity visual assets, logos, and UI mockups using the media-management MCP server.

  • Works in 3 steps: Check if the media-management MCP server… → If available, use create_image to… → If not available, use the placeholder…
  • This skill whenever the user asks to generate an image
  • SKILL.md covers Goal, Workflow, MCP: media-management and Image Generation Parameters, plus 3 more sections
  • Runs Shell scripts from its folder; calls bash; reaches cdn.scs.static.lightning.force.com

What it does

Experience Content Media Image Generate is an agent skill from forcedotcom/sf-skills. Generates high-fidelity visual assets, logos, and UI mockups using the media-management MCP server. Trigger this skill whenever the user asks to generate an image, create a logo, produce a hero banner, design a UI icon, or build a visual asset. It is explicitly designed to handle technical specifications including file formats (PNG, JPEG, WEBP), specific dimensions (e.g. 1024x1024), and transparency requirements. Use this skill when the user needs to integrate generated imagery into application code or web pages…

Its SKILL.md is about 970 tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files, including scripts (for example `scripts/download-image.sh`).

It sits in Media & Creative, covering Image generation, Logo and visual identity and UI design. It works with Model Context Protocol. The repository describes itself as: Salesforce's curated collection of agent skills for building applications. Optimized for Agentforce Vibes, compatible with all AI tools. The licence is Apache-2.0.

When your agent uses it

  • This skill whenever the user asks to generate an image
  • Produce a hero banner
  • Design a UI icon
  • Build a visual asset

Example prompts

  • “Use the experience-content-media-image-generate skill to generate high-fidelity visual assets, logos, and UI mockups using the media-management MCP…”
  • “/experience-content-media-image-generate”

Requirements

  • A Bash shell

Workflow steps

3 steps, taken from the first numbered list in SKILL.md.

  1. Check if the media-management MCP server is configured and its create_image tool is available.
  2. If available, use create_image to generate the image.
  3. If not available, use the placeholder fallback below.

What it can do on your machine

Read from SKILL.md and the folder at commit e5164d9. 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

    Ships 1 file in scripts/ (Shell), which the agent can run.

    Shell commands in SKILL.md call:

    • bash

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    Hosts in commands or code, which the agent is likely to contact:

    • cdn.scs.static.lightning.force.com

    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

Experience Content Media Image Generate loads about 966 tokens when it runs. Until then it costs about 169 tokens; SKILL.md has 359 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~169
When it runs · the whole SKILL.md, loaded when a task matches
~966

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); the scripts in this folder are not scanned.

SKILL.md

The full file from forcedotcom/sf-skills at commit e5164d9, republished under its Apache-2.0 licence (© forcedotcom). 359 words, ~966 tokens.

Download SKILL.mdSave it as .claude/skills/experience-content-media-image-generate/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.
name
experience-content-media-image-generate
description
Generates high-fidelity visual assets, logos, and UI mockups using the media-management MCP server. Trigger this skill whenever the user asks to generate an image, create a logo, produce a hero banner, design a UI icon, or build a visual asset. It is explicitly designed to handle technical specifications including file formats (PNG, JPEG, WEBP), specific dimensions (e.g. 1024x1024), and transparency requirements. Use this skill when the user needs to integrate generated imagery into application code or web pages. It ensures consistent output quality and provides a standardized SVG fallback if the generation tool is unavailable.
metadata.version
1.0
metadata.domains
Experience

Generating Images

Goal

To programmatically generate, download, and preview visual assets requested by the user, ensuring specific format and quality standards are met while providing a robust fallback mechanism.

Workflow

  1. Check if the media-management MCP server is configured and its create_image tool is available.
  2. If available, use create_image to generate the image.
  3. If not available, use the placeholder fallback below.

MCP: media-management

Tool: create_image

Check your available tools. If create_image is present, use it as the primary image generation method — pass the natural language prompt and applicable parameters from the table below. (media-management here refers to the MCP server name, not this skill.)

If create_image is not in your tool list, the media-management MCP is not configured — use the placeholder fallback below.

Image Generation Parameters

Use these defaults unless the user specifies otherwise:

ParameterDefaultOptions
modelStandardStandard, Premium
sizeautoauto, 1024x1024, 1536x1024, 1024x1536 (pick closest to user-requested size)
qualitymediumlow, medium, high
outputCompression750–100 (webp/jpeg only)
outputFormatwebpwebp, jpeg, png
backgroundautoauto, transparent, opaque

Format rule: If outputFormat is png, set outputCompression to 100.

After Successful Generation

Run download-image.sh (located in this skill's scripts/ directory) to download and preview the image:

bash
bash scripts/download-image.sh \
  --url "<image_url_from_response>" \
  --id "<responseId>" \
  --format "<outputFormat>" \
  --preview

The script handles credential retrieval, download, and VS Code preview. Pass --output-dir <dir> to override the default generatedimages/ directory.

Never resize or post-process the generated image with external tools. To control display dimensions, use CSS properties (e.g. width, height, object-fit) at the point of use.

Show full SKILL.md (113 more words)Show less

Fallback: Use placeholder URL

If image generation fails or is not enabled, return the following URL as the image source — do not download it, do not save it locally:

yaml
https://cdn.scs.static.lightning.force.com/content/assets/d5222d4a11e6c2b735152d7eea824ce4/placeholder.svg

Use this URL directly wherever the image is referenced in code (e.g. as a src attribute or CSS url()).

Placeholder Policy

There is only one placeholder URL. Do not download it, modify it, or generate alternative placeholders using Python, ImageMagick, or any other tool.

If the user requests a placeholder of a specific size or format, inform them that only this placeholder URL is available and direct them to use CSS properties (e.g. width, height, object-fit) to scale it at the point of use.

© forcedotcom, Apache-2.0. 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 (scripts) in skills/experience-content-media-image-generate of forcedotcom/sf-skills.

  • SKILL.md
  • scripts/download-image.sh

Open the folder on GitHubat commit e5164d9

Compare with similar skills

Experience Content Media Image Generate 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.

Experience Content Media Image Generate compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Experience Content Media Image Generate this skillforcedotcom/sf-skills1.1k—~966Automated safety check: PassApache-2.0
Blog ImageAgriciDaniel/claude-blog2.3k—~3.4kAutomated safety check: PassMIT
Direct Image Creationopenvetta/open-vetta291—~1.2kAutomated safety check: PassApache-2.0
Social Creative Designerstevenflanagan1/social-ai-team242—~5.3kAutomated safety check: PassNone
Olore Recraft Latestolorehq/olore104—~773Automated safety check: PassMIT
Cullglebis/claude-skills390—~1.9kAutomated safety check: PassMIT

Similar skills

  • Blog Image

    AgriciDaniel/claude-blog

    AI image generation and editing for blog content powered by Gemini via MCP.

    2.3k GitHub stars~3.4k tokensUpdated today
    Media & CreativeAuto-check passed

  • Direct Image Creation

    openvetta/open-vetta

    Turn a creative request into a production-ready AI image brief, reference plan, node workflow, and model-profile prompt.

    291 GitHub stars~1.2k tokensUpdated today
    Media & CreativeAuto-check passed

  • Social Creative Designer

    stevenflanagan1/social-ai-team

    Creative Designer skill. An agent skill from stevenflanagan1/social-ai-team.

    242 GitHub stars~5.3k tokensUpdated 2 days ago
    Media & CreativeAuto-check passed

  • Olore Recraft Latest

    olorehq/olore

    Local recraft documentation reference (latest). An agent skill from olorehq/olore.

    104 GitHub stars~773 tokensUpdated today
    Media & CreativeAuto-check passed

  • Cull

    glebis/claude-skills

    This skill should be used when the user wants to view, review, rate, organize, search, or export images / AI-art generations with the Cull app.

    390 GitHub stars~1.9k tokensUpdated yesterday
    Media & CreativeAuto-check passed

  • Qiaomu Codex Imagegen

    joeseesun/qiaomu-codex-imagegen

    Generate or edit images with Codex's built-in image generation from any agent, through an MCP tool or a plain CLI.

    123 GitHub stars~2.3k tokensUpdated 5 days ago
    Media & CreativeAuto-check passed

More from forcedotcom/sf-skills

All 251 skills in this repo

  • Agentforce Architecture Analyze

    forcedotcom/sf-skills

    Declared architecture snapshot for one Agentforce agent: planner, topics, actions, flows, Apex, prompt templates, and NGA plugins.

    1.1k GitHub stars~4.5k tokensUpdated 2 days ago
    Auto-check passed

  • Agentforce D360 Analyze

    forcedotcom/sf-skills

    Data Cloud 360° view of a single Agentforce session. An agent skill from forcedotcom/sf-skills.

    1.1k GitHub stars~3.4k tokensUpdated 2 days ago
    Auto-check passed

  • Automation Sandbox Post Copy Configure

    forcedotcom/sf-skills

    Apply a Salesforce sandbox post-copy automation JSON config against a target org.

    1.1k GitHub stars~5.3k tokensUpdated 2 days ago
    Auto-check: notes

  • Automation Sandbox Post Copy Configure

    forcedotcom/sf-skills

    Apply a Salesforce sandbox post-copy automation JSON config against a target org.

    1.1k GitHub stars~5.4k tokensUpdated 2 days ago
    Auto-check: notes

  • Design Systems Slds Apply

    forcedotcom/sf-skills

    Apply SLDS-compliant UI using the correct blueprints, styling hooks, utility classes, and icons.

    1.1k GitHub stars~3.7k tokensUpdated 2 days ago
    Auto-check passed

  • Experience Lwc Generate

    forcedotcom/sf-skills

    Lightning Web Components with PICKLES methodology and 165-point scoring.

    1.1k GitHub stars~2.4k tokensUpdated 2 days ago
    Auto-check passed

Works with

Categories

Questions about Experience Content Media Image Generate

What does Experience Content Media Image Generate do?

Generates high-fidelity visual assets, logos, and UI mockups using the media-management MCP server. Experience Content Media Image Generate is an agent skill from forcedotcom/sf-skills. Generates high-fidelity visual assets, logos, and UI mockups using the media-management MCP server.

When should I use Experience Content Media Image Generate?

Experience Content Media Image Generate fits situations like: this skill whenever the user asks to generate an image; produce a hero banner; design a UI icon; build a visual asset.

How do I install Experience Content Media Image Generate in Claude Code?

Run `npx skills add forcedotcom/sf-skills --skill experience-content-media-image-generate -a claude-code`. Or copy the skill folder (skills/experience-content-media-image-generate in forcedotcom/sf-skills) into .claude/skills/experience-content-media-image-generate in your project. Claude Code loads it when a task matches its description.

How do I install Experience Content Media Image Generate in Codex?

Run `npx skills add forcedotcom/sf-skills --skill experience-content-media-image-generate -a codex`. Or copy the skill folder (skills/experience-content-media-image-generate in forcedotcom/sf-skills) into .agents/skills/experience-content-media-image-generate in your project. Codex loads it when a task matches its description.

Can I use Experience Content Media Image Generate 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 forcedotcom/sf-skills --skill experience-content-media-image-generate -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/experience-content-media-image-generate, .gemini/skills/experience-content-media-image-generate, .github/skills/experience-content-media-image-generate and .opencode/skills/experience-content-media-image-generate in your project.

What does Experience Content Media Image Generate need to run?

Going by SKILL.md and its folder, Experience Content Media Image Generate needs a shell for the scripts in its folder and the command-line tools its instructions call (bash). Our summary lists: A Bash shell.

Does Experience Content Media Image Generate access the network?

SKILL.md names 1 domain. In commands or code: cdn.scs.static.lightning.force.com; the agent is likely to contact it when it follows the instructions. This is read from the text; nothing was executed.

Is Experience Content Media Image Generate 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. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.

What licence does Experience Content Media Image Generate use?

Experience Content Media Image Generate is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Experience Content Media Image Generate use?

About 966 tokens (SKILL.md is roughly 3.9k 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 Experience Content Media Image Generate?

Skills that share tags, products or a category with Experience Content Media Image Generate: Blog Image (AgriciDaniel/claude-blog, 2.3k stars), Direct Image Creation (openvetta/open-vetta, 291 stars), Social Creative Designer (stevenflanagan1/social-ai-team, 242 stars) and Olore Recraft Latest (olorehq/olore, 104 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Experience Content Media Image Generate?

forcedotcom (a GitHub organization) maintains it in forcedotcom/sf-skills, which has 1,065 GitHub stars. The repository holds 251 skills in this directory. The repository was last updated on October 7, 2026.

Source: forcedotcom/sf-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.