How to Make Your SuperClaws Assistant Your Web Developer

A non-technical guide for business professionals

Introduction

What if your AI assistant could build your website, deploy it, and keep it updated — all while you focus on running your business? With SuperClaws, that's exactly what happens. This guide walks you through the simple setup process to give your assistant the tools it needs to become your full-time web developer.

You won't need to write a single line of code. You just need two free accounts: GitHub and Render.

Step 1: Create a GitHub Account and Repository

What is GitHub?

Think of GitHub as a cloud-based filing cabinet for your website's files. Every time your assistant makes a change to your website — a new page, a color tweak, a fix — it saves a copy to GitHub.

The magic? GitHub tracks every change ever made. If something goes wrong, you can roll back to any previous version with a single click. It's like having an undo button for your entire website's history.

Why it matters: You'll always have a complete backup, a full history of changes, and the ability to undo anything — no IT department needed.

How to Create Your GitHub Account

1. Go to github.com/signup
2. Enter your email, choose a username, and create a password
3. Verify your email address
4. Choose the Free plan (it's perfect for this)

How to Create a Repository

A repository (or "repo") is where your website's files live.

1. Click the + icon in the top-right corner of GitHub
2. Select New repository
3. Give it a name (e.g., my-company-website)
4. Make sure Public is selected (required for Render's free tier)
5. Check Add a README file
6. Click Create repository

📖 Official GitHub Repository Guide

Step 2: Create a Render Account

What is Render?

Render is a modern cloud hosting platform. Think of it as the place where your website actually lives on the internet — where visitors go when they type in your web address.

Unlike old-school hosting, Render is:

• Simple — deploy in a few clicks, no server management
• Automatic — when your GitHub files change, Render updates your live site automatically
• Secure — free SSL certificates (the padlock icon in browsers)
• Fast — global CDN (Content Delivery Network) means your site loads quickly worldwide
• Affordable — static sites are free; paid plans start at just $7/month

How to Sign Up for Render

1. Go to render.com
2. Click Get Started
3. Sign up with your GitHub account (this automatically connects them!)

📖 Official Render Documentation

Step 3: Connect GitHub to Render

Now you'll tell Render where to find your website files.

Create a New Static Site on Render

1. Log in to your Render Dashboard
2. Click New + in the top-right corner
3. Select Static Site
4. Under Connect a repository, click Connect next to your GitHub account
5. Find and select your repository (e.g., my-company-website)
6. Give your site a name (this becomes your yoursite.onrender.com URL)
7. Set the Branch to main
8. Set Build Command to empty (for a basic static site) or your build command if using a framework
9. Set Publish Directory to public or dist (or root . for simple HTML sites)
10. Click Create Static Site

📖 Official Render Static Sites Guide

📖 Official Render GitHub Integration Guide

Step 4: Give Your Assistant Access to Push Code

For your SuperClaws assistant to write code directly to your GitHub repository, it needs permission. You grant this with a Personal Access Token (PAT).

What is a Personal Access Token?

A PAT is like a special password that your assistant uses to access GitHub on your behalf. It can be limited in scope and easily revoked if needed.

How to Create a Personal Access Token

1. Go to github.com/settings/tokens
2. Click Generate new token → Generate new token (classic)
3. Give it a name (e.g., SuperClaws Web Dev)
4. Set an expiration (recommend 90 days for security)
5. Under Scopes, check:
   • repo (Full control of private repositories)
   • workflow (Update GitHub Action workflows)
6. Click Generate token
7. Copy the token immediately — you won't see it again!
8. Provide this token to your SuperClaws assistant

📖 Official GitHub PAT Guide

Step 5: Ask Your Assistant to Build Your Website

Now for the fun part. Just tell your assistant:

"Build me a website for my company. Ask me questions before you start coding about my company name, what we do, preferred colors, layout, sub-pages, and any other details you need. Then push the code directly to the main branch of my GitHub repository my-company-website."

Your assistant will ask you questions like:

• What's your company name and what do you do?
• What pages do you need? (Home, About, Services, Contact, etc.)
• What are your brand colors?
• Do you have a logo?
• What layout do you prefer? (Modern/minimal, bold/colorful, professional/corporate?)

Once it has everything it needs, it will:

1. Write all the HTML, CSS, and JavaScript files
2. Push them to your GitHub repository
3. Render will automatically detect the changes and deploy your site
4. Your website goes live at yoursite.onrender.com!

Step 6 (Optional): Using Branches and Pull Requests

For more control over changes, you can use Pull Requests (PRs).

What is a Pull Request?

A Pull Request is like a change proposal. Your assistant creates a branch with changes, then asks for your approval before merging them into the live site. Think of it as: "Here's what I want to change — should I go ahead?"

How It Works

1. Your assistant creates a new branch (e.g., add-contact-form)
2. It pushes the changes to that branch
3. It creates a Pull Request on GitHub describing what changed
4. You review the changes in GitHub's visual diff viewer
5. You click Merge to approve, or Close to reject
6. When merged into main, Render automatically deploys the changes

This gives you a review step before anything goes live — perfect for business-critical websites.

Step 7 (Optional): Connecting a Custom Domain

Instead of yoursite.onrender.com, you probably want www.yourcompany.com.

How to Connect Your Custom Domain

1. Buy a domain from a registrar like Namecheap, GoDaddy, or Google Domains
2. In your Render dashboard, go to your static site's Settings
3. Click Add Custom Domain
4. Enter your domain (e.g., www.yourcompany.com)
5. Render will show you DNS records to add
6. Go to your domain registrar's DNS settings
7. Add the CNAME record Render provides (usually: www → yoursite.onrender.com)
8. Wait for DNS propagation (can take up to 48 hours, usually much faster)
9. Render automatically provisions a free SSL certificate

📖 Official Render Custom Domains Guide

Summary: Your Complete Workflow

Quick Links

• Sign up for GitHub
• Sign up for Render
• GitHub Repository Quickstart
• Render Static Sites Documentation
• Render GitHub Integration
• Render Custom Domains
• GitHub Personal Access Tokens

Ready to Get Started?

Talk to your SuperClaws assistant and say: "Help me set up my GitHub and Render accounts so you can build my website."

Your assistant will guide you through every step — and before you know it, you'll have a professional website live on the internet, built and maintained by your AI assistant.

No coding required. No developers to hire. Just results.