Getting it into your agent
It runs from inside its repository, so the clone comes first — what it calls does not travel with the file alone.
git clone --depth 1 https://github.com/Mineru98/imaginenpx agentmods add skills/mineru98/imagine/imagine-heroWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/mineru98/imagine/imagine-hero)<a href="https://agentmods.dev/skills/mineru98/imagine/imagine-hero"><img src="https://agentmods.dev/badge/skills/mineru98/imagine/imagine-hero/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/mineru98/imagine/imagine-hero"><img src="https://agentmods.dev/badge/skills/mineru98/imagine/imagine-hero.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00158 | $0.02251 |
| Opus 5 | $0.00079 | $0.01125 |
| Sonnet 5 | $0.00032 | $0.00450 |
| Haiku 4.5 | $0.00016 | $0.00225 |
Grade A, and why
imagine-hero scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 10d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 96 lines — stays where its author put it; the contents beside it link to each section on GitHub.
imagine-hero
데스크톱 히어로 섹션용 3:2 메인 비주얼을 프리셋 기반으로 뽑는다. 텍스트는 절대 이미지 안에 넣지 않는다(랜딩 페이지 HTML이 담당). CTA 배치용 40% 세이프존을 의도적으로 비워 남긴다.
트리거
imagine-hero "<컨셉>"/imagine-hero --concept "..."(명시 호출)- "히어로 이미지", "랜딩 히어로", "랜딩 페이지 메인 이미지"
- "landing hero", "landing page hero", "SaaS hero image"
- "히어로 비주얼 뽑아줘"
애매하게 "배너", "썸네일"만 들어오면 이 스킬이 아니라 imagine-og(소셜 카드/블로그 썸네일)로 라우팅. 1턴 질문으로 맥락 확인.
핵심 제약
| 항목 | 값 |
|---|---|
| 생성 비율 | 3:2 — 1536×1024 |
| 포맷 | PNG(투명 지원) + WebP(최적화용). 기본은 PNG 저장, WebP 추가 인코딩. |
| 텍스트 | 이미지 내부 금지. negative_prompt에 text, letters, typography, UI mockup, watermark, logo text 강제. |
| 세이프존 | 한쪽 40% 비움. 기본 right (왼쪽에 CTA 붙이는 국내 SaaS 관행). --safe-zone left/right/center로 지정. |
파이프라인
- 프롬프트 구성:
--style값을config.style_presets테이블에서 영문 비주얼 구문으로 매핑.--safe-zone이right이면"composition weight on left side, empty negative space on right 40%"를 덧붙이고,left이면 반대.center면"focal motif upper third, empty lower 40% negative space".--brand-color #HEX가 주어지면 HEX 숫자는 프롬프트에 직접 넣지 않고 HSL 근사를 색 이름 구문("vivid violet tones, accent magenta"등)으로 변환해 주입. 원본 HEX는 Run Manifest에 저장해 후처리 톤 매핑용으로 보관.--vibe가 있으면config.vibe_map의 한 구문을 append.- 사용자 컨셉 문자열 원문 보존 — 정직한 번역만 허용. 정체성을 바꾸지 않는다.
- Negative 강제:
config.negative_prompt그대로 주입. 텍스트·UI 목업·여백 없음·복잡한 주변 시각 요소를 모두 차단. - 이미지 생성 (AI): Codex 이미지 모델로
size: 1536x1024PNG 1장 출력. 공용oauth-session.js/output-allocator.js재사용. - 세이프존 검증 (결정적, sharp): 지정된 40% 영역의 평균 채도(saturation mean)를 측정.
quality_checks.safe_zone_clutter_max_saturation_mean초과 시 "세이프존 혼잡" 경고와 함께 사용자에게 재생성 제안(자동 재생성 금지). - WebP 인코딩: 같은 결과를
webp.quality=82, effort=4로 추가 저장. sharp 부재 시 WebP 단계는 스킵 + 경고(PNG는 정상). --transparent-bg후처리: 플래그 지정 시scripts/lib/bg-remove.js의removeBackground(inputPath, outputPath)호출. 라이브러리 부재·실패 시 원본을_cutout.png로 그대로 복사하고mode: 'passthrough'경고를 사용자에게 노출(원본 PNG는 항상 보존). 이 스킬은bg-remove.js가 반환한mode값을 결과 리포트에 그대로 기록한다.
What ships with it
1 file beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 10d ago First seen · 96 lines · 158 tokens per session scan A 0a63887991b9
imagine-hero is a skill published in the GitHub repository Mineru98/imagine (5 stars, last pushed 12d ago), licensed MIT. It adds 158 tokens to every session and 2,251 once invoked, about $0.0008 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.
Other skills, from other repositories
html-ppt-zhangzara-retro-zine
A neighborhood zine on the disappearing corner shops — portraits, voices, and what a block loses when they close. Built as a decision-grade story deck for community, local readers.
html-ppt-zhangzara-studio
A photography studio's portfolio-and-rate deck — the signature work, the process, and the packages that win the brief. Built as a decision-grade design craft deck for prospective clients.
motion-frames
A single-frame motion-design composition with looping CSS animations — rotating type ring, animated globe, ticking timer, parallax labels. Renders as a hero video poster you can hand straight to HyperFrames or any keyframe-based exporter. Use when the brief asks for "motion design", "animated hero", "loop", "video…
webgl-halftone-drift
A self-contained WebGL2 hero: a flowing field screened through a rotated halftone dot grid into a duotone print aesthetic; move the cursor to bend the drift.
webgl-holographic-foil
A self-contained WebGL2 hero: thin-film interference over a crushed-foil surface whose palette shifts with the viewing angle; move the cursor to tilt the film.
motion-graphics
A short, design-led motion graphic where motion is the message — kinetic typography, stat count-up, chart/data-viz hit, logo sting / brand lockup, lower-third / callout / social overlay, animated map (highlight regions, connect places, zoom to a location), animated tweet / news-article / headline, webpage / UI…