Day 11 of 21
The @ mention trick — point Claude at files without explaining them
Goal: Instead of copying and pasting file contents into your prompts, one @ symbol points Claude Code directly at any file, folder, or webpage. Today you learn this time-saving trick.
What to do
Open Claude Code and explore your files with @
Start Claude Code in your project folder. Type "@" and press Tab. A file picker should appear showing your project files.
Change something using a direct @ mention
Instead of describing a file, point at it directly. Type a prompt like:
In @index.html — change the hero headline to say "Build anything without coding."Point at a folder to affect multiple files
Try pointing at an entire folder:
Look at @src/components/ and check that all button styles are consistent — same size, same color, same font weight.Make two files match using @ mentions
Try this pattern to make two pages consistent:
Make the button styles in @about.html match the button styles in @index.html exactly. Only change button styles — nothing else.Expected result
You used @ mentions to point Claude Code directly at specific files and folders. You made precise changes without describing which file to edit.
Key takeaway
- Type @ followed by a file path, folder path, or URL to point Claude Code directly at what you want it to read. Pointing is faster and more accurate than describing. Use it in every session from today.