Command Center Setup

Episode 001

The mindset shift

    <p>You've seen what Claude Code can do. Websites from a single prompt. Entire marketing systems. The power is real.</p>

    <p>But there's still a gap between seeing what's possible and actually getting there. And it's not the AI. It's the infrastructure underneath it. Terminals, Git, GitHub, deployment. The plumbing that everything runs on before the AI can do its job.</p>

    <p>When my co-founder first said GitHub, my actual response was, "What's wrong with a Google Doc."</p>

    <p>There are two phases of GitHub for marketers. Phase one is "what is this." Phase two is "why does this hate me." Both are normal. Both pass.</p>

    <div class="pull-quote">
      <p>The gap between seeing what's possible and getting there isn't the AI. It's the infrastructure underneath it.</p>
    </div>

    <h2 id="three-prerequisites">Three prerequisites</h2>

    <p><strong>VSCode.</strong> If you wanted to build web apps, you could use Claude in the browser. But you're building a full marketing platform. Emails, ads, social, decks, web pages. All from one project. VSCode lets you see and point Claude at all of your project files and knowledge bases as you work, so you can influence every marketing touchpoint from one place.</p>

    <p><strong>The Claude extension.</strong> This is how you go from chatting with AI to building with it. Claude inside VSCode can read your files, write code, run commands, and deploy. Not answer questions. Actually do the work. That's the difference.</p>

    <p><strong>Sign in.</strong> Click the Claude icon in the sidebar. Sign in with your Anthropic account. Claude Max works. An API key works too. This is the one subscription you need. Everything else is free.</p>

    <h2 id="how-the-teaching-repo-works">How the teaching repo works</h2>

    <p>I built a setup repo that does it for you. It's called the AI Marketing Command Center. You download it, open it, tell Claude to walk you through the setup. Claude handles the technical parts while you follow along.</p>

    <p>Claude reads the instructions I baked into this repo and becomes the tutor you wished you could hire. The one that sits next to you and says, "do this, now do that, here's why."</p>

    <p>It walks you through five steps:</p>

    <p><strong>Step 1.</strong> Create your project structure. Claude builds the marketing-ai folder with organized subfolders for your knowledge base, content, learnings, and web assets.</p>

    <p><strong>Step 2.</strong> Install missing tools. Git. Node.js. Live Server. Claude checks what's already on your machine and installs what's missing.</p>

    <p><strong>Step 3.</strong> Git and GitHub. Claude initializes version control, walks you through a GitHub account if you need one, and pushes your project to a private repo. Your work is backed up in the cloud.</p>

    <p><strong>Step 4.</strong> Connect Vercel. Sign up with your GitHub account, point it at your repo, set the root directory to web-assets. Deploy.</p>

    <p><strong>Step 5.</strong> Test the loop. Change a heading, push it, watch it go live. Edit. Push. Live. Thirty seconds.</p>

    <h2 id="the-architecture">The architecture</h2>

    <p>Your marketing-ai folder has four areas. Each one serves a different purpose.</p>

    <div class="code-island">
      <div class="code-island__bar">
        <div class="code-island__dots">
          <div class="code-island__dot"></div>
          <div class="code-island__dot"></div>
          <div class="code-island__dot"></div>
        </div>
        <div class="code-island__title">~/marketing-ai</div>
      </div>
      <pre><span class="folder">marketing-ai/</span>

├── knowledge-base/ What you know (voice, competitors, customers) ├── content/ What you create (ads, email, social, decks) ├── learnings/ What you learn (frameworks, trainings) └── web-assets/ What goes live (only folder Vercel deploys)

    <p><strong>Knowledge base</strong> is what you know. Company context. Customer research. Competitive intel. Brand voice. This is what makes AI outputs sound like you instead of a robot.</p>

    <p><strong>Content</strong> is what you create. Organized by channel. Every piece of marketing output has a home.</p>

    <p><strong>Learnings</strong> is what you learn. Frameworks, expert trainings, advice you want to remember and apply later.</p>

    <p><strong>Web assets</strong> is what goes live. This is the only folder Vercel deploys. Everything else stays private.</p>

    <p>That separation matters. Most people dump everything into one place and wonder why their AI outputs leak internal context or sound incoherent. The architecture prevents that before it starts.</p>

    <h2 id="your-daily-workflow">Your daily workflow</h2>

    <p>Once the loop is working, this is where you live. Not in GitHub. Not in Vercel. Those run in the background after this one-time setup.</p>

    <p>Your world is VSCode. Project files on the left, what you're building on the right, Claude in the middle. That's it.</p>

    <p>The design system you build for your website becomes the same one Claude uses for your slides. The voice rules you write once get used for emails, ads, social posts, decks. Your competitive research feeds your battlecards and your blog strategy. It all lives in one project and it all compounds.</p>

    <div class="key-takeaway">
      <div class="key-takeaway__label">Key Takeaway</div>
      <p>The architecture is what separates a system from a mess. Four folders. Clear separation. One project that compounds across every marketing channel you touch.</p>
    </div>

    <div class="callout">
      <div class="callout__label">Maddie's Take</div>
      <div class="callout__body">Most people start using AI by asking it to write something. A blog post, an email, whatever. And it sounds generic because it has zero context about the business. Next, we fix that. We fill the knowledge base so every output sounds like it came from someone who actually knows your business. Because it did.</div>
    </div>

Show Notes

  <h4>Timestamps</h4>
  <ul class="timestamps">
    <li><span class="time">0:00</span> Cold open (today we start building)</li>
    <li><span class="time">0:30</span> The mindset shift (terminal isn't scary)</li>
    <li><span class="time">2:00</span> The 3 prerequisites (VSCode, Claude extension, sign-in)</li>
    <li><span class="time">4:00</span> Download and open the teaching repo</li>
    <li><span class="time">5:00</span> The 5 steps (quick tour)</li>
    <li><span class="time">7:30</span> The architecture (why the folders are set up this way)</li>
    <li><span class="time">9:30</span> Close + next episode teaser</li>
  </ul>

  <h4>Prerequisites</h4>
  <ul class="show-notes__links">
    <li><a href="https://code.visualstudio.com" target="_blank" rel="noopener">Download VSCode</a></li>
    <li>Install Claude Code extension (VSCode Extensions, search "Claude" by Anthropic)</li>
    <li>Sign in to Claude (API key or Claude Max subscription)</li>
  </ul>

  <h4>Downloads</h4>
  <ul class="show-notes__links">
    <li><a href="https://github.com/maddie-ship-it/ai-marketing-command-center" target="_blank" rel="noopener">AI Marketing Command Center Repo</a></li>
  </ul>

  <h4>Links</h4>
  <ul class="show-notes__links">
    <li><a href="/resources/the-multiplier#manifesto">The Multiplier Manifesto</a></li>
  </ul>