I used Gemini to create a web site, here is what occurred

Past the Alphabet

Android Central's LLoyd with a projection with a Google logo

(Picture credit score: Nicholas Sutrich / Android Central)

Beyond the Alphabet is a weekly column that focuses on the tech world each in and out of the confines of Mountain View.

A lot of the mud has settled following Google I/O 2025, and since then, we have been messing round with the varied new options which are obtainable. This, for me not less than, started with Android 16 QPR1, which introduces all the new Materials 3 Expressive design adjustments.

A recurring theme that I observed all through the Keynote was how Google continued stating the number of ways in which Gemini can assist you. Not simply along with your telephones and tablets, however for different duties akin to looking the net with Undertaking Mariner, and even creating full-blown web sites.

Seeing as I can barely even get “Hi there World” to seem appropriately, I figured it may be enjoyable to see what Gemini can do. Because it seems, there’s a fairly large anniversary proper across the nook, as Android Central’s EIC, Shruti Shekar, reminded us that it’s going to have been 20 years since Google purchased Android. So, what higher solution to put Gemini to the take a look at and see what it will possibly give you?

Setting the parameters

The Gemini logo orb hanging from a booth at I/O 2025.

(Picture credit score: Brady Snyder / Android Central)

On one hand, you may simply go all-in and ask Gemini to create a web site, which I did. Nevertheless, Gemini Advanced is not the one model that I’ve at my disposal. As such, I made a decision to arrange a comparability of kinds between the next fashions:

  • Gemini 2.5 Professional Preview
  • Gemini 2.5 Flash Preview by way of Google AI Studio
  • ChatGPT o4-mini-high
  • Claude Sonnet 4

For additional reference, I did not use one thing like LM Studio to run these fashions domestically on my pc. All the things was accomplished proper from Chrome browser tabs on my desktop PC.

With that out of the best way, I began with essentially the most fundamental of prompts: Create a web site in regards to the historical past of Android.

Gemini 2.5 Professional

(Picture credit score: Android Central)

Gemini 2.5 Professional took a couple of seconds, then enabled Canvas, and began writing code for the web site. It even instructed me that “it will likely be a single-page web site,” earlier than rendering the web page in a preview window for me to see.

After the location completed rendering, Gemini supplied a short rationalization as to the way it created the location, together with the frameworks that it used.

Gemini 2.5 Flash Preview

(Picture credit score: Android Central)

Utilizing the identical immediate, I converted to Gemini 2.5 Flash Preview in AI Studio and was supplied with one thing a bit completely different. I fed Gemini the identical immediate, and was taken to a totally completely different dashboard. Nevertheless, it did not take lengthy for me to comprehend that that is primarily a coding studio, as the center pane reveals the structure of varied recordsdata. In the meantime, the pane on the best is the place I watched the code being generated by Gemini.

A couple of minutes later, I got here again to my pc after grabbing some espresso and was met with an error message within the preview window. I’ve no clue what it was attempting to fetch or why, and fortunately, I did not must. Within the Code Assistant panel, there’s a bit button that claims “Auto-fix.” So clearly, I clicked on it and let Gemini repair its personal code.

(Picture credit score: Android Central)

Not solely did it work out what was flawed, but it surely additionally supplied an evidence, together with the mandatory fixes, and simply began updating the code itself. One other minute later, and we had one other single-page timeline with some slightly attention-grabbing picture decisions and transient descriptions.

ChatGPT o4-mini-high

(Picture credit score: Android Central)

I do not know whether or not it was OpenAI or Google that began exhibiting the “thought course of,” however it may be a pleasant contact. Particularly while you’re attempting to make use of these providers to perform a activity that you understand nothing about.

However, ChatGPT took about 40 seconds to determine the way it was going to construction and create the web site. Like Gemini 2.5 Professional, it created a single HTML web page, choosing a timeline view, identical to the others.

(Picture credit score: Android Central)

Whereas writing the code, a separate panel appeared to the left of the chat dialog. However not like the Gemini fashions, ChatGPT did not mechanically present me the preview as soon as the code was created.

As a substitute, there is a “Preview” button within the high proper nook that reveals you what was created when clicked. It is not like it is a huge deal, but it surely’s simply one thing that I observed that was accomplished in another way.

Claude 4 Sonnet

(Picture credit score: Android Central)

Rounding out the pack is Claude 4 Sonnet, which is certainly one of Anthropic’s latest fashions. It adopted swimsuit, identical to the remainder, providing up a single touchdown web page that begins with a timeline. And for some cause, it opted for a lightweight purple background, versus selecting a shade of inexperienced.

At first, I anticipated this to be just about what I’ve seen up to now, however Claude had a shock for me. Under the timeline view have been further sections for “Android by the Numbers” together with “Main Android Variations.”

(Picture credit score: Android Central)

The previous simply reveals varied statistics about market share, energetic units, and so on. However the latter highlighted a couple of of the extra essential Android releases, whereas additionally offering 4 of the largest options for every launch.

Total ideas

The Evolution of Android by Google Gemini

(Picture credit score: Android Central)

Contemplating that I supplied every of those AI chatbots with a easy immediate, I am not likely shocked that it resulted in some fairly fundamental designs. Some are extra complicated than others, however each is only a single static web page.

Going into this, I assumed that this Gemini 2.5 Professional-generated web site can be essentially the most fundamental of the 4, however because it seems, that was the flawed assumption. In reality, if all I wanted (or needed) was a single HTML web page, this may be the one I’d begin with.

It does not begin off with an precise timeline, however begins with neatly organized sections for every timeframe whereas providing thorough descriptions. Scroll previous that, and we’ve got a compressed timeline, together with two extra sections about Android’s impression and “The Horizon.”

Google Gemini Android Timeline website

(Picture credit score: Android Central)

Funnily sufficient, I used to be truly most disillusioned with the Gemini 2.5 Flash Preview mannequin. Gemini 2.5 Flash Preview was the one mannequin that threw again any sort of errors. In fact, this was rapidly remedied with the push of a button, however I sort of really feel prefer it should not have occurred to start with.

By way of design, the award for worst goes to ChatGPT, because it’s about as barebones because it will get.

Go huge or go residence, or simply keep residence

Using Gemini to create a better prompt

(Picture credit score: Android Central)

“You get out what you place in.” That is a phrase that I’ve to always remind myself of each time utilizing LLM fashions. If I solely ask a fundamental query or present a fundamental immediate, I am solely going to get fundamental outcomes, with the uncommon and random overachiever response.

So in order for you one thing extra in-depth and may’t work out the best immediate to enter, let AI do it for you, which is precisely what I did, as I knew that the essential immediate won’t give me the outcomes I needed. And all I requested was, “Create a immediate to make use of if I need to create a web site in regards to the historical past of Android.”

Funnily sufficient, Gemini gave me one thing that appeared just like what the Gemini 2.5 Flash Preview gave me earlier. If you wish to test it out for your self, you’ll be able to see the prompt here, however I then took this detailed “immediate” and ran it by way of all 4 fashions.

For the sake of brevity, I will not undergo every end result, however the gallery of screenshots above reveals the responses. This time round, issues have been only a bit completely different, with Gemini mainly regurgitating the immediate. ChatGPT sort of did the identical, however not less than gave me an HTML snippet for a “Hero Part.” Apart from that, it simply broke down every part additional, which clearly, is not what I hoped for.

Claude Sonnet 4(Picture credit score: Android Central)

Claude took an analogous method to Gemini 2.5 Professional, that includes sections filled with particulars and data. And whereas that is nonetheless only a single web page, it added shortcuts on the high so you’ll be able to soar between sections.

I had excessive hopes for Gemini 2.5 Flash Preview, however after being prompted to depart the web page, it threw one other error that wanted to be fastened. And one other, and one other, and one other, and so on. After clicking the Repair Now button not less than 5 or 6 instances, the web site lastly rendered.

(Picture credit score: Android Central)

It is simply essentially the most in-depth of the bunch, as there are literally a number of pages, versus all the pieces on one. Nevertheless, even the house web page is chock-full of data, even when the inventory photographs are laughably off the mark.

This was actually solely step one

Extra importantly, that is sort of what I had envisioned when setting out on this mission. Partially as a result of that is how my mind operates, but in addition as a result of I am a fan of the “completionist” method to sure web sites.

The kicker about that is that it is actually simply step one. You may’t truly go to any of those web sites that have been created, as you want a number and a site. To not point out that not one of the populated info has been fact-checked. As soon as all of that is accomplished, then I will undergo and change the placeholder photographs all through earlier than pushing the location reside.

Nevertheless, it did assist open my eyes a bit to what’s attainable, even when it is one thing that appears as fundamental as constructing a web site. Oh, and by the best way, maintain your eyes peeled, as a result of we might or might not have one thing particular to share within the very close to future.

Comments

Leave a Reply