Desktop Step 2: Build a Real One-Page Service Site and Put It Online in 60 Minutes

Table of Contents

1. What "something you will actually use" means
2. Step 1: Get your material straight first (20 minutes, the most important step)
3. Step 2: Hand over the task (10 minutes)
4. Step 3: Review it by real standards (15 minutes)
5. Step 4: Go live and get a web address (10 minutes)
6. Today's homework
7. The next step up

In the last post you installed Antigravity and built a countdown web page. That was a toy: something to get a feel for the tool, closed as soon as it was done.

What you build in this post is different. When you finish, you will send the link to a real person.

#What "something you will actually use" means

Three conditions. Miss any one of them and it is still a toy:

1. It has your real details. Your real name, real services, real prices, real contact information.
2. It is on the internet. It has a web address that someone can open on their phone. It does not exist only on your computer.
3. You will use it this week. You already need to explain to someone "who I am, what I do, how to reach me." Now you send them a link instead.

The thing that best meets all three conditions is a one-page service page. Whether you tutor, do design work, sell handmade goods, teach classes or run a small shop, you need this page. And it happens to be the kind of thing AI builds quickly and well in one go.

#Step 1: Get your material straight first (20 minutes, the most important step)

The last post said it already: AI works fast. The slow part is always what you have not thought through.

Open Notepad (or grab a pen and paper) and write down these five items. Write the real thing, not "TBD":

1. Who I am: name (or brand name) + a one-sentence introduction
2. What I offer: 1 to 3 services, one or two sentences each
3. Price: an exact number, "from NT$X" (New Taiwan dollars), or "price discussed after we talk"
4. Why me: one to three reasons (experience, results, portfolio; numbers are best)
5. How to reach me: one channel is enough. LINE ID (Taiwan's most-used messaging app), IG, email: pick the one you actually answer

If you get stuck, you can ask AI about this step itself. Open a chat and ask it: "I work as a [your line of work]. Help me figure out what my service page should include, and ask me about it one item at a time." It will draw your answers out of you through the questions.

#Step 2: Hand over the task (10 minutes)

Open Antigravity's Agent Manager panel and paste in the text below, together with the material you just wrote:

Build me a one-page service web page. Here are the details: (paste your five items). Requirements: it must look good when opened on a phone, with large text. The key point is an obvious contact button at the very bottom that opens my contact method directly when tapped. A clean, professional design is enough, nothing flashy. When you are done, open it in the browser and show me.

Same as last time: it will list a plan first. Spend 30 seconds checking that it understood you correctly, then let it go ahead.

#Step 3: Review it by real standards (15 minutes)

This review is not "looks like it works, good enough." It is the standard for something you will show to people. Check each item:

• Name, price, contact details: every single character is correct (AI sometimes makes up a passage and fills it in, so read it word by word)
• View it once in phone mode: just tell it "open it at phone size and show me"
• Press the contact button and it really goes to your LINE, IG or email (on a computer, clicking a LINE link often does nothing. That is the computer's problem, not yours: only a test on your phone after going live counts)
• Give it a "difficult-customer test": imagine what your pickiest customer would ask, and check whether the page has the answer
• Read the copy out loud. If it does not sound like something you would say, tell it to change it: "Rewrite this part in the way I normally talk: (give one sentence you would really say)"

Three to five rounds of changes is normal. As the last post said, this "look → say → revise" loop is your everyday routine.

#Step 4: Go live and get a web address (10 minutes)

Right now it only exists on your computer. To put it on the internet, use Vercel, which is free:

1. First ask Antigravity: "Which folder are the files for this web page in? Open File Explorer and show it to me."
2. In your browser, go to vercel.com and sign in with your Google account. The sign-up process is in English: fill in your name when it asks, and if it asks you to choose a plan, choose Hobby (the free one). You never need to add a card.
3. Once signed in, type vercel.com/drop straight into the address bar to open the upload page, and drag the whole folder in. It will ask for a project name (labelled Project name): type any few letters, press Deploy, and wait for it to finish.
4. It will give you a web address like https://xxx.vercel.app. Send that address to yourself on LINE, open it on your phone, confirm it looks the same as it did on your computer, and then press the contact button once on your phone: a phone is the real situation for LINE and IG links, and a computer cannot test them reliably.

If you get stuck at any step, take a screenshot of the screen and paste it back into Antigravity to ask. It knows how to handle going live too.

If you want a more complete version later (a custom domain, and making sure Google and AI search can find you), upgrade by following this post: Build your first personal website for free with AI.

#Today's homework

1. Finish the four steps above and get your web address
2. Send the address to a real person: a family member, a friend, or that person who keeps asking what you are working on
3. The first thing they say back is usually the direction for your next round of changes

Step 2 of the homework is the point of this post. Something that has never been seen by anyone stays practice forever.

#The next step up

At this point you have used AI to build something real and put it online, and you did not write a single line of code along the way.

The next step is to move up one level in tools: go into the terminal and use Claude Code. It is the same kind of "agent" tool as Antigravity, but it can do more and is better suited to starting on things with complex features. Continue with this post: Claude Code Hands-On Tutorial (2026).

FAQ

Can I build my own one-page website with Antigravity if I have never written code?

Yes. Follow the four steps in this post: write down your five items of material, paste the task and the material into Antigravity's Agent Manager panel, review the result by the standard of something you will show to people, and put it online with Vercel, which is free. You never write a line of code, and the four steps add up to under an hour.

What should a one-page service page include?

Five items: who you are (name or brand name plus a one-sentence introduction), what you offer (1 to 3 services, one or two sentences each), price (an exact number, 'from NT$X', or 'price discussed after we talk'), why people should choose you (one to three reasons, ideally with numbers), and how to reach you (one channel is enough, the one you actually answer). Write the real thing, not 'TBD'. If you get stuck, ask AI to ask you about it one item at a time.

What should I check before putting an AI-built web page online?

Read the name, price and contact details word by word, because AI sometimes makes up a passage and fills it in. View it once at phone size. Make sure the contact button really goes to your LINE, IG or email. Run a difficult-customer test: imagine what your pickiest customer would ask and check whether the page answers it. Then read the copy out loud, and if it does not sound like something you would say, tell it to rewrite it.

How do I put a web page made with Antigravity online for free?

Ask Antigravity which folder the page's files are in, then go to vercel.com and sign in with your Google account. If it asks you to choose a plan, choose Hobby (the free one); you never need to add a card. Once signed in, open vercel.com/drop, drag the whole folder in, type any few letters as the project name and press Deploy. You get a web address like https://xxx.vercel.app.

Why does the LINE contact button on my web page do nothing when I click it on a computer?

On a computer, clicking a LINE link often does nothing. That is the computer's problem, not yours. A phone is the real situation for LINE and IG links, so after going live, send the address to your phone and press the contact button there. Only that test counts.