Step 1 of 2 • Visual Setup Tutorial

Step 1: Install Google Antigravity & Enable 10-Second 'Knowledge Work' Non-Coder Mode

Google Antigravity is Google's official free AI agent application for Windows and macOS. You do not need to be a developer, touch a terminal, or understand Git. With 3 simple clicks inside Antigravity's settings, you transform the workspace into a clean, distraction-free visual storefront studio: plain English Chat on the Left and a Live Visual Preview Canvas on the Right.

Retina Studio Walkthrough • 10-Second Setup (Settings → General → Knowledge Work)
Zero Code Screens Required

The 3 Clicks for Non-Technical Store Owners (Settings → General)

Once Google Antigravity is installed and open, click the gear icon in the lower-left corner (or press Ctrl + ,) to open Settings, click General, and make these 3 quick selections:

Interface Layout → Select Knowledge Work

Hides 100% of developer coding panels (no Git branches, no terminal clutter, no code diffs)—leaving a clean "Chat on the Left + Visual Preview Canvas on the Right" studio for non-technical Shopify store owners.

  • Removes git commit bars and code inspection panels.
  • Opens the Right-Pane Canvas for full-color HTML product previews.
  • Leaves plain-text conversational chat on the left for instructions.

Permissions → This Computer → Select Turbo

Eliminates repetitive confirmation popups during automated 10-SKU and 10-Blog runs. Your assistant can generate WebP visuals, compile product cards, and inspect catalog assets smoothly.

  • Eliminates clicking "Allow" on every file edit or image generation.
  • Keeps batch operations moving autonomously without human babysitting.
  • All actions remain 100% confined to your approved local workspace folder.

Voice Mode → Powered by Gemini Live (Optional)

Talk to your OCTOshopX JARVIS Store Director hands-free! Discuss catalog merchandising, brainstorm 10-blog topical clusters, and review visual drafts in natural spoken conversation.

  • Direct voice conversations with zero typing required.
  • Instantly interrupts or redirects your assistant mid-sentence.
  • Ideal for reviewing storefront previews while on mobile or multitasking.
Your New Studio Workspace

How the Studio Works Once Configured

With Knowledge Work mode enabled, your daily workflow is simple:

  1. Left Pane (Chat): Type what you want in plain English (or paste a competitor URL/screenshot): "Make over this product page" or "Build a 10-blog cluster for my winter collection."
  2. Right Pane (Visual Canvas): Watch full-color live previews render automatically—showing your 5–10 under-100KB WebP visuals, comparison tables, and FAQ accordions before anything is published to your live Shopify store.
  3. 1-2-Auto Approval: Review Page #1 and Page #2 to calibrate tone and style. Once approved, let the engine compile the remaining pages automatically.
Knowledge Work studio layout showing chat and visual preview canvas
Knowledge Work layout: Chat on the Left + Visual Preview Canvas on the Right
Step 2 of 2

Next: Connect Your Shopify Store in 60 Seconds

Now that Google Antigravity is set up with a clean non-coder layout, the second and final step is linking your store with your private Shopify Client ID and Client Secret. It takes 60 seconds, costs $0, and your credentials stay 100% on your local PC.