ai-website-deployment | superpowers | ClaudePluginHub

Skill

ai-website-deployment

From superpowers

Deploys AI-generated static websites to Netlify via manual drag-and-drop or GitHub integration. Use for hosting sites, obtaining live URLs, or publishing Anti-Gravity projects.

$

npx claudepluginhub lunartech-x/superpowers --plugin superpowers

Tool Access

This skill uses the workspace's default tool permissions.

Preview

Deploy Anti-Gravity generated websites to Netlify for free hosting.

SKILL.md

Similar Skills

AI Website Deployment

13

Deploys AI-generated websites to Vercel, Netlify, Cloudflare Pages, or GitHub Pages using CLI workflows, framework configs for Next.js and Vite, env vars, and custom domains.

openai-netlify-deploy

220

Deploys web projects to Netlify using Netlify CLI. Handles authentication, site linking or creation via Git remote, and production/preview deployments.

3 files6 tools

openai-netlify-deploy

netlify-deploy

16

Deploys web projects to Netlify using Netlify CLI. Manages authentication, project detection, site linking/creation, and production/preview deploys on deploy/host/publish requests.

3 files

Stats

Stars13

Forks2

Last CommitMar 29, 2026

Actions

View Source View Plugin View on GitHub View README

Tags

netlify-deployment

static-site-hosting

ai-website-deploy

github-integration

antigravity-projects

Help us improve

Share bugs, ideas, or general feedback.

AI Website Deployment

Deploy Anti-Gravity generated websites to Netlify for free hosting.

When to use this skill

User wants to deploy a website
User needs a live URL for their project
User mentions Netlify or hosting
User wants to share their Anti-Gravity project

Deployment Methods

Method 1: Manual Deploy (Quick)

Best for one-time deployments or demos.

Method 2: GitHub Integration (Continuous)

Best for ongoing projects with version control.

Method 1: Manual Deploy Workflow

Phase 1: Build the Project

Open Anti-Gravity terminal
Run npm run build
Locate the out folder (or dist/.next)

Phase 2: Deploy to Netlify

Terminal Commands

Build Static Export (Next.js)

npm run build

Note: For static export to work, ensure next.config.js has:
output: 'export'

Locate Build Output

The output folder is typically:

Next.js: out/ or .next/
Vite: dist/
Create React App: build/

Netlify Manual Deploy Steps

Go to app.netlify.com
Click "Add new site"
Select "Deploy manually"
Drag and drop your build folder
Wait for deployment (usually < 1 minute)
Copy the URL (format: random-name.netlify.app)

Setting Custom Domain

After deployment:

Go to Site settings → Domain management
Click "Add custom domain"
Follow DNS configuration instructions

Method 2: GitHub Integration

Setup

Push project to GitHub repository
Connect Netlify to GitHub
Select repository
Configure build settings:
- Build command: npm run build
- Publish directory: out

Benefits

Automatic deploys on git push
Preview deployments for PRs
Rollback capabilities

Common Issues

"Build Failed" Error

Ensure static export is configured:

// next.config.js
module.exports = {
  output: 'export',
  images: {
    unoptimized: true
  }
}

Images Not Loading

For static export, ensure images are in /public/ folder and referenced with absolute paths.

Large File Size

Compress images before build
Remove unused dependencies
Check for accidentally included videos

Alternative Hosting

Platform	Free Tier	Best For
Netlify	Yes	Static sites
Vercel	Yes	Next.js apps
GitHub Pages	Yes	Simple HTML
Cloudflare Pages	Yes	Edge performance

Quick Deploy Checklist

- [ ] Build succeeds locally
- [ ] `out/` folder exists
- [ ] Images load correctly
- [ ] No console errors
- [ ] Mobile responsive
- [ ] Drag to Netlify
- [ ] Test live URL

Resources