remorses Grok Imagine
Preconditions: the user is signed in on grok.com. Playwriter drives that tab. Do not copy cookies or tokens.
Recorded flow: type a prompt, set aspect Ampio (wide / 16:9), click
Invia. The only useful recorded network call is quota. Image generate
is not REST. It uses wss://grok.com/ws/imagine/listen. Both run inside
page.evaluate so the page cookies apply.
Drop: empty paragraph click, analytics (/_data/, Stripe, Appsflyer),
and the .scheme-light CSS click.
Parameters
prompt— recorded demo:a nice landscapeaspectRatio—16:9for Ampio. Also1:1,9:16
1. Open Imagine
playwriter -s 1 -e 'await page.goto("https://grok.com/imagine", { waitUntil: "domcontentloaded" })'
2. Check quota with fetch
playwriter -s 1 -e 'const q = await page.evaluate(async () => { const r = await fetch("/rest/media/imagine/quota_info", { method: "POST", headers: { "content-type": "application/json" }, credentials: "include", body: "{}" }); return { status: r.status, body: await r.json() } }); console.log(q)'
Expect status: 200 and image.available: true. If 401/403, ask the user
to sign in.
3. Generate with the Imagine websocket
Do not fill the textbox or click Invia. POST /rest/media/post/create
only creates an empty post. Generate from evaluate:
playwriter -s 1 -e 'const { join } = require("node:path"); const { homedir } = require("node:os"); const { generateImagineImage } = await import(join(homedir(), ".agents/skills/grok-imagine/utils.js")); console.log(await generateImagineImage({ page, prompt: "a nice landscape", aspectRatio: "16:9", count: 1 }))'
Expect images[].url on https://imagine-public.x.ai/imagine-public/images/<id>.jpg.
For a project-local copy of this skill:
playwriter -s 1 -e 'const { generateImagineImage } = await import("./.agents/skills/grok-imagine/utils.js"); console.log(await generateImagineImage({ page, prompt: "a nice landscape", aspectRatio: "16:9" }))'