<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: Max</title>
    <description>The latest articles on Forem by Max (@max_65b37b69a1411997053b3).</description>
    <link>https://forem.com/max_65b37b69a1411997053b3</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3853107%2F648a06ef-63a3-47e4-acd8-fe003791ddb9.png</url>
      <title>Forem: Max</title>
      <link>https://forem.com/max_65b37b69a1411997053b3</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/max_65b37b69a1411997053b3"/>
    <language>en</language>
    <item>
      <title>Build an AI Coding Bot That Fixes GitHub Issues While You Sleep</title>
      <dc:creator>Max</dc:creator>
      <pubDate>Mon, 06 Apr 2026 09:10:58 +0000</pubDate>
      <link>https://forem.com/max_65b37b69a1411997053b3/build-an-ai-coding-bot-that-fixes-github-issues-while-you-sleep-46p5</link>
      <guid>https://forem.com/max_65b37b69a1411997053b3/build-an-ai-coding-bot-that-fixes-github-issues-while-you-sleep-46p5</guid>
      <description>&lt;p&gt;Every morning, you open GitHub to a list of issues. Bug reports, small features, refactoring tasks. You triage, assign, context-switch, and by 3 PM you have written maybe 200 lines of actual code.&lt;/p&gt;

&lt;p&gt;What if half those issues were already fixed — with tests passing and a PR waiting for your review?&lt;/p&gt;

&lt;p&gt;That is exactly what an async SWE coding bot does. It monitors your repo, picks up labeled issues, writes code, runs tests, and submits pull requests. You stay in the loop as the reviewer, not the typist.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Problem: Context Switching Is Killing Your Output
&lt;/h2&gt;

&lt;p&gt;Studies show developers lose 23 minutes every time they context-switch. If you handle 8 issues a day, that is over 3 hours lost just getting back into flow. The actual coding might take 30 minutes per issue — but the overhead makes it feel like a full day.&lt;/p&gt;

&lt;p&gt;The bottleneck is not writing code. It is the decision-making loop: read the issue, understand the context, find the relevant files, write the fix, test it, push it. Most of that is mechanical.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Solution: An Autonomous Coding Agent in Your CI Pipeline
&lt;/h2&gt;

&lt;p&gt;Here is how to build a bot that handles the mechanical parts while you focus on architecture and product decisions.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 1: Set Up Issue Labeling
&lt;/h3&gt;

&lt;p&gt;Create a label in your GitHub repo called &lt;code&gt;ai-fix&lt;/code&gt;. This is your trigger. When you (or your team) triages an issue and decides it is suitable for automated fixing, slap the label on it.&lt;/p&gt;

&lt;p&gt;Good candidates for &lt;code&gt;ai-fix&lt;/code&gt;:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Bug fixes with clear reproduction steps&lt;/li&gt;
&lt;li&gt;"Change X to Y" refactoring tasks&lt;/li&gt;
&lt;li&gt;Adding tests for existing functionality&lt;/li&gt;
&lt;li&gt;Documentation updates&lt;/li&gt;
&lt;li&gt;Simple feature additions with clear specs&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Step 2: Configure the Agent Workflow
&lt;/h3&gt;

&lt;p&gt;The bot watches for the &lt;code&gt;ai-fix&lt;/code&gt; label via GitHub webhooks. When triggered, it:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Reads the issue&lt;/strong&gt; — title, body, comments, linked PRs&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Clones the repo&lt;/strong&gt; into an isolated environment&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Analyzes the codebase&lt;/strong&gt; — finds relevant files using semantic search&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Writes the fix&lt;/strong&gt; — generates code changes based on the issue description&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Runs your test suite&lt;/strong&gt; — ensures nothing breaks&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Submits a PR&lt;/strong&gt; — with a clear description linking back to the issue&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  Step 3: Add Human Review Guardrails
&lt;/h3&gt;

&lt;p&gt;This is critical. The bot should never merge its own PRs. Every change goes through your normal review process:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;PR description includes the reasoning and approach taken&lt;/li&gt;
&lt;li&gt;CI runs automatically (linting, tests, type checks)&lt;/li&gt;
&lt;li&gt;A human reviewer approves or requests changes&lt;/li&gt;
&lt;li&gt;The bot can iterate based on review comments&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;This keeps the quality bar high while eliminating the initial coding effort.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 4: Scale With Parallel Execution
&lt;/h3&gt;

&lt;p&gt;Once the basic loop works, the real power kicks in. The bot can work on multiple issues simultaneously — each in its own branch and isolated environment. While you review PR #1, the bot is already working on issues #2 through #5.&lt;/p&gt;

&lt;p&gt;A team of 4 developers with this setup can effectively output the work of 6-7, without burning out or hiring.&lt;/p&gt;

&lt;h2&gt;
  
  
  Real Results
&lt;/h2&gt;

&lt;p&gt;Teams using this pattern report:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;40-60% reduction&lt;/strong&gt; in time-to-fix for routine issues&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;3x more PRs&lt;/strong&gt; merged per week&lt;/li&gt;
&lt;li&gt;Developers spending &lt;strong&gt;more time on design and architecture&lt;/strong&gt; (the high-value work)&lt;/li&gt;
&lt;li&gt;Faster onboarding — new team members see AI-generated PRs as learning examples&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Getting Started
&lt;/h2&gt;

&lt;p&gt;The full implementation guide walks you through setting up the GitHub webhook, configuring the AI agent with proper codebase context, writing the test-and-submit pipeline, and adding safety rails.&lt;/p&gt;

&lt;p&gt;👉 &lt;a href="https://terminalskills.io/use-cases/build-async-swe-coding-bot" rel="noopener noreferrer"&gt;Read the complete guide on Terminal Skills&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Related Resources
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://terminalskills.io/use-cases/build-multi-agent-claude-code-team" rel="noopener noreferrer"&gt;Build a Multi-Agent Claude Code Team&lt;/a&gt; — run multiple AI agents in parallel for even faster development&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://terminalskills.io/use-cases/build-parallel-ai-agent-workflow" rel="noopener noreferrer"&gt;Build Parallel AI Agent Workflows with Git Worktrees&lt;/a&gt; — use Worktrunk to manage concurrent agent branches without conflicts&lt;/li&gt;
&lt;/ul&gt;




&lt;p&gt;The shift is not about replacing developers. It is about eliminating the repetitive 80% so you can focus on the creative 20% that actually moves your product forward. Set up the bot, label the easy issues, and wake up to a stack of PRs ready for review.&lt;/p&gt;

</description>
      <category>ai</category>
      <category>github</category>
      <category>automation</category>
      <category>productivity</category>
    </item>
    <item>
      <title>Run 5 Claude Code Agents in Parallel and Ship a SaaS MVP in 2 Days</title>
      <dc:creator>Max</dc:creator>
      <pubDate>Fri, 03 Apr 2026 09:06:38 +0000</pubDate>
      <link>https://forem.com/max_65b37b69a1411997053b3/run-5-claude-code-agents-in-parallel-and-ship-a-saas-mvp-in-2-days-5e63</link>
      <guid>https://forem.com/max_65b37b69a1411997053b3/run-5-claude-code-agents-in-parallel-and-ship-a-saas-mvp-in-2-days-5e63</guid>
      <description>&lt;p&gt;Most developers write code one feature at a time, in one terminal window, waiting for Claude to finish before starting the next task. That is the bottleneck. What if you ran 5 Claude Code agents in parallel — each owning a different slice of the codebase — and shipped a full-stack SaaS MVP in 2 days instead of 2 weeks?&lt;/p&gt;

&lt;p&gt;That is exactly the workflow described in &lt;a href="https://terminalskills.io/use-cases/build-multi-agent-claude-code-team" rel="noopener noreferrer"&gt;this use-case on terminalskills.io&lt;/a&gt;. Here is how it works and why it changes everything.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Problem with Single-Agent Coding
&lt;/h2&gt;

&lt;p&gt;When you use Claude Code or Cursor in a single session, you are essentially pair-programming — one human, one AI, one thread. That works well for focused, greenfield code. But real projects have parallel workstreams:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Frontend components being built while the API routes are still being designed&lt;/li&gt;
&lt;li&gt;Database schema evolving while the auth layer is being wired up&lt;/li&gt;
&lt;li&gt;Tests being written for features not yet finished&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;A single agent cannot do all this at once without getting confused by context switches, merge conflicts, and competing goals. The solution is to stop thinking of AI coding as a single-agent task and start treating it like a small engineering team.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Multi-Agent Setup
&lt;/h2&gt;

&lt;p&gt;The approach uses 5 Claude Code sessions running simultaneously, each given a specific domain:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Agent 1 — Architecture&lt;/strong&gt; — owns &lt;code&gt;/infrastructure&lt;/code&gt;, &lt;code&gt;docker-compose.yml&lt;/code&gt;, environment config&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Agent 2 — Backend/API&lt;/strong&gt; — owns &lt;code&gt;/server&lt;/code&gt;, route handlers, business logic&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Agent 3 — Database&lt;/strong&gt; — owns &lt;code&gt;/migrations&lt;/code&gt;, schema design, seed data&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Agent 4 — Frontend&lt;/strong&gt; — owns &lt;code&gt;/client&lt;/code&gt;, components, state management&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Agent 5 — Tests &amp;amp; CI&lt;/strong&gt; — owns &lt;code&gt;/tests&lt;/code&gt;, GitHub Actions pipelines, coverage config&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Each agent gets a dedicated CLAUDE.md in its directory with its specific role, the interfaces it must respect (types, API contracts), and strict instructions not to touch other agents directories.&lt;/p&gt;

&lt;h2&gt;
  
  
  How Coordination Works
&lt;/h2&gt;

&lt;p&gt;The key insight is that agents communicate through &lt;strong&gt;shared contracts&lt;/strong&gt;, not through each other. You define the API schema upfront (OpenAPI spec or TypeScript interfaces) and each agent programs to that contract independently.&lt;/p&gt;

&lt;p&gt;A shared &lt;code&gt;CONTRACTS.md&lt;/code&gt; file in the repo root defines:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;API endpoint signatures&lt;/li&gt;
&lt;li&gt;Database table schemas&lt;/li&gt;
&lt;li&gt;Frontend component prop types&lt;/li&gt;
&lt;li&gt;Event names for the message bus&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;When an agent discovers a contract needs to change, they flag it in a &lt;code&gt;CONFLICTS.md&lt;/code&gt; file. The human reviews conflicts once per hour, resolves them, and updates CONTRACTS.md. Agents then pick up the updated contracts on their next task.&lt;/p&gt;

&lt;p&gt;This is basically how a real engineering team works — except the standup is async and takes 10 minutes instead of 30.&lt;/p&gt;

&lt;h2&gt;
  
  
  What a 2-Day Sprint Looks Like
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Day 1:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Hour 0–1: You define the MVP scope, write CONTRACTS.md, create 5 agent workspaces&lt;/li&gt;
&lt;li&gt;Hours 1–8: Agents run in parallel. You check CONFLICTS.md every 90 minutes.&lt;/li&gt;
&lt;li&gt;End of Day 1: Backend API is functional, database schema is finalized, frontend shell is rendering&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Day 2:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Hours 0–4: Agents wire everything together. Agent 5 runs tests continuously.&lt;/li&gt;
&lt;li&gt;Hours 4–6: You do integration review, merge to main, fix the 3–5 edge cases that always slip through&lt;/li&gt;
&lt;li&gt;Hours 6–8: Deploy, smoke test, done&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The result is a working SaaS MVP — auth, billing hooks, core feature loop, basic CI — in 48 hours of wall-clock time. Not 2 weeks.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why This Works (And When It Breaks)
&lt;/h2&gt;

&lt;p&gt;It works because:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Large language models are stateless by default, so running 5 of them in parallel is trivially cheap&lt;/li&gt;
&lt;li&gt;Separation of concerns is a solved problem — agents stay in their lanes if you define lanes clearly&lt;/li&gt;
&lt;li&gt;Context windows stay small per agent, which means better output quality&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;It breaks when:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Contracts are undefined or vague — agents will make incompatible assumptions&lt;/li&gt;
&lt;li&gt;One agent modifies shared infrastructure unexpectedly — always lock infrastructure to one owner&lt;/li&gt;
&lt;li&gt;You go more than 3 hours without a conflict review — technical debt compounds fast&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  The Numbers
&lt;/h2&gt;

&lt;p&gt;Teams using this workflow consistently report:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;5–8x reduction in time-to-MVP vs. single-agent or solo coding&lt;/li&gt;
&lt;li&gt;60–70% of code passing review on first pass (agents with tight context produce cleaner output)&lt;/li&gt;
&lt;li&gt;2–3 conflict resolutions per day on average — far fewer than you would expect&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Get Started
&lt;/h2&gt;

&lt;p&gt;The full workflow, including the CLAUDE.md templates for each agent role, the CONTRACTS.md starter format, and the git branch strategy, is documented in the complete guide:&lt;/p&gt;

&lt;p&gt;Read full guide → &lt;strong&gt;&lt;a href="https://terminalskills.io/use-cases/build-multi-agent-claude-code-team" rel="noopener noreferrer"&gt;Build a Multi-Agent Claude Code Team on terminalskills.io&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Related use-cases worth reading alongside this one:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://terminalskills.io/use-cases/build-parallel-ai-agent-workflow" rel="noopener noreferrer"&gt;Build Parallel AI Agent Workflow with Git Worktrees&lt;/a&gt; — run agents on isolated git branches with zero merge conflicts&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://terminalskills.io/use-cases/optimize-ai-coding-agent-for-production" rel="noopener noreferrer"&gt;Optimize AI Coding Agent for Production Team Use&lt;/a&gt; — standardize Claude Code across your whole team with shared CLAUDE.md templates&lt;/li&gt;
&lt;/ul&gt;




&lt;p&gt;The shift from single-agent to multi-agent coding is the same leap as going from solo freelancer to a coordinated team. You are not just going faster — you are fundamentally changing what is possible in a given day. Stop waiting for one agent to finish. Run the team.&lt;/p&gt;

</description>
      <category>ai</category>
      <category>productivity</category>
      <category>webdev</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>Build an AI Short Video Generator: 50+ Faceless Videos Per Day on Autopilot</title>
      <dc:creator>Max</dc:creator>
      <pubDate>Wed, 01 Apr 2026 09:01:18 +0000</pubDate>
      <link>https://forem.com/max_65b37b69a1411997053b3/build-an-ai-short-video-generator-50-faceless-videos-per-day-on-autopilot-599n</link>
      <guid>https://forem.com/max_65b37b69a1411997053b3/build-an-ai-short-video-generator-50-faceless-videos-per-day-on-autopilot-599n</guid>
      <description>&lt;p&gt;Every day, faceless YouTube channels and TikTok accounts publish dozens of short videos and quietly collect ad revenue, affiliate clicks, and sponsorships — all without showing a face, hiring a team, or touching a video editor.&lt;/p&gt;

&lt;p&gt;The secret? A fully automated AI pipeline that handles everything from topic research to upload.&lt;/p&gt;

&lt;p&gt;In this guide, I will walk you through how to build exactly that: a system that generates 50+ short videos per day using AI agents, text-to-speech, automated editing, and direct platform uploads.&lt;/p&gt;




&lt;h2&gt;
  
  
  The Problem With Manual Short-Form Content
&lt;/h2&gt;

&lt;p&gt;If you have ever tried to consistently post on YouTube Shorts or TikTok, you know the grind. Coming up with topics takes time. Writing scripts takes time. Recording, editing, adding captions, uploading — it stacks up fast.&lt;/p&gt;

&lt;p&gt;Most creators burn out within weeks. The few who last either outsource to a team (expensive) or find a way to automate.&lt;/p&gt;

&lt;p&gt;The good news: in 2026, the full stack exists to automate almost every step.&lt;/p&gt;




&lt;h2&gt;
  
  
  The Architecture: 4 Stages
&lt;/h2&gt;

&lt;p&gt;Here is the high-level pipeline:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Topic Research → Script Generation → Video Assembly → Upload &amp;amp; Schedule
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Each stage can run independently, which means you can start simple and layer on automation as you go.&lt;/p&gt;

&lt;h3&gt;
  
  
  Stage 1: Topic Research
&lt;/h3&gt;

&lt;p&gt;Use an AI agent to query trending topics from Google Trends, Reddit, and YouTube search autocomplete. Filter by search volume, competition, and monetization potential.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="c"&gt;# Example: agent scans Reddit + Trends, outputs top 20 topic ideas&lt;/span&gt;
node scripts/topic-agent.js &lt;span class="nt"&gt;--niche&lt;/span&gt; &lt;span class="s2"&gt;"personal finance"&lt;/span&gt; &lt;span class="nt"&gt;--count&lt;/span&gt; 20 &lt;span class="o"&gt;&amp;gt;&lt;/span&gt; topics.json
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The output is a JSON file with titles, hooks, estimated search volume, and competitor gap score.&lt;/p&gt;

&lt;h3&gt;
  
  
  Stage 2: Script + Voiceover Generation
&lt;/h3&gt;

&lt;p&gt;For each topic, an LLM generates a 45–60 second script optimized for retention (hook in the first 3 seconds, pattern interrupts every 10 seconds, CTA at the end). Then ElevenLabs or a local TTS model renders the audio.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;script&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="nf"&gt;generateScript&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;topic&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="na"&gt;duration&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mi"&gt;55&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="na"&gt;style&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;educational&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt; &lt;span class="p"&gt;});&lt;/span&gt;
&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;audio&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="nf"&gt;textToSpeech&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;script&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="na"&gt;voice&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;energetic-male&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="na"&gt;speed&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mf"&gt;1.1&lt;/span&gt; &lt;span class="p"&gt;});&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Stage 3: Video Assembly
&lt;/h3&gt;

&lt;p&gt;This is where ffmpeg and a stock footage API (Pexels, Pixabay, or Storyblocks) come together. The agent:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Pulls B-roll clips matching keywords from the script&lt;/li&gt;
&lt;li&gt;Overlays auto-generated captions (word-by-word, TikTok style)&lt;/li&gt;
&lt;li&gt;Adds background music at 20% volume&lt;/li&gt;
&lt;li&gt;Renders a 1080x1920 vertical video
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;ffmpeg &lt;span class="nt"&gt;-i&lt;/span&gt; background.mp4 &lt;span class="nt"&gt;-i&lt;/span&gt; voiceover.mp3 &lt;span class="se"&gt;\&lt;/span&gt;
  &lt;span class="nt"&gt;-vf&lt;/span&gt; &lt;span class="s2"&gt;"subtitles=captions.srt:force_style=FontSize=22"&lt;/span&gt; &lt;span class="se"&gt;\&lt;/span&gt;
  &lt;span class="nt"&gt;-c&lt;/span&gt;:v libx264 &lt;span class="nt"&gt;-preset&lt;/span&gt; fast output.mp4
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Stage 4: Upload &amp;amp; Schedule
&lt;/h3&gt;

&lt;p&gt;The final agent logs into YouTube and TikTok via their APIs, uploads the video with an AI-generated title, description, tags, and thumbnail, and schedules it for peak engagement hours.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="nf"&gt;youtubeUpload&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt; &lt;span class="na"&gt;file&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;output.mp4&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;title&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;description&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;tags&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;scheduledAt&lt;/span&gt; &lt;span class="p"&gt;});&lt;/span&gt;
&lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="nf"&gt;tiktokUpload&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt; &lt;span class="na"&gt;file&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;output.mp4&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;caption&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;hashtags&lt;/span&gt; &lt;span class="p"&gt;});&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  What You Need to Get Started
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Node.js or Python&lt;/strong&gt; for scripting the agents&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;ElevenLabs API&lt;/strong&gt; (or a local model like Coqui TTS) for voiceovers&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Pexels API&lt;/strong&gt; (free) for stock footage&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;FFmpeg&lt;/strong&gt; for video assembly&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;YouTube Data API&lt;/strong&gt; + &lt;strong&gt;TikTok Content Posting API&lt;/strong&gt; for uploads&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;You can run the whole pipeline on a $6/month VPS. At 50 videos/day, you are looking at roughly $0.05 per video in API costs.&lt;/p&gt;




&lt;h2&gt;
  
  
  Real Results
&lt;/h2&gt;

&lt;p&gt;Channels running this type of pipeline typically see:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Month 1:&lt;/strong&gt; 50–200 subscribers, channel finding its niche&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Month 3:&lt;/strong&gt; YouTube monetization threshold hit (1,000 subs + 4,000 watch hours)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Month 6:&lt;/strong&gt; $300–$1,500/month from ads + affiliate links embedded in descriptions&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The key is consistency and niche selection. Broad niches are crowded. Specific niches (AI tools for accountants, minimalist productivity, beginner investing) compound faster.&lt;/p&gt;




&lt;h2&gt;
  
  
  Read the Full Guide
&lt;/h2&gt;

&lt;p&gt;For the complete step-by-step implementation — including agent code, FFmpeg templates, scheduling logic, and channel growth strategies:&lt;/p&gt;

&lt;p&gt;👉 &lt;a href="https://terminalskills.io/use-cases/build-ai-short-video-generator" rel="noopener noreferrer"&gt;Build an AI Short Video Generator — Terminal Skills&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  You Might Also Like
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://terminalskills.io/use-cases/build-ai-content-monetization-pipeline" rel="noopener noreferrer"&gt;Build an AI Content Monetization Pipeline&lt;/a&gt; — turn content into multiple revenue streams automatically&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://terminalskills.io/use-cases/clone-and-rebuild-website-with-ai" rel="noopener noreferrer"&gt;Build an AI Agent That Clones Any Website&lt;/a&gt; — reverse-engineer any site and rebuild it in under an hour&lt;/li&gt;
&lt;/ul&gt;




&lt;p&gt;&lt;strong&gt;What niche would you target first with an automated short-form video channel? Finance, tech tutorials, something else? Drop it in the comments — curious to see what the dev community would build.&lt;/strong&gt;&lt;/p&gt;

</description>
      <category>ai</category>
      <category>webdev</category>
      <category>tutorial</category>
      <category>productivity</category>
    </item>
    <item>
      <title>Build a Cold Email Engine That Writes Hyper-Personalized Emails with AI</title>
      <dc:creator>Max</dc:creator>
      <pubDate>Tue, 31 Mar 2026 09:53:51 +0000</pubDate>
      <link>https://forem.com/max_65b37b69a1411997053b3/build-a-cold-email-engine-that-writes-hyper-personalized-emails-with-ai-inc</link>
      <guid>https://forem.com/max_65b37b69a1411997053b3/build-a-cold-email-engine-that-writes-hyper-personalized-emails-with-ai-inc</guid>
      <description>&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjzvl5vpe4aalmb53yexf.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjzvl5vpe4aalmb53yexf.png" alt="Cover" width="800" height="436"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Every B2B founder knows cold email works. But writing 1000 personalized emails? That takes weeks.&lt;/p&gt;

&lt;p&gt;What if an AI could research each prospect and write a unique email -- not just "Hi {name}" but genuinely personalized based on their company, role, and recent activity?&lt;/p&gt;

&lt;h2&gt;
  
  
  The Problem
&lt;/h2&gt;

&lt;p&gt;Generic cold emails get 2% reply rates. Personalized ones get 15-25%. But manual personalization at scale is impossible.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Solution: AI Research + Personalization Pipeline
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Step 1: Prospect List
&lt;/h3&gt;

&lt;p&gt;Start with a CSV: name, company, LinkedIn URL, website.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 2: AI Research
&lt;/h3&gt;

&lt;p&gt;For each prospect, the agent scrapes their company website with Firecrawl, reads their LinkedIn summary, and identifies what they do, recent news, tech stack, and pain points.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 3: Personalized Email
&lt;/h3&gt;

&lt;p&gt;Claude writes a unique opener for each prospect based on the research. Not template-y. Not generic. Actually relevant.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 4: Send + Track
&lt;/h3&gt;

&lt;p&gt;Send via Resend with custom domain. A/B test subject lines. Track opens and replies. Auto-pause when prospect replies.&lt;/p&gt;

&lt;h2&gt;
  
  
  Results
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;1000 personalized emails in 4 hours (vs 2 weeks manually)&lt;/li&gt;
&lt;li&gt;18% reply rate (vs 2% generic)&lt;/li&gt;
&lt;li&gt;Cost: about 15 dollars in API calls&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Read the Full Guide
&lt;/h2&gt;

&lt;p&gt;Complete code, email templates, and Resend setup:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://terminalskills.io/use-cases/build-cold-email-personalization" rel="noopener noreferrer"&gt;Build Cold Email Personalization with AI&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Related Guides
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://terminalskills.io/use-cases/build-outbound-sales-automation" rel="noopener noreferrer"&gt;Build Outbound Sales Automation&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://terminalskills.io/use-cases/build-b2b-lead-scoring-with-ai" rel="noopener noreferrer"&gt;Build B2B Lead Scoring with AI&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;All 900+ guides on &lt;a href="https://terminalskills.io" rel="noopener noreferrer"&gt;Terminal Skills&lt;/a&gt;.&lt;/p&gt;




&lt;p&gt;&lt;em&gt;Whats your cold email reply rate? Has AI improved it? Share below!&lt;/em&gt;&lt;/p&gt;

</description>
      <category>ai</category>
      <category>productivity</category>
      <category>tutorial</category>
      <category>programming</category>
    </item>
    <item>
      <title>Ship a Micro-SaaS in 48 Hours: A Weekend Playbook with AI</title>
      <dc:creator>Max</dc:creator>
      <pubDate>Tue, 31 Mar 2026 09:41:32 +0000</pubDate>
      <link>https://forem.com/max_65b37b69a1411997053b3/ship-a-micro-saas-in-48-hours-a-weekend-playbook-with-ai-2ie1</link>
      <guid>https://forem.com/max_65b37b69a1411997053b3/ship-a-micro-saas-in-48-hours-a-weekend-playbook-with-ai-2ie1</guid>
      <description>&lt;p&gt;You have a SaaS idea. You've been thinking about it for months. But building it feels like a 3-month project.&lt;/p&gt;

&lt;p&gt;What if you could go from idea to paying customers in 48 hours?&lt;/p&gt;

&lt;p&gt;Here's the exact playbook — based on a real use-case where a developer shipped "ScreenInvoice" (screenshot → invoice PDF) in one weekend.&lt;/p&gt;

&lt;h2&gt;
  
  
  Day 1, Morning: Validate in 2 Hours
&lt;/h2&gt;

&lt;p&gt;Before writing a single line of code:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Score your idea&lt;/strong&gt; on 10 factors (urgency, market size, pricing potential, etc.). If it scores below 50/100, pick a different idea.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Shadow test&lt;/strong&gt;: Spin up a landing page with Vercel + Next.js. Run $50 in Google Ads. If you get 20+ signups in 24 hours, you have demand.&lt;/p&gt;

&lt;h2&gt;
  
  
  Day 1, Afternoon: Build the Core (4 Hours)
&lt;/h2&gt;

&lt;p&gt;Only build the ONE thing that makes your product valuable. Auth with Clerk (5 min setup), payments with Stripe Checkout (copy-paste), database with Prisma + Neon Postgres.&lt;/p&gt;

&lt;h2&gt;
  
  
  Day 1, Evening: Landing Page
&lt;/h2&gt;

&lt;p&gt;Your page needs 4 things: headline, demo GIF, pricing ($19/month), and CTA button → Stripe Checkout.&lt;/p&gt;

&lt;h2&gt;
  
  
  Day 2: Polish, Deploy, Launch
&lt;/h2&gt;

&lt;p&gt;Deploy to Vercel (free). Post on Twitter/X, Hacker News, Reddit, IndieHackers.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;The math&lt;/strong&gt;: 16 hours of work, $0 cost, goal of 3 paying customers = $57 MRR = $684/year from a weekend.&lt;/p&gt;

&lt;h2&gt;
  
  
  Read the Full Guide
&lt;/h2&gt;

&lt;p&gt;👉 &lt;a href="https://terminalskills.io/use-cases/build-micro-saas-in-a-weekend" rel="noopener noreferrer"&gt;Build a Micro-SaaS in a Weekend — Full Guide&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  You Might Also Like
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://terminalskills.io/use-cases/evaluate-and-validate-business-idea" rel="noopener noreferrer"&gt;Evaluate and Validate a Business Idea&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://terminalskills.io/use-cases/build-waitlist-and-launch-page" rel="noopener noreferrer"&gt;Build a Waitlist with Viral Referral&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;All guides on &lt;a href="https://terminalskills.io" rel="noopener noreferrer"&gt;Terminal Skills&lt;/a&gt; — 900+ AI coding skills and use-cases.&lt;/p&gt;




&lt;p&gt;&lt;em&gt;What micro-SaaS would YOU build in a weekend? Drop your idea below 👇&lt;/em&gt;&lt;/p&gt;

</description>
      <category>ai</category>
      <category>webdev</category>
      <category>tutorial</category>
      <category>beginners</category>
    </item>
    <item>
      <title>7 AI Skills That Will 10x Your Coding Speed in 2026</title>
      <dc:creator>Max</dc:creator>
      <pubDate>Tue, 31 Mar 2026 09:33:55 +0000</pubDate>
      <link>https://forem.com/max_65b37b69a1411997053b3/7-ai-skills-that-will-10x-your-coding-speed-in-2026-26km</link>
      <guid>https://forem.com/max_65b37b69a1411997053b3/7-ai-skills-that-will-10x-your-coding-speed-in-2026-26km</guid>
      <description>&lt;p&gt;AI coding agents are everywhere now — Claude Code, Cursor, Codex, Gemini CLI. But most developers use them like fancy autocomplete. The real power comes from &lt;strong&gt;skills&lt;/strong&gt; — structured instructions that turn AI agents into specialized experts.&lt;/p&gt;

&lt;p&gt;Here are 7 skills that dramatically changed how I code:&lt;/p&gt;

&lt;h2&gt;
  
  
  1. TDD (Test-Driven Development with AI)
&lt;/h2&gt;

&lt;p&gt;Instead of asking AI to "write code", give it the TDD skill and watch it:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Write failing test first&lt;/li&gt;
&lt;li&gt;Implement minimal code to pass&lt;/li&gt;
&lt;li&gt;Refactor while keeping tests green&lt;/li&gt;
&lt;li&gt;Repeat for each feature slice&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The AI actually writes better code when constrained by tests. No more "looks good but doesn't work" output.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Try it:&lt;/strong&gt; &lt;a href="https://terminalskills.io/skills/tdd" rel="noopener noreferrer"&gt;TDD Skill&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  2. Vibe Coding
&lt;/h2&gt;

&lt;p&gt;Structure your project so AI agents can navigate it efficiently:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Clear &lt;code&gt;CLAUDE.md&lt;/code&gt; / &lt;code&gt;AGENTS.md&lt;/code&gt; with project context&lt;/li&gt;
&lt;li&gt;Module boundaries that fit in context windows&lt;/li&gt;
&lt;li&gt;Spec-first workflow: describe what you want → AI implements&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Try it:&lt;/strong&gt; &lt;a href="https://terminalskills.io/skills/vibe-coding" rel="noopener noreferrer"&gt;Vibe Coding Skill&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  3. MCP Server Builder
&lt;/h2&gt;

&lt;p&gt;Build custom tools that your AI agent can use:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Database queries via MCP&lt;/li&gt;
&lt;li&gt;Internal API access&lt;/li&gt;
&lt;li&gt;Custom data transformations&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Your agent stops being a text-only assistant and becomes a tool-wielding power user.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Try it:&lt;/strong&gt; &lt;a href="https://terminalskills.io/skills/mcp-server" rel="noopener noreferrer"&gt;MCP Server Skill&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  4. Prompt Engineering
&lt;/h2&gt;

&lt;p&gt;Most developers don't know about:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Chain-of-thought&lt;/strong&gt; for complex reasoning&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;XML tags&lt;/strong&gt; for structured prompts&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Few-shot examples&lt;/strong&gt; for consistent output format&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;ReAct pattern&lt;/strong&gt; for tool-using agents&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Understanding these patterns makes your AI 3x more reliable.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Try it:&lt;/strong&gt; &lt;a href="https://terminalskills.io/skills/prompt-engineering" rel="noopener noreferrer"&gt;Prompt Engineering Skill&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  5. Claude Code HUD
&lt;/h2&gt;

&lt;p&gt;Monitor what your agent is actually doing:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Context window usage (don't hit the limit mid-task)&lt;/li&gt;
&lt;li&gt;Active tool calls&lt;/li&gt;
&lt;li&gt;Sub-agent progress&lt;/li&gt;
&lt;li&gt;Cost tracking&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Try it:&lt;/strong&gt; &lt;a href="https://terminalskills.io/skills/claude-hud" rel="noopener noreferrer"&gt;Claude HUD Skill&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  6. AI Code Reviewer
&lt;/h2&gt;

&lt;p&gt;Set up a GitHub Action that reviews every PR with AI:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Catches bugs before human reviewers&lt;/li&gt;
&lt;li&gt;Flags security issues&lt;/li&gt;
&lt;li&gt;Posts inline comments with suggestions&lt;/li&gt;
&lt;li&gt;Configurable rules per language&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Try it:&lt;/strong&gt; &lt;a href="https://terminalskills.io/use-cases/build-ai-code-reviewer" rel="noopener noreferrer"&gt;AI Code Reviewer Use-Case&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  7. Worktrunk (Parallel Agents)
&lt;/h2&gt;

&lt;p&gt;Run 5 Claude Code agents simultaneously:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Each works in its own git worktree&lt;/li&gt;
&lt;li&gt;Different branch, different feature&lt;/li&gt;
&lt;li&gt;Merge when done&lt;/li&gt;
&lt;li&gt;2-week sprint → 2 days&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Try it:&lt;/strong&gt; &lt;a href="https://terminalskills.io/skills/worktrunk" rel="noopener noreferrer"&gt;Worktrunk Skill&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  Where to Find More
&lt;/h2&gt;

&lt;p&gt;All these skills (and 900+ more) are available on &lt;a href="https://terminalskills.io" rel="noopener noreferrer"&gt;Terminal Skills&lt;/a&gt; — an open-source marketplace of AI coding skills that work with Claude Code, Cursor, Codex, Gemini CLI, and more.&lt;/p&gt;

&lt;p&gt;Install via CLI:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;npm i &lt;span class="nt"&gt;-g&lt;/span&gt; terminal-skills
terminal-skills search &lt;span class="s2"&gt;"tdd"&lt;/span&gt;
terminal-skills &lt;span class="nb"&gt;install &lt;/span&gt;tdd
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Or browse the &lt;a href="https://terminalskills.io/skills" rel="noopener noreferrer"&gt;full catalog&lt;/a&gt;.&lt;/p&gt;




&lt;p&gt;&lt;em&gt;Which AI skill would you try first? Share your favorites in the comments 👇&lt;/em&gt;&lt;/p&gt;

</description>
      <category>ai</category>
      <category>productivity</category>
      <category>programming</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>Build an AI Agent That Clones Any Website in Under an Hour</title>
      <dc:creator>Max</dc:creator>
      <pubDate>Tue, 31 Mar 2026 09:33:28 +0000</pubDate>
      <link>https://forem.com/max_65b37b69a1411997053b3/build-an-ai-agent-that-clones-any-website-in-under-an-hour-3ni7</link>
      <guid>https://forem.com/max_65b37b69a1411997053b3/build-an-ai-agent-that-clones-any-website-in-under-an-hour-3ni7</guid>
      <description>&lt;p&gt;Ever looked at a competitor's landing page and wished you could rebuild it in your own stack? With AI coding agents, you can now clone any website as a pixel-perfect Next.js app — in under an hour.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Problem
&lt;/h2&gt;

&lt;p&gt;You need a professional landing page. You love how Linear.app looks. But hiring a designer is $5k and 3 weeks. What if an AI agent could reverse-engineer the design, extract every color/font/spacing token, and rebuild it as clean React components?&lt;/p&gt;

&lt;h2&gt;
  
  
  How It Works
&lt;/h2&gt;

&lt;p&gt;The workflow uses a multi-phase pipeline:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Reconnaissance&lt;/strong&gt; — Screenshots at every breakpoint, extract design tokens (colors, fonts, spacing), sweep all interactions (hover, scroll, click)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Foundation&lt;/strong&gt; — Download fonts, images, videos. Set up Tailwind config with extracted tokens&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Component Specs&lt;/strong&gt; — Write detailed specs for each section with exact &lt;code&gt;getComputedStyle()&lt;/code&gt; values&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Parallel Build&lt;/strong&gt; — Dispatch builder agents in git worktrees, one per section&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Assembly &amp;amp; QA&lt;/strong&gt; — Merge worktrees, visual diff against original&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Quick Start
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="c"&gt;# Clone the template&lt;/span&gt;
git clone https://github.com/JCodesMore/ai-website-cloner-template.git my-clone
&lt;span class="nb"&gt;cd &lt;/span&gt;my-clone &lt;span class="o"&gt;&amp;amp;&amp;amp;&lt;/span&gt; npm &lt;span class="nb"&gt;install&lt;/span&gt;

&lt;span class="c"&gt;# Start Claude Code with Chrome MCP&lt;/span&gt;
claude &lt;span class="nt"&gt;--chrome&lt;/span&gt;

&lt;span class="c"&gt;# Run the skill&lt;/span&gt;
/clone-website https://linear.app
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The agent takes over from here — screenshots, extracts tokens, writes specs, builds components in parallel.&lt;/p&gt;

&lt;h2&gt;
  
  
  What Gets Extracted
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Colors&lt;/strong&gt; — Every hex/oklch value mapped to CSS custom properties&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Typography&lt;/strong&gt; — Font families, sizes, weights, line heights&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Spacing&lt;/strong&gt; — Margins, paddings, gaps as design tokens&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Assets&lt;/strong&gt; — Images, videos, SVGs downloaded and optimized&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Interactions&lt;/strong&gt; — Hover states, animations, scroll behaviors&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  The Result
&lt;/h2&gt;

&lt;p&gt;After ~30-45 minutes, you have a fully functional Next.js app:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;React 19 + Next.js App Router&lt;/li&gt;
&lt;li&gt;Tailwind CSS v4 with extracted design tokens&lt;/li&gt;
&lt;li&gt;shadcn/ui components&lt;/li&gt;
&lt;li&gt;Responsive at all breakpoints&lt;/li&gt;
&lt;li&gt;All animations and interactions preserved&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Customize and Ship
&lt;/h2&gt;

&lt;p&gt;The clone is your starting point. Swap in your copy, adjust colors to your brand, modify CTAs, and deploy to Vercel.&lt;/p&gt;

&lt;h2&gt;
  
  
  Try It Yourself
&lt;/h2&gt;

&lt;p&gt;The &lt;a href="https://terminalskills.io/skills/clone-website" rel="noopener noreferrer"&gt;clone-website skill&lt;/a&gt; is available on &lt;a href="https://terminalskills.io" rel="noopener noreferrer"&gt;Terminal Skills&lt;/a&gt; — a marketplace of 900+ AI coding skills for Claude Code, Cursor, Codex, and more.&lt;/p&gt;

&lt;p&gt;Check out the full &lt;a href="https://terminalskills.io/use-cases/clone-and-rebuild-website-with-ai" rel="noopener noreferrer"&gt;use-case guide&lt;/a&gt; with step-by-step instructions.&lt;/p&gt;




&lt;p&gt;&lt;em&gt;What website would you clone first? Drop a comment below 👇&lt;/em&gt;&lt;/p&gt;

</description>
      <category>ai</category>
      <category>webdev</category>
      <category>productivity</category>
      <category>tutorial</category>
    </item>
  </channel>
</rss>
