VentureStudio Workshop · aidev.venturestudioindia.com

AI-Powered Website Building
with Astro.

A prompt-first class: turn a folder of company assets into a fast, mobile-ready website — built by an AI coding agent, reviewed by you, and deployed live on Vercel. No manual scaffolding. Just briefing, supervising, and shipping.

Open the course → Download deck (.pptx)
VentureStudio · AI Web Dev Workshop2026
02 The class goal

Compile. Prompt. Review. Deploy.

You build by directing an AI agent — turning a prepared folder of assets into a static Astro site, then reviewing and launching the result. Four beats, start to finish.

1

Compile

Gather your assets into one clean folder — logo, photos, copy, links, inspiration.

→
2

Prompt

Brief the AI step by step: understand, design, plan, then build.

→
3

Review

Run it locally, screenshot issues, iterate with the agent until it's right.

→
4

Deploy

Push to GitHub, deploy on Vercel, connect a domain, go live.

The class is not about hand-scaffolding Astro. It is about briefing, supervising, testing, and iterating with the AI.

VentureStudio · AI Web Dev WorkshopThe goal
03 What this workshop is

You don't learn to scaffold.
You learn to direct.

The agent runs the setup and build commands. Your skill is the brief and the review — knowing what to ask for, and catching what's wrong.

  • No manual scaffolding lesson — the AI agent runs setup and build steps.
  • You learn prompting and review, not framework syntax.
  • Every prompt produces a reviewable output you approve before moving on.
  • The final site goes live on Vercel with a custom domain.

Get stuck? Screenshot the problem, paste it to your AI, and ask for the fix. That loop is the whole skill.

VentureStudio · AI Web Dev WorkshopWhat it is
04 Tools & accounts

Lightweight setup. The agent does the heavy lifting.

Required

  • Node.js — runs the dev server & Astro toolchain
  • Git — version control
  • Homebrew — package installer (macOS)
  • GitHub account — hosts your repo, connects to Vercel
  • Vercel account — free hosting + custom domain
  • Razorpay / PayPal — only if you take payments

Nice to have

  • A paid AI plan — Gemini Pro, Claude, or ChatGPT (avoids token limits)
  • An agentic IDE — Claude Code or Antigravity
  • VS Code — reliable backup editor
  • A domain provider — GoDaddy or similar
  • Resend — free email API for forms
  • A prepared assets folder — done before class

Everything required has a free tier. You can install each tool by Googling, or ask your AI to walk you through it.

VentureStudio · AI Web Dev WorkshopTools
05 Your toolkit

The AI is interchangeable. Use what you pay for.

Each chat model pairs with an agentic IDE that runs commands on your machine. Pick one lane and stay in it.

Anthropic
Claude→Claude Code

The chat model and its terminal-native agent.

Google
Gemini→Antigravity

Gemini Pro driving Google's agentic IDE.

OpenAI
ChatGPT→Codex

ChatGPT with OpenAI's coding agent.

VS Code, Cursor, and Windsurf also work as the editor. The workflow and prompts are the same whichever you choose.

VentureStudio · AI Web Dev WorkshopPick your AI
06 The human task

Prepare your asset folder.

This is the main human task before the AI starts. Collect everything it will turn into your site:

  • Logo, team, product & hero photos
  • Videos and YouTube links
  • PPTX, pitch decks, PDFs
  • Google Business details
  • Booking & listing pages
  • Instagram, LinkedIn, WhatsApp
  • Booking / payment links
  • Design inspiration
Suggested structure
company-assets/
  content/
    about.md
    services.md
    team.md
    locations.md
    faq.md
  images/
  videos/
  docs/
  listings/
  design/
  inspiration/
  links.md

Already have a website? Point the AI at it and have it scrape everything into this structure for you.

VentureStudio · AI Web Dev WorkshopAsset folder
07 The prompt flow

Seven prompts.
Each one a reviewable step.

Don't jump to "build a site." Make the AI understand, design, and plan first — then build, review, and deploy.

01Analyze the businessknowledge-base.md
02Create the design systemdesign.md
03Create the build planimplementation-plan.md
04Build the websiteAstro site
05Review & fix locallyscreenshots
06SEO, OG & integrationslaunch ready
07Deploy & finalizeVercel + domain
The workshop flow — how every tool connects, from assets to a live site
The blueprint: how assets, the AI workspace, Astro, GitHub and Vercel connect into one workflow.
VentureStudio · AI Web Dev WorkshopThe blueprint
08 Prompt 1 · Analyze the business

First, make the AI understand you.

Copy-paste prompt
We are creating a website for [COMPANY].

Use the provided company-assets folder. The site will be
built with Astro and deployed on Vercel through GitHub.

GitHub username: [ ]
GitHub email: [ ]
Repo URL: [ ]

Do not build yet. Analyze all assets and create
knowledge-base.md with: identity, offerings, audience,
tone, locations, CTAs, booking/payment links, social
links, and missing content questions.

Point the AI at your folder and have it read everything, then write a knowledge base. Don't let it build yet.

Review & approve

✓knowledge-base.md is created and accurate
✓You answered its missing-content questions
✓Assumptions are explicit and approved
✓Audience and CTAs are clear
VentureStudio · AI Web Dev WorkshopPrompt 1
09 Prompt 2 · Create the design system

Turn brand assets into written rules.

Copy-paste prompt
Using knowledge-base.md and the design/inspiration
assets, create design.md.

Include colors, typography, spacing, buttons, cards,
icons, shapes, image treatment, hero layout, section
style, mega menu direction, footer style, animations,
accessibility, and mobile rules.

Make the design premium, fast, and practical for an
Astro static website.

design.md becomes the single source of truth the AI re-reads for everything it builds next — which also cuts token usage.

Review & approve

✓design.md is created
✓Mobile padding rules are defined
✓Section style & navigation direction set
✓Accessibility basics are covered
VentureStudio · AI Web Dev WorkshopPrompt 2
10 Prompt 3 · Create the build plan

Make it plan before it codes.

Copy-paste prompt
Create implementation-plan.md for the Astro website.

Use knowledge-base.md and design.md. Plan pages, routes,
content structure, components, mega menu, footer, SEO
metadata, Open Graph, sitemap, robots.txt, analytics,
booking/payment links, and optional Resend forms.

Do not code yet. List the files you will create or
edit.

A plan keeps the agent on track and gives you a checklist to approve — including the exact files it will touch.

Review & approve

✓implementation-plan.md is created
✓Page & component list looks right
✓SEO / social & integration plan included
✓The list of files to create is clear
VentureStudio · AI Web Dev WorkshopPrompt 3
11 Prompt 4 · Build the website

Now the agent can build. You supervise.

Copy-paste prompt
Proceed with the implementation plan.

Create the Astro project, add required dependencies,
set up folders, and build the site from the assets and
Markdown content.

Include responsive pages, mega menu, footer, social
links, CTAs, booking links, and optional payment links.
Prioritize small-screen mobile layout, including
Samsung S23 FE.

After coding, explain how to run locally.

Scaffolding = the agent runs terminal commands to create the project. Keep a human in the loop, and back up your folder first.

Review & approve

✓The AI runs the setup commands itself
✓Local preview opens (npm install → dev)
✓Core pages exist; mobile layout works
✓You reviewed changes, not blindly accepted
VentureStudio · AI Web Dev WorkshopPrompt 4
12 Prompt 5 · Review & fix locally

Screenshots in. Targeted fixes out.

Copy-paste prompt
I reviewed the local site. Please fix these issues
only:

[PASTE SCREENSHOTS OR NOTES]

Also audit mobile spacing, header/mega menu, images,
broken links, CTAs, accessibility, and visual
consistency with design.md.

Make targeted fixes and summarize what changed.

Make one change at a time when starting out. Check desktop and mobile (DevTools device toolbar). Use screenshots as evidence.

Review & approve

✓Checked on both desktop and mobile
✓Clicked every link
✓Used screenshots as evidence
✓Repeated the fix loop until ready
VentureStudio · AI Web Dev WorkshopPrompt 5
13 Prompt 6 · SEO, Open Graph & integrations

Add launch essentials — without overbuilding.

Copy-paste prompt
Add launch essentials.

Set up SEO titles, meta descriptions, canonical
placeholder, Open Graph tags, Twitter cards, favicon,
sitemap.xml, robots.txt, and structured metadata where
relevant.

Add booking, WhatsApp, Razorpay, PayPal, or Resend only
if relevant. Keep the site static-first and document any
environment variables.

Open Graph is the preview image, title, and description shown when your link is shared on WhatsApp, LinkedIn, or anywhere.

Review & approve

✓SEO basics added
✓OG image ready (about 1200 × 630)
✓Booking / payment links tested
✓No unnecessary complexity added
VentureStudio · AI Web Dev WorkshopPrompt 6
14 Prompt 7 · Deploy & finalize

Push, connect, point the domain, go live.

Copy-paste prompt
Prepare for launch.

Commit and push to main. Help me connect the GitHub repo
to Vercel and fix build errors.

Then guide custom domain setup for [DOMAIN PROVIDER],
update canonical and Open Graph URLs, add GA4 Measurement
ID [G-XXXX], verify Search Console, submit sitemap, and
run final production checks.

Vercel hosts the static site free; a DNS A record + CNAME points your domain and it auto-issues SSL. Search Console + a sitemap get you indexed.

Review & approve

✓Vercel live URL works
✓Custom domain + SSL active
✓GA4 real-time verified
✓Search Console verified; sitemap submitted
VentureStudio · AI Web Dev WorkshopPrompt 7
15 What you walk away with

Everything you should have by the end.

✓Company asset folder
✓knowledge-base.md
✓design.md
✓implementation-plan.md
✓Working, mobile-responsive Astro site
✓Mega menu and CTAs
✓SEO + Open Graph
✓Optional booking / payment links
✓GitHub repo + Vercel deployment
✓Custom domain connected
✓GA4 analytics set up
✓Google Search Console set up

After launch: share the site naturally, ask real users for feedback, publish useful updates, and watch GA4 + Search Console.

VentureStudio · AI Web Dev WorkshopDeliverables
The instructor

Now go build yours.

This workshop is taught by Jeremy Fritzhand, CEO of VentureStudio at Ahmedabad University — a startup studio that has supported 186+ ventures and managed ₹23+ Cr in grant funding. He built this class to put the same prompt-first workflow his team uses into anyone's hands.

Jeremy Fritzhand
Jeremy Fritzhand
CEO · VentureStudio, Ahmedabad University
Open the course → Download deck (.pptx)
fritzhand.com
Jeremy Fritzhand · CEO, VentureStudioaidev.venturestudioindia.com
01 / 16
← → navigate · T theme