Explore an interactive 3D Grok Bot command deck and use the prompt to build your own.
Elvis Saravia ยท DAIR.AI3dinteractivecodexprompt-engineeringdesigngrok-bot
Interactive preview
v1 โ First iteration
Use a Codex coding agent with GPT-6 Astra to design and build a stunning, interactive 3D keyboard for Grok Bot. Set this as the agent's project goal and keep refining the result until the design and presentation reach the highest practical quality and definition.
Use the OpenAI ร Work Louder Codex Micro as the physical design reference. Study its compact form, tactile keys, rotary dial, layout, and material details using this source page and the exact product image below:
Source page: https://openai.com/supply/co-lab/work-louder/
Product image: https://images.ctfassets.net/kftzwdyauwt9/2adyxMHmaeZ8uJS8QOOsv8/768a77ee980c833d56fd830bfd5d3299/Codex-micro-overview-white.png?w=1080&q=90&fm=webp
Reimagine the device around Grok Bot rather than Codex. Study https://x.ai/bot for its visual identity, personality, and teammate interactions, then translate that inspiration into thoughtful colors, expressive details, custom key legends, and a cohesive interface. Create an independent, aspirational concept for a Grok Bot device that does not currently exist.
Build a working, real-time 3D experience that feels tactile and engaging. Let users explore the device, press its keys, and turn its dial, with responsive feedback and meaningful local demonstration actions inspired by Grok Bot. Give the model convincing proportions and a polished presentation, and make the experience usable on desktop and mobile.
Deliver the completed interactive prototype and a crisp proof screenshot at the highest practical resolution.
v2 โ Polish
Upgrade the existing isolated prototypes/grokbot interactive 3D keyboard to a 4K, markedly more realistic, premium product visualization with detailed manufactured geometry, convincing PBR materials, and refined studio lighting; preserve and validate key, dial, orbit, zoom, finish, lighting, and exploded-view interactions; pass the project's tests and production build.
v3 โ Eliminate flicker
Eliminate flicker, intermittent black flashes, and unstable rendering in the existing interactive 3D keyboard. Check every viewing angle, especially the rear of the device, and repeated transitions into and out of the exploded view. Keep geometry, shadows, materials, and animations stable while preserving key, dial, orbit, zoom, finish, lighting, and exploded-view interactions. Validate on desktop and mobile, and pass the project's tests and production build.
Explore the full Resource Hub and hundreds of lessons on DAIR.AI Academy.