Create UI pages and explainer videos from voice instructions
A user used voice commands to have Grok Bot build financial-desk screens, image variations, animations, and explainer videos from reference designs.
- What they did
- The user talked through the request and shared design examples for an agentic financial desk. Grok Bot turned those directions into UI and UX pages, made images, animated the layouts, and produced explainer videos.
- How it went
- All of the requested pages, animations, and videos were finished. The user chose the references and guided the overall direction.
- Tips
- Give the agent clear style references and describe the screens in plain language. Before it starts anything final, ask it to pause and show a draft for approval.
Try it yourself with Grok Bot
Act as a UI/UX designer and motion designer. I need screens for a [product type] that help with [main tasks]. Use these references for style: [paste links or describe examples]. First, draft the page structure and key visual choices. Then create the mockups, animate the designs, and make a short explainer video that shows how the interface works. Stop and ask for my approval before you export, finalize, or submit anything.
Fill in the [brackets]. Agents can make mistakes, so review anything before it is sent, paid or deleted.
Get 3 agent uses like this every morning
With the day's top AI news. Free, and one click to unsubscribe.
Related agent uses
Build a cinematic short with three Grok agents
They used three custom Grok agents to keep characters, shots, and audio aligned while assembling a short cinematic video.
Use Grok Bot to post LinkedIn updates from audio
Debbie let Grok Bot learn from her past writing, convert a voice memo into a LinkedIn update, and post it after her review.
Research a newsletter idea and file it in Notion
Use Grok Bot to gather background on a topic from YouTube, the web, and X, then save the findings in a Notion backlog entry.
Split content work across specialized bots
Use separate bots to research, draft, edit, and schedule content while keeping humans in the review loop.
Use Grok Imagine to help build a full video
A person used Grok Imagine’s agent mode to plan and assemble a complete video in one hour.
Turn an animation spec into a promo prototype
An xAI designer used bots to draft a motion prototype in a local playground and to populate Figma cards and logos.