Use AI to Start Building

Skip the code—start with words. Describe what you want in plain language, and AI brings it to life.

Think of AI as your building partner: you share the vision, it generates the structure, and together you refine until it shines.

• you describe the idea
• AI generates the structure
• you review and improve
• you keep iterating

One clear idea is all you need. Know what you want before you prompt.

For this guide, we're building a personal branding website—your own corner of the web.

Here's the plan:

• homepage
• about section
• projects section
• contact section

No need for perfect prompts. Simple, clear instructions work great.

Try these:

• Build a simple personal branding website
• Add a homepage, about section, projects section, and contact section
• Keep the design clean and modern
• Make it mobile-friendly

Hit Cmd+I (Mac) or Ctrl+I (Windows) to open the Agent panel. Type your prompt, paste it, or even drag in a screenshot—the AI is ready.

Copy this prompt to get started (click Next.js, React, or Vercel to learn more):

Watch as the AI creates files, pages, and layout in seconds.

Time to see it live. Once the AI generates your project, run it and watch your website appear in the browser.

Ask the AI to start the dev server, or run the command yourself—either way works.

Prompt to try:

Start the development server so I can view the website at localhost.

Or run this in the terminal from your project folder:

npm run dev

Open http://localhost:3000 in your browser—there it is.

Hit a snag? Copy the error or screenshot it and share with the Cursor agent. The AI will help you fix it.

Done beats perfect. Your first version just needs to exist—you can polish it later.

Once it's running, you can refine it anytime:

• update text
• improve layout
• adjust colors
• add sections
• fix small issues

Example prompt to change colors:

Change the color scheme to a dark theme with blue accents.

When your project is ready, you can deploy it with Vercel so it can be accessed online.

A common workflow is:

Vercel usually connects to your GitHub repository and deploys the site from there.

Prompt to try

Help me deploy this project to Vercel.

Use GitHub as the repository source.
Walk me through:
1. creating or connecting the GitHub repository
2. importing the project into Vercel
3. deploying the site
4. explaining how future updates can be redeployed

Keep the steps simple and beginner friendly.

This process gives your project a public URL that you can open and share.

You did it. You built and deployed a website—with AI by your side. That's something to be proud of.

AI generates the code—you steer the ship. You decide what to build, what to keep, what to change, and how your website grows.