Claude Code - 47 PRO TIPS in 9 minutes
By Greg Baugues
Summary
## Key takeaways - **Claude Code is a powerful CLI tool**: Claude Code functions as a CLI, allowing you to pass arguments, run in headless mode, chain with other tools, pipe data, and even launch multiple instances. This flexibility makes it adaptable to various command-line workflows. [00:25], [00:43] - **Leverage images for mockups and feedback loops**: You can paste images directly into Claude Code for tasks like building interfaces from mockups or providing visual feedback. By taking screenshots of generated code and feeding them back, you enable Claude to iterate effectively. [01:23], [01:36] - **Automate screenshots with Puppeteer MCP**: To automate image capture, use the Puppeteer MCP server. This allows Claude Code to take screenshots of applications, which can then be saved locally, streamlining the feedback loop and debugging process. [01:49], [02:03] - **Claude.md for project-specific instructions**: Utilize claude.md files to provide consistent instructions for your project, such as common commands, style guidelines, or testing procedures. These files are loaded with every request, ensuring Claude Code adheres to your project's standards. [03:26], [03:37] - **Version control is key to managing Claude's work**: To prevent breaking changes, integrate Claude Code with version control. Have Claude commit after major changes and write commit messages, and don't hesitate to revert or clear conversation history when Claude goes off track. [06:22], [06:30] - **Manage context and cost with strategic clearing**: Keep an eye on the auto-compacting indicator and proactively clear conversation history at natural break points to maintain a fresh memory. For cost management, consider upgrading to Claude Max plans or using external memory solutions. [07:18], [08:09]
Topics Covered
- Claude Code is a CLI, leverage its bash capabilities.
- Integrate images and screenshots for enhanced feedback loops.
- Automate screenshotting with Puppeteer for image-based interaction.
- Utilize claude.md for persistent project instructions and guidelines.
- Mitigate project failure by integrating version control and frequent commits.
Full Transcript
Hey, my name is Greg. I'm a developer
and over the last few months, Claude
Code has become my default way of
writing code. And so in this video, I
want to walk you through some Claude
Code pro tips. These pro tips are
primarily based on this post written by
Boris Churnney, who's the creator of
Claude Code at Enthropic. And we're
going to go through these uh pro tips
pretty quickly. First tip, cla code is a
CLI. So all the things that you're used
to doing with other bashbased CLIs, you
can probably do with cloud code. For
instance, you can pass in command line
arguments which will be run on startup.
You can use -p to run it in headless
mode. You can chain it with other
command line tools. You can pipe data
into it. You can run multiple instances
of it at once. You can actually have
cloud code launch instances of claude
code. In fact, anytime you ask it to
spin up a sub agent or anytime you see
task, that's exactly what clog code is
doing. Next category, images. You can
use an image simply by dragging it in to
the terminal on OSX. You can use shift
command control 4 to copy the screenshot
and then use controlV to paste it into
claude. That's controlV, not commandV
like you're used to. There's two ways
that you might find yourself using
images a lot. The first is mockups. You
can design a mockup, paste the mockup
into Claude, and then ask it to build
that interface. Second, you can use
images to close the feedback loop with
Claude. Ask it to build something, open
up what it built, and then take a
screenshot, feed that back into Claude
and it's pretty good at iterating when
you're giving it feedback. Now, that's a
manual process for taking images. You
can also automate the screenshotting by
using the Puppeteer MCP server, which is
pretty easy to set up and run locally.
Then you can ask Claude to use Puppeteer
to go open up the app, take a screenshot
of it, and it can save those screenshots
to your local directory. Speaking of MCP
service, Cloud Code can function as both
an MCP server and an MCP client. So that
means that you can actually turn clogged
code into an MCP server that can then be
used by other agents. There's a whole
bunch of MCP servers that you could use.
It would be a whole video on its own
just to go through some of the most
popular ones. So we'll just hit a
couple. For instance, you might find it
useful to use the Postgres server to
hook up Cloud Code directly to your
database. You can use MCP servers that
are effectively wrappers around APIs.
Other dev tool companies like Cloudflare
are using their MCP servers to provide
up-to-date documentation to Claude. Not
all dev tool companies are making their
docs available via MCP just yet. So if
you just paste in a link, Claude code
can fetch that URL and then use those
docs to build against. You might also
want to use fetch URLs to retrieve
knowledge from the world that you use in
your app. For instance, I built a game
for my four-year-old daughter that was
uh Bluey Uno. Instead of trying to
describe the rules myself or relying on
the training data for Uno rules, I
pasted in
unorules.com and had Claude code the
gaming logic based on what it read
there. Next category, claude.mmd. This
is actually the first pro tip that's
mentioned in Boris's post. A claw.md is
a prompt that is loaded with every
request that you make to claude code.
This might include instructions for your
project such as common bash commands to
use, style guidelines, linting
guidelines, how to run your tests
repository etiquette. If you type /init
after you launch claude in a directory
it will create this claude. MD file for
you after scanning the directory and
summarizing its structure. If as you're
coding you want to add instructions to
the cloud.MD, you can use the hash sign.
You can also set a global cloud. MD in
your home
directory/cloud. This will be loaded
anytime that you're using cloud code
across any project. You can also add a
cloud.md file in subdirectories. You
should also refactor your cla.md files
often. So, it's common for them to grow
in complexity as you continue to work on
a project. But remember that this is a
prompt that is being loaded on every
turn of conversation with clawed code.
And these models do much better the more
specific you are. So, you don't want
this to be crammed with a bunch of
duplicative extraneous information. You
can use Anthropic's prompt optimizer
tool to help you write better cla.md
files. Slash commands. You can define
these in
thecloud/comands folder, and they're
just prompts. So, for instance, here's
one mentioned in Boris's post about
solving GitHub issues. You might write a
slash command for refactoring. You might
write a slash command for linting. You
might write a slash command for
reviewing a PR. slash commands are
prompt templates. So you can pass
command line arguments when you run the
slash command that will then be
interpolated into the prompt
template. Couple of UI tips. One, you
can use tab to complete files and
directories. Cloud code does better the
more specific you are. So if you can
actually let it know what files or what
directories to work with, you'll
generally get better results. Hit escape
often. I know that I when I started was
hesitant to interrupt Claude when I saw
it going off path, but you will find
your sessions go so much better if you
just stop Claude as soon as you see it
go in the wrong direction. You can hit
escape and ask it to undo its work from
the previous turn. And that will help
you go back as well. Speaking of undoing
Claude's work, I think the biggest
failure mode here when working with
Cloud Code is you use it to build a
project. You get that project to a place
where it's working really well, and then
it gets overly ambitious, does a bit too
much, makes breaking changes, and then
you have a hard time rolling them back.
And the easiest way to mitigate this
failure state is to use Cloud Code in
conjunction with version control. Ask
Cloud Code to commit after every major
change. Have Claude Code write your
commit messages. there's a good chance
they'll be the best commit messages that
have ever been submitted to a repository
that you own. When working with Claude
code, revert more often than what you're
used to. Often times, the best way to
fix things is just to clear out the
conversation history in Claude, revert
back to a previous save point, and try
again with slightly more specific
instructions. Install the GitHub CLI
and it will use this for all of its
interactions with GitHub. If for some
reason you don't want to install this
tool, you can also interact with GitHub
via the GitHub MCP server. You can have
Cloud Code file PRs for you. You can
have Claude Code do code reviews on
those PRs. Managing context can
certainly be a bit of a challenge when
working with Claude Code. You want to
always keep an eye on the auto
compacting indicator. You always want to
know about how long you have until
Claude autoco compacts. prematurely
compact when you're at natural break
points. So if you see you're 35% of the
way to autoco compacting and you just
finished up a task, you just made a
commit, you might just want to go ahead
compact right there and start the next
task with all of the tokens available to
you. Also consider often clearing
instead of compacting. Work in such a
way that you can use claude code with
fresh memory. One way to do this is to
tell Claude to use scratchpads to plan
its work. Alternative to Scratchpads
you can use GitHub issues. If you are
paying per token, then you're going to
really want to monitor that uh context
window usage and you're going to want to
use external memory as much as possible.
If you're looking for more robust cost
tracking across a team, for instance
one way to achieve that is by using
Cloud Code's open telemetry support. So
for instance, you could hook up Claude
Code to Data Dog and produce dashboards
that look like this. And for more
details on this, you should check out
Martin AMP's blog post, which is linked
in the description. But in my opinion
the best way to manage your cost is just
to upgrade to one of those Claude Max
plans at either $100 or $200. I'm on the
$100 plan. I spent about
$150 worth of Claude Code tokens over
the course of about 3 days. If there's a
common complaint of Claude Code, it is
it's very expensive. So, I was very
excited to see Claude Code use bundled
in with Claude Max. I don't even know if
I got through half of the pro tips that
are included in this post. If you want
to learn more, uh, check out this
excellent post here by Boris and check
out some of the other links that I left
below in the description.
Loading video analysis...