Claude Code Basics — Talk to Your Code (lesson deck)

Claude Code Basics · screenshots & files

Stop describing the bug

Explaining a problem in words is painful. Point Claude at the exact file, or paste a screenshot — show, don't tell.

📄

@ a file — type @ and the filename to point at the exact code.

🖼️

Paste a screenshot — show a visual bug, or a design you want it to match.

Two ways to show it

1

@-mention a file

Type @, start the name, pick it from the list. Works in the panel and the terminal.

2

Drop in an image

Drag a screenshot into the prompt, or paste it from your clipboard.

3

Point at the spot

"This @file has a bug" or "make it match this screenshot."

When it shines

🎨

"Match this design" — paste a mockup and let it rebuild your page to fit.

🐞

"Fix this exact bug" — paste the broken screen; no need to describe it.

📐

"Explain this file" — @ it and ask what it does.

Show, don't tell.