Claude Code + Higgsfield = 100+ AI videos in minutes.
The exact setup walkthrough — Node.js, Claude Code, Playwright MCP and the Higgsfield skills pack — built for Gulf SMEs with zero dev background. Wire it up once, then type a single command and Claude generates UGC ad videos for TikTok, Instagram Reels, YouTube Shorts and Meta — automatically. Every command on this page is copy-paste ready for Mac and Windows.
Watch the full walkthrough
What you need
Mac or Windows PC
Works on macOS 12+ or Windows 10/11. Both paths are covered below.
RequiredVS Code or Cursor
Free code editors. Cursor has Claude built-in — recommended for beginners. cursor.com or code.visualstudio.com.
Free downloadChrome browser
Playwright automation uses Chrome to drive Higgsfield. Must be installed before setup. google.com/chrome.
Free downloadHiggsfield account
Sign up at higgsfield.ai — 30 free credits on signup. Paid plans unlock bulk UGC generation.
Account neededNode.js
The engine that runs Claude Code and Playwright. We install this in Step 1 below — nothing to do now.
We install belowClaude Code (CLI)
Anthropic's command-line AI agent — installed via npm in Step 2. Needs an Anthropic account or API key.
We install belowHow it all connects
Full setup — step by step
Step 1 — Install Node.js
Node.js powers everything. Pick your OS:
# 1a — Install Homebrew (Mac package manager)
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
# 1b — Install Node.js
brew install node
# 1c — Verify both (should show version numbers)
node --version
npm --version# 1a — Install Chocolatey (Windows package manager)
Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://community.chocolatey.org/install.ps1'))
# 1b — Install Node.js
choco install nodejs -y
# 1c — Restart PowerShell, then verify
node --version
npm --versionnode --version you'll see something like v22.x.x. If you see that — you're good.Step 2 — Install Claude Code (CLI)
The AI agent you'll type commands into. Works on Mac Terminal and Windows PowerShell.
# Install Claude Code globally
npm install -g @anthropic-ai/claude-code
# Verify installation
claude --version
# Launch (you'll be asked to login)
claudeAPI-key method: alternatively set
ANTHROPIC_API_KEY=your_key_here as an environment variable — get your key at console.anthropic.com.Step 3 — Install Playwright MCP (browser automation)
Playwright lets Claude Code control Chrome to automate Higgsfield. Add it as an MCP server inside Claude Code.
# Add Playwright MCP to Claude Code
claude mcp add playwright npx @playwright/mcp@latest
# Verify it was added
claude mcp listplaywright in claude mcp list. Chrome must be installed first — get it at google.com/chrome.Step 4 — Create your Higgsfield account + API key
Higgsfield.ai generates your UGC videos. Sign up, verify your email, then grab your API key.
- Go to higgsfield.ai → click Sign Up → use Google or email.
- Click your profile icon (top-right) → Settings → API Keys → Generate New Key.
- Copy the key — it starts with
hf_. Save it; you'll only see it once.
# Mac / Linux (add to ~/.zshrc or ~/.bash_profile)
export HIGGSFIELD_API_KEY="hf_your_key_here"
# Windows PowerShell
$env:HIGGSFIELD_API_KEY="hf_your_key_here"Step 5 — Install the Higgsfield skills pack
The skills pack gives Claude 19 slash commands (like /ugc-video-auto) that automate the entire video pipeline.
# Create your project folder
mkdir higgsfield-ugc && cd higgsfield-ugc
# Clone the Higgsfield skills pack
git clone https://github.com/AKCodez/higgsfield-claude-skills /tmp/hf-skills
# Copy skills into Claude Code's skills folder
cp -r /tmp/hf-skills/* ~/.claude/skills/
# Windows PowerShell version
xcopy /E /I C:\temp\hf-skills $env:USERPROFILE\.claude\skills\claude in your project folder, type / and you should see /ugc-video-auto, /higgsfield-image-auto and 17 other commands appear.Step 6 — Generate your first UGC video
Everything is ready. Type a single command in Claude Code and watch it build a UGC video automatically.
# Launch Claude Code in your project folder
claude
# Then type this command inside Claude:
/ugc-video-auto Create a UGC ad video with an attractive lifestyle person promoting my perfume brand for Dubai Instagram
# What Claude does next (automated):
# 1. Generates a UGC character image via Higgsfield
# 2. Launches Chrome via Playwright
# 3. Logs into higgsfield.ai
# 4. Submits the video prompt
# 5. Downloads the finished videoprompts.txt with one prompt per line, then run /ugc-video-auto --batch prompts.txt.Troubleshooting — top 5 fixes
- "command not found: claude" — close and reopen the terminal, then run
npm install -g @anthropic-ai/claude-codeagain. - Playwright can't find Chrome — run
npx playwright install chromiumto install the bundled browser. - Higgsfield login fails — make sure your API key is set. Check with
echo $HIGGSFIELD_API_KEY(Mac) or$env:HIGGSFIELD_API_KEY(Windows). - Claude won't launch / auth error — run
claude auth logoutthenclaude auth loginto re-authenticate. - Skills not showing — make sure you copied the skill folders (not just the README) into
~/.claude/skills/.
Your launch checklist
Want this done for you?
Aziz sets this up for Gulf SMEs — perfume brands, fashion, food & grooming — with halal-appropriate UGC characters and Arabic-ready prompts.
Tools & references
- Reference walkthrough · "Claude Code + Higgsfield = Viral AI UGC (using one skill)" — Alex Robinson (YouTube)
- Higgsfield skills pack · github.com/AKCodez/higgsfield-claude-skills
- Higgsfield · higgsfield.ai · Higgsfield MCP
- Claude Code · claude.com/product/claude-code
- Playwright MCP · github.com/microsoft/playwright-mcp
- Make videos free with Remotion · the Claude Code + Remotion SOP on this site