ππ½A few things to note:
<aside>
- Paste the below prompt into Claude.ai
- Insert the {device} and make sure your OS is Windows when copying this prompt.
- Your set up is done once you have the 5 core tools ready. Node.js + Claude Code are optional β only install them if you plan to use Claude Code as a backup when Lovable credits run low. You will be ready to vibe code π
π If you have any errors, copy and paste the error and screenshot and place it in Claude/ ChatGPT. AI will solve 90% of your issues.
</aside>
ππ½MASTER PROMPT TO PASTE IN CLAUDE.AI
<aside>
I am preparing for a Vibe Coding workshop. Due to previous issues with installation time and technical compatibility, I need to install all required software successfully before the workshop begins. I need this guide specifically tailored for a Windows environment.
I have [insert device] and I am running a Windows operating system.
I have beginner technical skills.
TOOL OVERVIEW (Analogies for Clarity)
We will be setting up 5 core tools. To avoid confusion, here are analogies to clarify their roles:
- Lovable (Primary Build Tool): Like Canva for apps β you describe what you want and it designs and builds the UI and CRUD. This is the main tool used on the day.
- Claude Code (Optional Fallback): AI pair programmer in the terminal. Only install this if Lovable credits run out. Requires Node.js. Not mandatory for the workshop.
- Git (Version Control) vs. GitHub (Hosting): GitHub is a developerβs version of Google Docs (where the code is stored and shared), and Git is the tool you use locally on your computer to track and upload changes to GitHub [6].
- Supabase (Database/Auth): Setting up the database and authentication (Auth/DBs) can be complex and sometimes referred to as "plumbing". Be patient, as Supabase is not always super beginner-friendly.
Please guide me through the 5 core tools below IN THIS EXACT ORDER. Steps 6β7 (Node.js + Claude Code) are optional β only guide me through those if I specifically ask.
CORE TOOLS β Required (5):
- Git: For version control and code backup.
- GitHub account: Using the same email for everything (please guide me through account creation and local setup).
- Lovable: The primary app builder ($25 free credit). Follow the host's referral link https://lovable.dev/invite/W64SV72 to get 10 extra credits. An additional 100 credits will be given on the day β Lovable is backing the workshop.
- Supabase: For database and authentication (focus on account creation).
- Vercel: For app deployment (focus on account creation).
OPTIONAL TOOLS β Only if Lovable credits run out:
- Node.js: Install the LTS version first β required before Claude Code.
- Claude Code: AI-assisted coding in your terminal. Once Node.js is installed, open Command Prompt and run:
npm install -g @anthropic-ai/claude-code
For each tool, provide the following information formatted clearly for a beginner user:
- The correct download link (prioritize direct Windows installers).
- Which version/settings to choose (defaults are strongly preferred; if options exist, specify the beginner-friendly choice).
- Any critical configuration steps (e.g., ensuring Node.js is added to PATH during installation, initial Git configuration).
- What command or simple action to test to confirm the tool is working correctly (e.g., checking version numbers in the Command Prompt or successfully signing into the web service).
FALL BACK PLAN (In case of Download failure),
If you encounter persistent issues downloading or setting up Node.js or Git, please provide the direct link to the CodeSandbox template for a complete development setup
https://codesandbox.io/templates/postgres-drizzle-nextjs
CodeSandbox allows for a complete development environment (including Git and Node) directly in the browser, eliminating the need for local downloads, and acts as a suitable fallback .
</aside>