Content Ideas
bradautomates/content-ideas
Your For You page for content creators. An agent skill from bradautomates/content-ideas.
A skill your agent uses when the operator wants a hero or meta image for a Prisma blog post; asks to create or generate a blog hero, cover, social card, Open Graph, or YouTube image; mentions cover…
Install Content Create Hero Image
$ npx skills add prisma/web --skill content-create-hero-image -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install prisma/web content-create-hero-image --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/prisma/web.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/content-create-hero-image .claude/skills/content-create-hero-image && 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 "content-create-hero-image" agent skill from https://github.com/prisma/web/tree/main/.claude/skills/content-create-hero-image into .claude/skills/content-create-hero-image/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "content-create-hero-image", 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/prisma/web/tree/main/.claude/skills/content-create-hero-imageType 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 prisma/web --skill content-create-hero-image -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install prisma/web content-create-hero-image --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/prisma/web.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.claude/skills/content-create-hero-image .agents/skills/content-create-hero-image && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "content-create-hero-image" agent skill from https://github.com/prisma/web/tree/main/.claude/skills/content-create-hero-image into .agents/skills/content-create-hero-image/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "content-create-hero-image", 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 prisma/web --skill content-create-hero-image -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install prisma/web content-create-hero-image --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/prisma/web.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.claude/skills/content-create-hero-image .cursor/skills/content-create-hero-image && 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 "content-create-hero-image" agent skill from https://github.com/prisma/web/tree/main/.claude/skills/content-create-hero-image into .cursor/skills/content-create-hero-image/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "content-create-hero-image", 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/prisma/web.git --path .claude/skills/content-create-hero-image--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 prisma/web --skill content-create-hero-image -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install prisma/web content-create-hero-image --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/prisma/web.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.claude/skills/content-create-hero-image .gemini/skills/content-create-hero-image && 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 "content-create-hero-image" agent skill from https://github.com/prisma/web/tree/main/.claude/skills/content-create-hero-image into .gemini/skills/content-create-hero-image/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "content-create-hero-image", 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 prisma/web content-create-hero-imageInstalls 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 prisma/web --skill content-create-hero-image -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/prisma/web.git skills-src && mkdir -p .github/skills && cp -r skills-src/.claude/skills/content-create-hero-image .github/skills/content-create-hero-image && 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 "content-create-hero-image" agent skill from https://github.com/prisma/web/tree/main/.claude/skills/content-create-hero-image into .github/skills/content-create-hero-image/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "content-create-hero-image", 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 prisma/web --skill content-create-hero-image -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install prisma/web content-create-hero-image --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/prisma/web.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.claude/skills/content-create-hero-image .opencode/skills/content-create-hero-image && 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 "content-create-hero-image" agent skill from https://github.com/prisma/web/tree/main/.claude/skills/content-create-hero-image into .opencode/skills/content-create-hero-image/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "content-create-hero-image", 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
content-create-hero-image- GitHub stars
- 1.1k
- Token cost
- ~6.9k tokens
- SKILL.md length
- 3,458 words
- Files
- 54 (incl. scripts, references, assets)
- Skills in repo
- 6
- Repo updated
- First seen
- Licence
- None found
At a glance
A skill your agent uses when the operator wants a hero or meta image for a Prisma blog post; asks to create or generate a blog hero, cover, social card, Open Graph, or YouTube image; mentions cover…
- Works in 11 steps: (Optional) Refresh from the live Figma… → Read the blog context → Gather inputs — interactive or inferred → …
- The operator wants a hero
- SKILL.md covers References (load on demand), Output contract, Pre-conditions — halt if unmet and Discover blog conventions, plus 4 more sections
- Calls python3 and bash
What it does
Content Create Hero Image is an agent skill from prisma/web, published by the product's own GitHub organization. Use when the operator wants a hero or meta image for a Prisma blog post; asks to create or generate a blog hero, cover, social card, Open Graph, or YouTube image; mentions cover art, a blog thumbnail, cover.svg/hero.svg/meta.png; references content-create-hero-image; or wants to interactively design cover imagery in Prisma's 2026 brand (light paper, prism accents, Sora). Produces an editable SVG hero plus a pixel-exact PNG meta image, and includes an interactive mode and a built-in design-review pass.
Its SKILL.md is about 6.9k tokens, which your agent loads only when the skill is triggered. The skill folder holds 61 other files, including scripts, reference files and assets (for example `README.md` and `assets/figma/board-meta.json`).
It sits in Databases, covering ORMs and data access, Social media graphics and Design review and critique. It works with Prisma, YouTube and Figma. The repository describes itself as: 📚 Prisma Web Monorepo.
When your agent uses it
- The operator wants a hero
- Meta image for a Prisma blog post
- Generate a blog hero
- Mentions cover art
Example prompts
- “/content-create-hero-image”
Requirements
- Python 3
Workflow steps
11 steps, taken from the step headings in SKILL.md.
- (Optional) Refresh from the live Figma workspace
- Read the blog context
- Gather inputs — interactive or inferred
- Choose a visual direction
- Select assets
- Generate the SVG
- Embed fonts FIRST, then export the PNG
- Save into the repo
- Wire into the post frontmatter
- Design review (render → critique → fix loop)
- Return paths + rationale
What it can do on your machine
Read from SKILL.md and the folder at commit 00dd22d. 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/, which the agent can run.
Shell commands in SKILL.md call:
python3bash
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
Content Create Hero Image loads about 6.9k tokens when it runs, and up to ~13k if it reads all its reference files. Until then it costs about 133 tokens; SKILL.md has 3,458 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); the scripts in this folder are not scanned.
SKILL.md
Without a licence we can't republish the file, so here is its outline and opening line. It has 3,458 words (~6,901 tokens).
“Produce the hero and meta (Open Graph) images for a Prisma blog post in the 2026 brand — light paper surfaces, the prism accent family (cyan/yellow/red), Sora display type — styled from the bundled reference assets and from the most…”
- name
- content-create-hero-image
- metadata.author
- Prisma
- metadata.version
- 2026.8.11
Files
SKILL.md and 53 other files (scripts, references, assets) in .claude/skills/content-create-hero-image of prisma/web.
- SKILL.md
- README.md
- assets/examples/building-open-chat/hero.svg
- assets/examples/building-open-chat/meta.png
- assets/examples/create-prisma-deploy-prisma-compute/hero.svg
- assets/examples/create-prisma-deploy-prisma-compute/meta.png
- assets/examples/image-transformations-with-bun-on-prisma-compute/hero.svg
- assets/examples/image-transformations-with-bun-on-prisma-compute/meta.png
- assets/examples/prisma-compute-config-file/hero.svg
- assets/examples/prisma-compute-config-file/meta.png
- assets/examples/prisma-next-benchmark/hero.svg
- assets/examples/prisma-next-benchmark/meta.png
- assets/figma/board-meta.json
- … and 41 more
Open the folder on GitHubat commit 00dd22d
Compare with similar skills
Content Create Hero Image 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 |
|---|---|---|---|---|---|---|
| Content Create Hero Image this skillprisma/web | 1.1k | — | ~6.9k | Automated safety check: Pass | None | |
| Content Ideasbradautomates/content-ideas | 130 | — | ~5.4k | Automated safety check: Notes | MIT | |
| Make FiguresAperivue/medsci-skills | 329 | — | ~8.4k | Automated safety check: Pass | MIT | |
| Prisma Client APIcurvenote/curvenote | 169 | 2 repos | ~1.6k | Automated safety check: Pass | MIT | |
| Prismablencorp/claude-code-kit | 106 | — | ~2.7k | Automated safety check: Pass | MIT | |
| Prisma Expertdavila7/claude-code-templates | 32k | 6 repos | ~2.6k | Automated safety check: Pass | MIT |
Similar skills
Make Figures
Aperivue/medsci-skills
A skill your agent uses when a paper needs publication-ready figures or a visual abstract.
Prisma Client API
curvenote/curvenote
Prisma Client API reference covering model queries, filters, operators, and client methods.
Prisma
blencorp/claude-code-kit
Prisma ORM patterns including Prisma Client usage, queries, mutations, relations, transactions, and schema management.
Prisma Expert
davila7/claude-code-templates
Prisma ORM expert for schema design, migrations, query optimization, relations modeling, and database operations.
Survey Methodology
Muuuun/luxas
Plan-time methodology contract for survey/review/report projects.
More from prisma/web
- Official
Docs Reader Review
prisma/web
A skill your agent uses when a docs page or section has been written or rewritten and is about to be handed over, when the operator says "reader review", "does this read like a human wrote it", "too…
- Official
Content SEO Geo
prisma/web
Optimize a prisma.io page for search engines and AI answer engines.
- Official
Content Write Blog
prisma/web
A skill your agent uses when the operator wants to write a blog post, draft a blog article, start a new post for the Prisma blog, or publish to prisma.io/blog.
- Official
Docs Agent Ready
prisma/web
A skill your agent uses when adding a new docs section or product area, editing llms.ts / the llms.txt or llms/[...slug] / llms-full.txt routes / get-llm-text / skill.md / .well-known endpoints, or…
- Official
Docs Writer
prisma/web
A skill your agent uses when writing, rewriting, or improving technical docs (quickstarts, how-tos, tutorials, concept pages, or API references).
Related
Questions about Content Create Hero Image
What does Content Create Hero Image do?
A skill your agent uses when the operator wants a hero or meta image for a Prisma blog post; asks to create or generate a blog hero, cover, social card, Open Graph, or YouTube image; mentions cover…. Content Create Hero Image is an agent skill from prisma/web, published by the product's own GitHub organization.png; references content-create-hero-image; or wants to interactively design cover imagery in Prisma's 2026 brand (light paper, prism accents, Sora).
When should I use Content Create Hero Image?
Content Create Hero Image fits situations like: the operator wants a hero; meta image for a Prisma blog post; generate a blog hero; mentions cover art.
How do I install Content Create Hero Image in Claude Code?
Run `npx skills add prisma/web --skill content-create-hero-image -a claude-code`. Or copy the skill folder (.claude/skills/content-create-hero-image in prisma/web) into .claude/skills/content-create-hero-image in your project. Claude Code loads it when a task matches its description.
How do I install Content Create Hero Image in Codex?
Run `npx skills add prisma/web --skill content-create-hero-image -a codex`. Or copy the skill folder (.claude/skills/content-create-hero-image in prisma/web) into .agents/skills/content-create-hero-image in your project. Codex loads it when a task matches its description.
Can I use Content Create Hero Image 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 prisma/web --skill content-create-hero-image -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/content-create-hero-image, .gemini/skills/content-create-hero-image, .github/skills/content-create-hero-image and .opencode/skills/content-create-hero-image in your project.
What does Content Create Hero Image need to run?
Going by SKILL.md and its folder, Content Create Hero Image needs the command-line tools its instructions call (python3 and bash). Our summary lists: Python 3.
Does Content Create Hero Image 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 Content Create Hero Image 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 Content Create Hero Image use?
No licence was found for Content Create Hero Image or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.
How many tokens does Content Create Hero Image use?
About 6.9k tokens (SKILL.md is roughly 28k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 6.4k tokens, read only when the agent opens those files.
What are the alternatives to Content Create Hero Image?
Skills that share tags, products or a category with Content Create Hero Image: Content Ideas (bradautomates/content-ideas, 130 stars), Make Figures (Aperivue/medsci-skills, 329 stars), Prisma Client API (curvenote/curvenote, 169 stars) and Prisma (blencorp/claude-code-kit, 106 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Content Create Hero Image?
prisma (a GitHub organization, an official publisher) maintains it in prisma/web, which has 1,103 GitHub stars. The repository holds 6 skills in this directory. The repository was last updated on October 7, 2026.
Source: prisma/web on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.