How do I install the Launch Graphics skill?

Run npx skillmds@latest add rivet-dev/launch-graphics in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Launch Graphics safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Launch Graphics?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Launch Graphics free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Launch Graphics?

rivet-dev (@rivet-dev) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Launch Graphics by rivet-dev — Agent Skill

Name: Launch Graphics
Author: rivet-dev

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.

rivet-dev 15e97ca 12 files · 133.2 KB Updated Sep 17, 2026

File contents

agentOS launch graphics

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

Generate

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.

Frequently asked questions