{"slug": "grok-build-0-1-website-experiments-round-two", "title": "Grok Build 0.1 Website Experiments: Round Two", "summary": "Kilo Code released eight new websites built with Grok Build 0.1, testing the AI model's ability to handle interactivity, design, and humor in web development. The experiments produced functional sites including a parrot game with speech synthesis, a moon hotel booking page, a Pomodoro timer, and a live weather checker for Tokyo. Grok Build 0.1 successfully implemented complex features like state transitions, API calls, and multi-step forms, demonstrating its capability to generate working code from simple prompts.", "body_md": "# Grok Build 0.1 Website Experiments: Round Two\n\nYesterday, we shared 5 websites we built in [Kilo Code](https://kilo.codes/KjwKK4G) with Grok’s new model: [Grok Build 0.1.](https://x.com/kilocode/status/2057436115175457044)\n\nThe model is pretty good at creating websites from scratch, and people seemed to enjoy the examples, so we decided to put together a follow-up post with 8 new, additional examples.\n\nThis time, we tested how well Grok handles interactivity, design, and humor. We also looked through the source code to see whether and how it actually worked under the hood.\n\n# Let’s play a game of parrots\n\nThe prompt, total cost, and token spend:\n\n**The result:** This was a dark-mode, modern website, and the interactivity all held up. The parrot animated on click, the speech bubble appeared and faded out cleanly, copy-to-clipboard worked with a graceful fallback for older browsers, and the speech synthesis call fired with pitch and rate tweaked to sound parrot-ish.\n\n# A website to book a hotel on the Moon\n\nThe prompt, total cost, and token spend:\n\n**The result: **We got a functional website. Grok also invented the phrase \"view of forever\" for the suites section headline. We didn't ask for it. The model decided a moon hotel needed that. The three-stop gradient (purple, blue, cyan) is clipped to the headline text, layered over a dark space-themed background.\n\n[Try this prompt + the rest in Kilo Code](https://kilo.codes/KjwKK4G)\n\n# An interactive Pomodoro timer\n\nThe prompt, total cost, and token spend:\n\n**The result:** The timer behaved correctly through every state transition. The Pomodoro logic handled the full loop: start, pause, resume, reset, completion chime, and auto-advance to the next phase. The code correctly implements the full Pomodoro loop, including a long break after every fourth focus session\n\n# Beautify a government website\n\nThe prompt, total cost, and token spend:\n\n**The result:** The multi-step workflow worked end to end:\n\nThe five-step form swapped sections cleanly, the progress bar advanced with the step count, and the Continue button correctly switched to \"Submit Application\" and changed color on the last screen.\n\n# Experimenting with old-school interactivity\n\nThe prompt, total cost, and token spend:\n\n**The result: **We got the look we wanted: every interactive piece behaved like a small simulation rather than something static. The CRT effect is doing real work: phosphor glow via text-shadow, repeating scanlines, a sweeping highlight band running top-to-bottom on a CSS animation, a subtle flicker on opacity, and a radial vignette layered on top to fake the screen curvature.\n\n[Try this prompt + the rest in Kilo Code](https://kilo.codes/KjwKK4G)\n\n# A GitHub profile page for Shakespeare\n\nThe prompt, total cost, and token spend:\n\n**The result: **This looked like an actual GitHub page. Follow toggled between the green Follow state and the gray Following state, and the follower count incremented and decremented to match. The sponsor flow opened a modal, let you pick a tier (Bronze Quill, Silver Sonnet, Gold Globe), and swapped its own contents to a thank-you screen on submit.\n\n# Is it raining in Tokyo right now?\n\nThe prompt, total cost, and token spend:\n\n**The result:** We were aiming for functionality here, not design (although the site looked quite decent). The live data fetch worked. The app hit Open-Meteo's free forecast endpoint with the right Tokyo coordinates and a sensible parameter list (weather code, temperature, precipitation, rain, humidity, cloud cover, wind, timezone set to Asia/Tokyo), then mapped the WMO code into three states: heavy rain, light rain, and no rain, with separate icons for each.\n\n# A payment dashboard for a lemonade stand\n\nThe prompt, total cost, and token spend:\n\n**The result:** The site looked modern and pretty much every interactive piece held up.\n\nSidebar navigation switched sections without reload, the Today / 7 days / 30 days buttons recomputed the metrics and rebuilt the Chart.js line graph on the fly, and the status filter pills on the payments view narrowed the table as expected.\n\nYou can run these prompts yourself by installing our [VS Code extension](https://kilo.codes/KjwKK4G) or using the [Kilo CLI](https://kilo.codes/GZLcJXX). For this round of examples, we used the VS Code extension together with the built-in [Agent Manager.](https://kilo.codes/kWX4TrX)", "url": "https://wpnews.pro/news/grok-build-0-1-website-experiments-round-two", "canonical_source": "https://blog.kilo.ai/p/grok-build-01-website-experiments", "published_at": "2026-05-22 17:14:19+00:00", "updated_at": "2026-06-03 13:12:25.295628+00:00", "lang": "en", "topics": ["ai-tools", "generative-ai", "large-language-models", "ai-products", "ai-startups"], "entities": ["Kilo Code", "Grok", "Grok Build 0.1"], "alternates": {"html": "https://wpnews.pro/news/grok-build-0-1-website-experiments-round-two", "markdown": "https://wpnews.pro/news/grok-build-0-1-website-experiments-round-two.md", "text": "https://wpnews.pro/news/grok-build-0-1-website-experiments-round-two.txt", "jsonld": "https://wpnews.pro/news/grok-build-0-1-website-experiments-round-two.jsonld"}}