grok-brand-media

name	grok-brand-media
description	Prompt recipes for Grok image/video generation from Claude Code (OG images, README banners, launch clips)
user-invocable	true

Grok brand & media recipes

Use with /grok:image and /grok:video (or companion image / video commands).

Output conventions

• Images → .grok-media/image/
• Videos → .grok-media/video/
• Grok’s tools usually write under ~/.grok/sessions/…/images|videos/. The companion copies finished assets into .grok-media/ so the project path contract holds without needing shell/write_file (those stay denylisted).
• Video resolution is limited by Grok’s model tier (often 480p); that is not a plugin bug.

Image recipes

README / GitHub social banner (16:9)

/grok:image --aspect 16:9 Dark developer-tool banner for "Grok in Claude". Minimal typography, abstract node graph, high contrast, no cluttered UI chrome, space for title text on the left.

OG / link preview (1.91:1-ish → use 16:9)

/grok:image --aspect 16:9 Open Graph image for a SaaS launch. Bold product name area, subtle grid background, one hero metaphor only.

App icon concept (1:1)

/grok:image --aspect 1:1 App icon concept, simple geometric mark, readable at 32px, flat with slight depth, no text.

Edit existing asset

/grok:image --edit ./assets/logo.png Make it monochrome, tighter padding, production-ready PNG

Video recipes

Animate a still

/grok:video --image ./.grok-media/image/hero.png --duration 6 gentle camera push-in, soft parallax, premium product feel

Multi-reference cutdown

/grok:video --ref shot1.png --ref shot2.png --aspect 16:9 --duration 6 product launch cutdown, clean transitions, no on-screen UI clutter

Prompt quality tips

• One primary subject
• Name the aspect ratio and destination (banner, icon, social)
• Say what to avoid (busy UI, tiny illegible text, watermark clutter)
• Prefer background for video: /grok:video --background ...
• After background jobs finish, /grok:result lists project-local paths under .grok-media/