Video yükleniyor...

Video Yüklenemedi

Bu video yüklenirken bir sorun oluştu. Bu geçici bir ağ sorunundan kaynaklanıyor olabilir veya video kullanılamıyor olabilir.

Ana Sayfaya Dön

Grok Code generates the most aesthetic UI/UX Design Built a stunning carousel with mesmerizing hover effects & glows - just 2 prompts in Kilo Code, and it nailed every detail Grok Code created Frosty esthetics - snowflakes, glassy vibes, everything I asked for, for a live feel Animated and... show more

X Freeze

259,342 subscribers

1,104,181 görüntüleme • 10 ay önce •via X (Twitter)

Bilim & Teknoloji Eğitim Sanat

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

$Grok Code just literally cloned the entire Netflix UI with a one shot prompt From the iconic Hero section to the interactive Carousel, all with a single prompt and a few web-sourced image links It’s not just fast, it's the most cost-effective SOTA model out there ➝ Input: Grok $0.20 vs Claude $3 (15x cheaper) ➝ Output: Grok $1.50 vs Claude $15 (10x cheaper) Here’s how you can do it in VS Code with Kilo Code Grok Code matches Claude Sonnet 4 in performance, but is 10-15x more cost-effective All this for less than $1 SOTA power, fractional cost$

Grok Code just literally cloned the entire Netflix UI with a one shot prompt From the iconic Hero section to the interactive Carousel, all with a single prompt and a few web-sourced image links It’s not just fast, it's the most cost-effective SOTA model out there ➝ Input: Grok $0.20 vs Claude $3 (15x cheaper) ➝ Output: Grok $1.50 vs Claude $15 (10x cheaper) Here’s how you can do it in VS Code with Kilo Code Grok Code matches Claude Sonnet 4 in performance, but is 10-15x more cost-effective All this for less than $1 SOTA power, fractional cost

X Freeze

6,973,348 görüntüleme • 11 ay önce

You can create stunning website designs with the Grok 4.20 API using just simple prompts Grok 4.20 has incredible real-world understanding - it knows exactly what you want to build, powered by strong web search and tool capabilities Here, I created this entire 𝕏 Money demo landing page with the Grok 4.20 API via Kilo Code

You can create stunning website designs with the Grok 4.20 API using just simple prompts Grok 4.20 has incredible real-world understanding - it knows exactly what you want to build, powered by strong web search and tool capabilities Here, I created this entire 𝕏 Money demo landing page with the Grok 4.20 API via Kilo Code

X Freeze

23,417 görüntüleme • 5 ay önce

2. Build interactive tools and apps without code Describe your idea and Grok scaffolds the UI, logic, and deployment steps no coding required. Prompt: "You are a senior software architect who excels at building no-code and low-code systems with HTML, JavaScript, and Web APIs. Task Design a fully working interactive tool based on this idea: [DESCRIBE YOUR TOOL IDEA] Deliverables 1. A plain-English explanation of how the tool works. 2. A step-by-step plan to implement it with Grok or a no-code platform. 3. Exact HTML/CSS/JS code if relevant. 4. UX and design improvement tips. 5. Instructions to generate a shareable, embed-ready version. Imagine you are shipping an MVP for a startup demo. "

2. Build interactive tools and apps without code Describe your idea and Grok scaffolds the UI, logic, and deployment steps no coding required. Prompt: "You are a senior software architect who excels at building no-code and low-code systems with HTML, JavaScript, and Web APIs. Task Design a fully working interactive tool based on this idea: [DESCRIBE YOUR TOOL IDEA] Deliverables 1. A plain-English explanation of how the tool works. 2. A step-by-step plan to implement it with Grok or a no-code platform. 3. Exact HTML/CSS/JS code if relevant. 4. UX and design improvement tips. 5. Instructions to generate a shareable, embed-ready version. Imagine you are shipping an MVP for a startup demo. "

God of Prompt

316,672 görüntüleme • 1 yıl önce

Grok Build just created a game called Grok Racer for me. The great thing is that I told Grok to use Grok Imagine for the images in the game and it did! That’s fantastic and proves that Grok Imagine can also be used for active game coding. It works well and looks so cool.

Grok Build just created a game called Grok Racer for me. The great thing is that I told Grok to use Grok Imagine for the images in the game and it did! That’s fantastic and proves that Grok Imagine can also be used for active game coding. It works well and looks so cool.

Testlabor

641,564 görüntüleme • 2 ay önce

3D design using hand gestures voxels are laid onto a parametric surface, with controls for amplitude, frequency, and color palette created with grok 4, threejs, and mediapipe AI vision 🧵 live demo, code, and tutorial ↴

3D design using hand gestures voxels are laid onto a parametric surface, with controls for amplitude, frequency, and color palette created with grok 4, threejs, and mediapipe AI vision 🧵 live demo, code, and tutorial ↴

AA

70,448 görüntüleme • 1 yıl önce

Lets use Grok to create a Mario like video game, except we're going to design the characters WITH Grok Without writing a single line of code! We're going to use Grok to generate the code for the game and the images images for the: 1. main character 2. enemy characters 3. and the coins, we will make of course, DogeCoins We're going to do this in 10 minutes using Grok and @windsurf and we will deploy it on Vercel (Deployment took 1 singular prompt) 00:00 Introduction to the Game Project and Windsurf 01:25 Generating and Running the Initial Game Code 02:18 Enhancing the Game with New Features 03:39 Adding Characters and Enemies w/ GROK 08:47 Deploying the Game On VERCEL

Lets use Grok to create a Mario like video game, except we're going to design the characters WITH Grok Without writing a single line of code! We're going to use Grok to generate the code for the game and the images images for the: 1. main character 2. enemy characters 3. and the coins, we will make of course, DogeCoins We're going to do this in 10 minutes using Grok and @windsurf and we will deploy it on Vercel (Deployment took 1 singular prompt) 00:00 Introduction to the Game Project and Windsurf 01:25 Generating and Running the Initial Game Code 02:18 Enhancing the Game with New Features 03:39 Adding Characters and Enemies w/ GROK 08:47 Deploying the Game On VERCEL

Riley Brown

41,170 görüntüleme • 1 yıl önce

Grok 4.3 just built this entire game with just a single prompt It has the fastest output token speed and outranks Claude Sonnet 4.6 Max on Artificial Analysis I built this using the xAI API in Kilo Code via the VS Code extension

Grok 4.3 just built this entire game with just a single prompt It has the fastest output token speed and outranks Claude Sonnet 4.6 Max on Artificial Analysis I built this using the xAI API in Kilo Code via the VS Code extension

X Freeze

1,252,689 görüntüleme • 3 ay önce

Claude Code vs Codex vs Grok Build: Who builds the best Windows 95 OS in HTML? I benchmarked them live on speed, lines of code, file size… and actual usability. Claude: Fastest (384 lines, 14KB) but basic Grok: Took longer… and built a monster (full Explorer, Paint, interactive Grok terminal, browser, Control Panel, dial-up to AOL, shutdown & more) Codex/GPT-5: Didn’t quite make it Out-of-the-box winner? Grok. By a mile. 👑 Full breakdown + results inside 👀

Claude Code vs Codex vs Grok Build: Who builds the best Windows 95 OS in HTML? I benchmarked them live on speed, lines of code, file size… and actual usability. Claude: Fastest (384 lines, 14KB) but basic Grok: Took longer… and built a monster (full Explorer, Paint, interactive Grok terminal, browser, Control Panel, dial-up to AOL, shutdown & more) Codex/GPT-5: Didn’t quite make it Out-of-the-box winner? Grok. By a mile. 👑 Full breakdown + results inside 👀

Dan

44,728 görüntüleme • 2 ay önce

You know a technology is good when you don't even realize you've used it. For this scene, - I created the character as an image with Grok Imagine, then the landscape with Grok, and combined everything using Grok Imagine's image references. - I then used video extensions to avoid cuts and style changes. The character is perfectly integrated into the scene, proportions respected and style preserved.

You know a technology is good when you don't even realize you've used it. For this scene, - I created the character as an image with Grok Imagine, then the landscape with Grok, and combined everything using Grok Imagine's image references. - I then used video extensions to avoid cuts and style changes. The character is perfectly integrated into the scene, proportions respected and style preserved.

Déborah

18,892,689 görüntüleme • 5 ay önce

I pasted the Three.js code from the previous 3D scene in Grok 4 from xAI and prompted it to create a variation with new shapes. The scene leverages custom GLSL shaders for particle behavior and click morphs between shapes. Open source code and workflow in the thread below. 🧵👇

I pasted the Three.js code from the previous 3D scene in Grok 4 from xAI and prompted it to create a variation with new shapes. The scene leverages custom GLSL shaders for particle behavior and click morphs between shapes. Open source code and workflow in the thread below. 🧵👇

Techartist

3,103,961 görüntüleme • 1 yıl önce

Look how much Grok has progressed in just 6 months from Grok 3 to Grok 4.6! As a quick Saturday morning project I gave Grok Build the link to this previous "𝕏 THE GAME" viral (yet ugly) game Grok was able to watch the video, quickly reverse engineer the game, and make dramatic improvements You can play it here (on desktop): Some lessons I learned: - Grok is extremely token efficient. I was able to iterate on the design many times and still kept the token cost surprisingly low (only a few $ to make this game) - Grok is great at working with humans. Instead of just telling it what to do, or on the other extreme having it go off and do something itself, ask for a list of options on how to improve and tell Grok which ones to implement. A true partnership - Anyone can build things these days with AI, no code knowledge needed What are you building with Grok?

Look how much Grok has progressed in just 6 months from Grok 3 to Grok 4.6! As a quick Saturday morning project I gave Grok Build the link to this previous "𝕏 THE GAME" viral (yet ugly) game Grok was able to watch the video, quickly reverse engineer the game, and make dramatic improvements You can play it here (on desktop): Some lessons I learned: - Grok is extremely token efficient. I was able to iterate on the design many times and still kept the token cost surprisingly low (only a few $ to make this game) - Grok is great at working with humans. Instead of just telling it what to do, or on the other extreme having it go off and do something itself, ask for a list of options on how to improve and tell Grok which ones to implement. A true partnership - Anyone can build things these days with AI, no code knowledge needed What are you building with Grok?

Dan

6,047,408 görüntüleme • 3 gün önce

I just designed a full food recipe app with dishes from all over the world… in under 10 minutes using Grok Build with the new Composer 2.5 model And the entire process was basically just 3 simple steps: → Gave the idea I had in my mind and asked it to plan everything → Told it to execute the plan → Made a few layout adjustments …and done This honestly feels like a cheat code for app development.... It even perfectly added the ingredient quantity adjustments and allergen ingredients to avoid check list The speed at which “Grok Build” can go from idea → design → launch now is absolutely insane

I just designed a full food recipe app with dishes from all over the world… in under 10 minutes using Grok Build with the new Composer 2.5 model And the entire process was basically just 3 simple steps: → Gave the idea I had in my mind and asked it to plan everything → Told it to execute the plan → Made a few layout adjustments …and done This honestly feels like a cheat code for app development.... It even perfectly added the ingredient quantity adjustments and allergen ingredients to avoid check list The speed at which “Grok Build” can go from idea → design → launch now is absolutely insane

X Freeze

13,066 görüntüleme • 2 ay önce

Grok Build is absolutely amazing! I just tried it out for the first time. I haven't coded in close to 20 years. I literally have no idea what I'm doing so I had to use Grok to walk me through the process to install and use the tool. I asked it to build me a simple "Thank You Elon Musk" website and it did it in seconds! This is going to completely change everything. Even your grandma will be able to code using Grok Build!

Grok Build is absolutely amazing! I just tried it out for the first time. I haven't coded in close to 20 years. I literally have no idea what I'm doing so I had to use Grok to walk me through the process to install and use the tool. I asked it to build me a simple "Thank You Elon Musk" website and it did it in seconds! This is going to completely change everything. Even your grandma will be able to code using Grok Build!

Adam Lowisz X Meetup 🇺🇸🇵🇱🇪🇺🇬🇧🇺🇦

15,395 görüntüleme • 2 ay önce

What if any post on 𝕏 could become a playable game? I built it. 𝕏 Games takes any post on this platform and turns it into a real, playable canvas game — generated in real-time by Grok and Grok Imagine. Pick a post. Any post. Grok reads it, designs a game around it, generates the art, and builds the whole thing in seconds. Leaderboards, score sharing, all native to X. Here's the thing that still blows my mind — I didn't write a single line of code. The entire app was built by AI through Pokee AI and PokeeClaw. The games are generated live by Grok. Every pixel, every mechanic, every asset. All AI. This is what's possible right now. Not in some future demo. Right now, today, on 𝕏. I built this because I wanted to show what Grok can really do when you push it beyond chatbot Q&A. It can create. It can build entire interactive experiences from a tweet. Hey xAI — if you ever want someone to build this for real, into the platform... I'm right here. 👀 Try it yourself: 🎮 walkthrough below ⬇️

What if any post on 𝕏 could become a playable game? I built it. 𝕏 Games takes any post on this platform and turns it into a real, playable canvas game — generated in real-time by Grok and Grok Imagine. Pick a post. Any post. Grok reads it, designs a game around it, generates the art, and builds the whole thing in seconds. Leaderboards, score sharing, all native to X. Here's the thing that still blows my mind — I didn't write a single line of code. The entire app was built by AI through Pokee AI and PokeeClaw. The games are generated live by Grok. Every pixel, every mechanic, every asset. All AI. This is what's possible right now. Not in some future demo. Right now, today, on 𝕏. I built this because I wanted to show what Grok can really do when you push it beyond chatbot Q&A. It can create. It can build entire interactive experiences from a tweet. Hey xAI — if you ever want someone to build this for real, into the platform... I'm right here. 👀 Try it yourself: 🎮 walkthrough below ⬇️

Mike

39,558 görüntüleme • 4 ay önce

Introducing Transitions Refine A tool for tuning UI transitions directly in Cursor, Codex or Claude Code with the Transitions-dev skill built in • Integrated skill analyzes your transitions and provides suggestions you can apply directly • Timeline and controls for manual edits • No need to copy and paste values everything is updated directly in your source

Introducing Transitions Refine A tool for tuning UI transitions directly in Cursor, Codex or Claude Code with the Transitions-dev skill built in • Integrated skill analyzes your transitions and provides suggestions you can apply directly • Timeline and controls for manual edits • No need to copy and paste values everything is updated directly in your source

Jakub Antalik

50,587 görüntüleme • 1 ay önce

Grok 4.6 is looking really good for making 3D games! Here's a quick demo of a little cosy 3d game working right within Unity. Used Meshy for the character from a Grok Imagine 2.0 image. Just prompts. I didn't touch anything in Unity or Blender. Grok 4.6 just did everything via the Unity CLI. SFX and BGM with ElevenLabs.

Grok 4.6 is looking really good for making 3D games! Here's a quick demo of a little cosy 3d game working right within Unity. Used Meshy for the character from a Grok Imagine 2.0 image. Just prompts. I didn't touch anything in Unity or Blender. Grok 4.6 just did everything via the Unity CLI. SFX and BGM with ElevenLabs.

Chong-U

223,216 görüntüleme • 6 gün önce

SuperGrok is insanely powerful. Use the file chat feature and talk to your code in real time. Coded this 3D model of helmet for a game asset using threejs and webgl with Grok 4. The file chat allowed me to add lighting and color controls just like that. It felt surreal. Try it now.

SuperGrok is insanely powerful. Use the file chat feature and talk to your code in real time. Coded this 3D model of helmet for a game asset using threejs and webgl with Grok 4. The file chat allowed me to add lighting and color controls just like that. It felt surreal. Try it now.

Prashant

1,273,920 görüntüleme • 11 ay önce

Built a full website in under 60 minutes using Grok Build. Insane. One prompt: “Create a website for my whale watching tours business in Hermanus… generate images…” Grok Build just runs. You answer a few questions in the meantime. Voilà. What Grok Build actually does: • Creates the full project; folders, structure, ready to go • Generates custom images; no stock, no uploads • Builds the site; layout, sections, pricing • Adds features; gallery, booking form, interactions • Writes styling; responsive, clean, animated • Handles logic; menus, forms, smooth UX • Runs it locally; live and testable instantly No dragging blocks. No templates. Just built. This is execution, not assistance. xAI

Built a full website in under 60 minutes using Grok Build. Insane. One prompt: “Create a website for my whale watching tours business in Hermanus… generate images…” Grok Build just runs. You answer a few questions in the meantime. Voilà. What Grok Build actually does: • Creates the full project; folders, structure, ready to go • Generates custom images; no stock, no uploads • Builds the site; layout, sections, pricing • Adds features; gallery, booking form, interactions • Writes styling; responsive, clean, animated • Handles logic; menus, forms, smooth UX • Runs it locally; live and testable instantly No dragging blocks. No templates. Just built. This is execution, not assistance. xAI

Mario Nawfal

117,040 görüntüleme • 2 ay önce