Knowledge Base
Distilled from the daily crew drops. No jargon, just what works.
Get everything installed and connected.
Install Claude Code
Claude Code runs in your terminal. It reads your project, writes code, runs commands — all from a text conversation. One command to install, then log in.
What Is GitHub and Why Do You Need It?
GitHub saves every version of your code with full history. Something breaks? Roll back. Need it on another computer? It's there. You also need it to deploy — Vercel pulls code from GitHub.
Deploy Your App Live with Vercel
Connect GitHub to Vercel, and every push goes live automatically. Free tier includes a custom domain and HTTPS. Pick your repo, click deploy. That's it.
Connect GitHub to Vercel
Once GitHub and Vercel are set up separately, connect them. Every push to GitHub automatically rebuilds and deploys your site. Zero manual steps after setup.
Install Superpowers (Your Claude Workflow Upgrade)
Without Superpowers, you tell Claude how to do things. With it, Claude picks the right approach — plan, research, debug, or build — based on what you ask. Two commands to install.
Understand what you're working with.
What Is a Context Window?
Claude has about 200,000 tokens of memory per conversation. Your messages, its replies, every file it reads — all fills the same bucket. When it overflows, earlier stuff gets compressed. That's why long sessions get unreliable.
Keep Your Context Window Clean
The biggest mistake new users make: one endless conversation for everything. Claude's memory fills up and it starts losing track. Start fresh for each task. Be specific. Let Claude read files instead of pasting them.
Which AI Model Should You Use?
Haiku is cheap and fast for simple jobs. Sonnet is the default that handles most things. Opus is the expensive heavy-hitter for complex work. Pick by task, not by hype.
What Is Thinking Mode?
When Claude 'thinks', it reasons through the problem step-by-step before answering. Uses more context but gives dramatically better results for complex tasks. You'll see the thinking process live in your terminal.
What Are Skills?
Skills are plugins that teach Claude specific workflows. Without them, Claude is smart but generic. With skills installed, it automatically picks the right approach — brainstorm, debug, plan, or build — based on your request.
What Are MCPs?
MCP (Model Context Protocol) lets Claude connect to external tools — databases, Figma, GitHub, browsers. Instead of copy-pasting data into Claude, MCP lets it access those tools directly. Like giving Claude hands.
What Are APIs?
APIs are how your app talks to external services. Want AI? Call an AI API. Want payments? Call Stripe's API. Want email? Call Resend's API. Your app sends a request, the service sends back data.
What Is CLAUDE.md?
CLAUDE.md is a file you put in your project that Claude reads at the start of every session. It tells Claude your project's rules — coding standards, architecture, commands to use. Think of it as a briefing document for your AI teammate.
What Are Hooks?
Hooks are commands that run automatically at specific points — before Claude edits a file, after it finishes, when a session starts. They let you automate things like formatting code, blocking edits to protected files, or sending notifications.
How to actually use Claude Code effectively.
Managing Your Context Window
Your terminal shows a fill bar for Claude's memory. When it creeps past 70%, quality drops. Use /compact to summarize, /clear to reset completely, or just open a new terminal for each task.
How to Prompt Claude Effectively
Be specific. Point Claude to files instead of pasting them. Say what you want, not how to do it. Use slash commands to trigger workflows. These habits make Claude dramatically more useful.
Use Plan Mode for Safer Changes
Press Shift+Tab to enter Plan Mode. Claude shows you exactly what it's about to do and waits for your approval before touching any code. Use it whenever you want to review the approach first.
Run Multiple Claude Sessions at Once
Open multiple terminal windows, run Claude in each. Plan in one, build in another, research in a third. They're fully independent — just don't let two sessions edit the same file.
Speed Up GSD (Budget Mode)
GSD's default mode burns through tokens with full research and verification. Turn off the researcher and verifier in /gsd:settings, use budget mode, or run /gsd:quick to skip straight to building.
Plugins that make Claude dramatically smarter.
Superpowers
The most popular Claude Code plugin. Teaches Claude structured workflows: brainstorm before building, plan before coding, debug systematically, test before shipping. Over 50,000 installs.
GSD (Get Stuff Done)
A spec-driven development system that fights context rot. Splits work into phases, externalizes state into files, and runs each task in a fresh context window so Claude never loses track.
Humanizer
Detects and removes 24 distinct AI writing patterns from text — significance inflation, formulaic transitions, em dash overuse, promotional language. Makes AI-generated content sound like a human wrote it.
Impeccable
17 slash commands for frontend design quality. Polish, critique, animate, colorize, simplify — each targets a specific aspect of UI quality. Eliminates the 'AI slop' aesthetic from your interfaces.
Firecrawl
Web scraping that just works. Scrape any page to clean markdown, search the web, crawl entire sites, map site structures. Handles JavaScript rendering and anti-bot protections automatically.
Marketing Skills
32 specialized marketing skills. Copywriting, SEO audits, pricing strategy, launch planning, email sequences, paid ads, A/B testing — turns Claude into a growth team.
AI capabilities you can add to your app.
AI Text Analysis — Summaries, Sentiment, Structured Answers
Send text to an AI model and get back structured results: sentiment scores, summaries, extracted keywords, categorizations. Your app becomes smart about the text users give it.
Add a Voice Button to Your App
Let users tap a mic button and speak instead of typing. OpenAI Whisper handles transcription in dozens of languages for almost nothing per minute of audio.
Generate Images in Your App
User types a description, your app generates a picture. Google Imagen, Stability AI, and Replicate all offer this. Same pattern: API key in .env, Claude wires it up.
Make Your App Read Images and Text
Upload a receipt and pull out the data. Snap a menu and translate it. Claude Haiku handles image recognition for almost nothing per image — fast and accurate.
Add AI Features to Your App
Your Claude subscription is for building. If you want users to talk to AI inside your app, that needs a separate API key. Grab one from Anthropic, OpenAI, or Google, drop it in .env, and Claude wires it up.
Backend building blocks that power your app.
Add Users and a Database to Your App
Sign up, log in, Google auth, password reset, plus a real PostgreSQL database behind it all. Supabase handles the full stack. Free to start.
Manage Content Without Touching Code
Sanity gives you an admin panel where you log in, change text, swap images, hit save. Your site updates instantly — no code involved. Free tier covers most projects.
Build a Bot That Reads the Internet for You
An ex-Googler built a system that scrapes the web every night, spots market gaps, and writes up business ideas with full plans. Three pieces: a scraper, an AI brain, and a cron job. The blueprint is public.