# Launch Graphics

> Generate agentOS marketing/launch graphics (launch & social heroes, code-snippet cards) from the committed generators in docs-internal/graphics. Use when asked to make, update, or render an agentOS launch image, social image, "agentOS Apps" graphic, or technical code-snippet image.

- Skill: `rivet-dev/launch-graphics` (Agent Skill, multi-file: 12 files)
- Install (CLI): `npx skillmds@latest add rivet-dev/launch-graphics`
- Raw SKILL.md: https://api.skillmd.com/api/skills/rivet-dev/launch-graphics/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Marketing & Growth
- Author: rivet-dev (https://skillmd.com/u/rivet-dev)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/rivet-dev/launch-graphics

---


# agentOS launch graphics

Source generators live in **`docs-internal/graphics/`** (committed). Rendered
PNGs go to **`~/tmp/agentos-graphics/`** — never commit output images.

## Generate

```bash
node docs-internal/graphics/render-launch.mjs      # launch/social hero → ~/tmp/agentos-graphics/launch.png
node docs-internal/graphics/render-technical.mjs   # code-snippet card  → ~/tmp/agentos-graphics/technical.png
```

- Pass an output dir as arg 1 to override (default `~/tmp/agentos-graphics/`).
- `render-technical.mjs` needs `shiki` (dev-only, not a repo dep): set
  `SHIKI_DIR=/path/to/node_modules/shiki` or `pnpm add -D shiki`.
- After rendering, open the PNG to review before sharing.

## Editing

- Read `docs-internal/graphics/README.md` first — it records the brand
  decisions (palette, fonts, "Apps" treatment, tile styling) to stay on.
- Change layout/typography/snippets in the `render-*.mjs` files or
  `snippets.json`; keep new external logos vendored in `docs-internal/graphics/assets/`.
- Iterate by re-running and viewing the PNG; tune sizes/spacing until it reads right.