SpaceXSI Cookbook

Example apps, recipes, and guides for building with the Grok API. Each one has its full code on GitHub.

Recipes

Guides

Apps

TypeScript ยท Beginner

Podcast from a Link

Turn an article or a PDF into a two-host podcast episode, and watch it being written and recorded live in a small web app.

Explore
TypeScript ยท Beginner

Screenshot to React Component

Turn a screenshot of a UI into a React component styled with Tailwind, then have Grok compare the result with the original and fix what doesn't match.

Explore
TypeScript ยท Intermediate

Company to Call Brief

Prep for a sales call with a one-page brief, as Grok searches the web and ๐• and looks up the account through CRM functions that run in your app.

Explore
TypeScript ยท Intermediate

CSV to Answers

Drop in a CSV and ask questions about it. Grok writes and runs pandas in a sandbox, shows the code it ran, and answers with computed numbers and a chart.

Explore
TypeScript ยท Intermediate

Docs to Cited Answers

Ask questions about a folder of documents and get answers that cite the passages they came from, with a metadata filter that decides which documents count.

Explore
Swift ยท Kotlin ยท Intermediate

Mobile Voice Apps

Native iOS and Android apps for real-time voice conversations with Grok, plus text-to-speech on iOS.

Explore
TypeScript ยท Intermediate

Phone Voice Agent

A voice agent you can call on the phone, using Twilio.

Explore
TypeScript ยท Intermediate

Photo to Time-Lapse

Turn one photo into a time-lapse, like a street through the four seasons, by editing it for each stage and pinning every edit in one Grok Imagine video.

Explore
TypeScript ยท Intermediate

Product Photo to Video Ad

Turn one product photo into a vertical video ad with a voiceover, as Grok writes the brief, places the product in three scenes, picks one, and animates it.

Explore
TypeScript ยท Intermediate

Reasoning Effort Evals

Run a prompt's test cases at every reasoning effort, grade the answers with code checks and a judge, and find the cheapest effort that's still good enough.

Explore
TypeScript ยท Intermediate

Receipts to Spreadsheet

Turn receipt photos and PDF invoices into a spreadsheet that adds up, with Grok reading each one twice and flagging the cells where the reads disagree.

Explore
TypeScript ยท Intermediate

Reviews to Themes

Turn a thousand app reviews into ranked themes with counts, trends, and quotes by labeling every review in one Batch API job.

Explore
TypeScript ยท Intermediate

Storyboard to Short Film

Turn a one-line premise into a four-shot short film with Grok Imagine keyframes, image-to-video, and narration, and watch it being made in a small web app.

Explore
TypeScript ยท Intermediate

Topics to Morning Briefing

Turn a few topics into a two-minute spoken briefing from ๐• and the web, with Grok skipping the stories it already told you about and a cost cap on every run.

Explore
TypeScript ยท Python ยท Intermediate

Web Voice Agent

A React client with swappable Python and Node.js backends that talk to the Voice Agent API over WebSocket.

Explore
TypeScript ยท Intermediate

๐• Post to Fact-Check

Paste a link to a post on ๐•, and Grok checks each claim on the web and on ๐• at the same time and writes a note where every sentence cites a source.

Explore
TypeScript ยท Intermediate

๐• Sentiment Tracker

Score the sentiment about any topic from live ๐• posts with Grok's X Search tool, on a dashboard with a score for every post and the sentiment day by day.

Explore
TypeScript ยท Advanced

Bug Report to Fix

Describe a bug in a small repo, and watch Grok reproduce it with a failing test, fix it, and rerun the tests, checking every command before it runs.

Explore
TypeScript ยท Advanced

Meeting to Action Items

Caption a call live by speaker, keep a running list of decisions and action items, and ask questions whose answers link to the moment in the transcript.

Explore
TypeScript ยท Advanced

Video Dubbing

Dub a video into another language, with each line timed to the original speech, shortened by Grok when it runs long, and mixed over the original background.

Explore
TypeScript ยท Advanced

WebRTC Voice Agent

A low-latency browser voice agent that uses WebRTC between the browser and a server, which connects to xAI over WebSocket.

Explore