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.
npx skills add https://github.com/rivet-dev/agentos --skill launch-graphics
Source generators live in docs-internal/graphics/ (committed). Rendered
PNGs go to ~/tmp/agentos-graphics/ — never commit output images.
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
~/tmp/agentos-graphics/).render-technical.mjs needs shiki (dev-only, not a repo dep): setSHIKI_DIR=/path/to/node_modules/shiki or pnpm add -D shiki.
docs-internal/graphics/README.md first — it records the branddecisions (palette, fonts, "Apps" treatment, tile styling) to stay on.
render-*.mjs files orsnippets.json; keep new external logos vendored in docs-internal/graphics/assets/.
Take rivet-dev/launch-graphics from the repository into ~/.claude/skills for personal
use, or into .claude/skills inside a project.
The agent identifies a skill by the name field in its header. Two skills with the
same name cannot sit side by side — one of them will be ignored.
The instructions reference pnpm.
Without those the skill loads but fails at the first command.