Menguasai Shortcuts Claude Code di Terminal

Claude Code di Terminal: Lebih dari Sekadar Chat AI

Claude Code dapat dijalankan langsung di terminal (tanpa VS Code atau IDE lainnya), dan memiliki shortcuts keyboard yang powerful untuk boost produktivitas. Kebanyakan developer tidak tahu bahwa Claude Code di terminal memiliki shortcuts sendiri yang berbeda dari shell shortcuts biasa.

Mengapa Pakai Claude Code di Terminal?

• ✅ Lightweight: Tidak butuh membuka VS Code atau IDE berat
• ✅ SSH-friendly: Bisa dipakai di remote servers via SSH
• ✅ Quick access: Instant help saat coding di terminal
• ✅ Context-aware: Auto-detect file, folder, dan terminal output sebagai context

Perbedaan dengan Shell Shortcuts Biasa

⚠️ Important: Artikel ini fokus ke shortcuts Claude Code saat dijalankan di terminal (via claude-code command atau Claude Desktop app di terminal mode), bukan shell shortcuts biasa.

Setup: Install dan Jalankan Claude Code di Terminal

macOS Terminal Setup

# Install Claude Code CLI (if not installed)
brew install claude-code

# Or download from Anthropic
curl -fsSL https://install.anthropic.com/claude-code | sh

# Verify installation
claude-code --version

# Set API key (get from console.anthropic.com)
export ANTHROPIC_API_KEY="sk-ant-xxx"

# Add to ~/.zshrc untuk permanent
echo 'export ANTHROPIC_API_KEY="sk-ant-xxx"' >> ~/.zshrc

# Run Claude Code
claude-code

Windows Command Prompt / PowerShell Setup

# Install via Scoop (recommended)
scoop install claude-code

# Or via Chocolatey
choco install claude-code

# Verify installation
claude-code --version

# Set API key
setx ANTHROPIC_API_KEY "sk-ant-xxx"

# Run Claude Code
claude-code

Terminal Interface Overview

$ claude-code

╔════════════════════════════════════════╗
║         Claude Code Terminal           ║
║                                        ║
║  Cmd/Ctrl+K - Clear conversation       ║
║  Cmd/Ctrl+L - Show shortcuts           ║
║  Cmd/Ctrl+Q - Quit                     ║
║  @file      - Attach file              ║
║  /explain   - Explain code             ║
╚════════════════════════════════════════╝

You: |  # Cursor blinks di sini

💡 Pro Tip: Run claude-code --help untuk see all available CLI options dan flags.

Keyboard Shortcuts Essential Claude Code

Navigation & Control Shortcuts

Input & Editing Shortcuts

Response Interaction Shortcuts

💡 Power Shortcut: Cmd/Ctrl+Enter adalah shortcut paling powerful! Setelah Claude kasih code suggestion, press ini untuk langsung copy ke clipboard—lalu Cmd/Ctrl+V ke editor atau run di terminal.

🔥 Quick Workflow: Ask question → Enter → read response → Cmd/Ctrl+Enter (accept) → Cmd/Ctrl+Q (quit) → paste code. Total: 3 detik!

Context Attachment dengan @-Mentions

Fitur paling powerful dari Claude Code di terminal adalah @-mentions untuk attach context. Ketik @ lalu Tab untuk auto-complete.

Jenis @-Mentions yang Tersedia

Cara Menggunakan @-Mentions di Terminal

# Attach single file
$ claude-code
You: @file:server.js explain the authentication logic

# Multiple files
You: @file:routes.js @file:middleware.js how do these work together?

# Folder analysis
You: @folder:src/auth review security of all auth files

# Clipboard (copy error terlebih dahulu dengan Cmd/Ctrl+C)
You: @clipboard this error happened, what's wrong?

# Last terminal output (after running command yang error)
$ npm test
# Error muncul...
$ claude-code
You: @last explain why tests failed

# Git diff untuk commit message
$ git add .
$ claude-code
You: @git:diff generate semantic commit message

# Current directory context
You: @cwd what kind of project is this? suggest improvements

Advanced: Multi-Context

# Scenario 1: Debug dengan full context
You: @file:app.js @last @clipboard
The error in clipboard happened after running command. 
File context shows current code. What's the issue?

# Scenario 2: Code review
You: @folder:src/controllers @git:diff
Review changes in this PR. Check for:
- Security issues
- Performance problems
- Best practices violations

# Scenario 3: Project documentation
You: @cwd @file:package.json @file:README.md
Generate comprehensive setup guide for new developers

💡 Auto-complete Tip: Ketik @ lalu Tab untuk show available contexts. Ketik @file: lalu Tab Tab untuk list files di current directory.

🎯 Best Practice: @last adalah shortcut paling useful untuk debugging! Run command yang error → claude-code → @last explain error.

Slash Commands untuk Quick Actions

Slash commands adalah shorthand untuk common prompts. Ketik / lalu Tab untuk see all commands.

Daftar Slash Commands

Contoh Penggunaan Slash Commands

# Scenario 1: Debug error
$ npm start
Error: Cannot find module 'express'

$ claude-code
You: @last /fix

Claude: The error indicates missing 'express' dependency.
Run: npm install express
[Code: npm install express]

# Cmd/Ctrl+Enter to accept
# Cmd/Ctrl+E to execute immediately

# Scenario 2: Generate tests
$ claude-code
You: @file:utils.js /test

Claude: Here are unit tests for utils.js:
```javascript
describe('utils', () => {
  test('formatDate returns correct format', () => {
    // test code...
  });
});
```

# Cmd/Ctrl+D to copy code only

# Scenario 3: Git commit
$ git add .
$ claude-code
You: @git:diff /commit

Claude: feat(auth): add JWT authentication middleware

# Cmd/Ctrl+C to copy message
# Cmd/Ctrl+Q to quit
$ git commit -m "feat(auth): add JWT authentication middleware"

# Scenario 4: Generate command
$ claude-code
You: /cmd find all .log files larger than 100MB modified in last 7 days

Claude: find . -name "*.log" -size +100M -mtime -7 -ls

# Cmd/Ctrl+E to execute immediately

🔥 Power Combo: @last + /fix adalah workflow tercepat untuk debugging! Run error command → claude-code → @last /fix → Cmd/Ctrl+E (execute fix).

Workflow Produktif di Terminal

Workflow 1: Quick Debugging (10 detik)

# Step 1: Run command (error muncul)
$ npm test
# Error: Test suite failed...

# Step 2: Ask Claude (2 detik)
$ claude-code
You: @last /fix
[Enter]

# Step 3: Execute fix (3 detik)
Claude: Run: npm install --save-dev jest
[Cmd/Ctrl+E]  # Execute immediately

# Step 4: Quit (1 detik)
[Cmd/Ctrl+Q]

# Total: 10 detik (vs Googling: 5-10 menit)

Workflow 2: Code Review Before Commit

# Step 1: Check changes
$ git add .
$ git diff --cached

# Step 2: Review dengan Claude
$ claude-code
You: @git:diff /review
Check for:
- Security issues
- Performance problems
- Missing error handling

# Step 3: Fix issues jika ada
Claude: Found issue in auth.js line 23: 
Password not hashed before saving.

You: @file:auth.js /fix add bcrypt hashing

# Step 4: Generate commit message
You: @git:diff /commit

Claude: feat(auth): add password hashing with bcrypt

[Cmd/Ctrl+C]
[Cmd/Ctrl+Q]

# Step 5: Commit
$ git commit -m "feat(auth): add password hashing with bcrypt"

Workflow 3: Generate & Test Command

# Step 1: Ask untuk complex command
$ claude-code
You: /cmd 
Backup postgres database to /backup folder with:
- Timestamp in filename
- Gzip compression
- Keep last 7 days only

# Step 2: Claude generate command
Claude:
```bash
pg_dump mydb | gzip > /backup/db-$(date +%Y%m%d-%H%M%S).sql.gz && \
find /backup -name "db-*.sql.gz" -mtime +7 -delete
```

# Step 3: Test dengan dry-run
You: wrap that in echo for dry-run

Claude: 
```bash
echo "Would backup to: /backup/db-$(date +%Y%m%d-%H%M%S).sql.gz" && \
find /backup -name "db-*.sql.gz" -mtime +7 -print
```

[Cmd/Ctrl+E]  # Execute dry-run

# Step 4: Jika OK, execute real command
[↑]  # Previous command
[backspace beberapa kali untuk edit]
[Enter]

Workflow 4: Multi-file Refactoring

# Step 1: Understand current structure
$ claude-code
You: @folder:src/auth review structure and suggest improvements

# Step 2: Plan refactoring
Claude: Suggestions:
1. Extract validation to separate file
2. Split large controller into smaller files
3. Add error handling middleware

You: start with #1, @file:src/auth/controller.js /refactor
Extract validation logic to validators.js

# Step 3: Generate new file
Claude: Create validators.js:
```javascript
// validation code...
```

[Cmd/Ctrl+S]  # Save to file (prompt for filename)
# Enter: validators.js

# Step 4: Update original file
You: @file:src/auth/controller.js update to use validators.js

# Repeat untuk each refactoring step

💡 Pro Tip: Setup alias di ~/.zshrc atau ~/.bashrc untuk quick access:

alias ask='claude-code'
alias fix='claude-code --prompt "@last /fix"'
alias explain='claude-code --prompt "@last /explain"'

# Usage:
$ npm test  # Error
$ fix       # Auto-run claude with @last /fix

Kesimpulan & Cheat Sheet

Must-Know Shortcuts (Top 10)

Quick Reference Card (Print This)

═══════════════════════════════════════════
   CLAUDE CODE TERMINAL SHORTCUTS
═══════════════════════════════════════════

NAVIGATION:
Cmd/Ctrl + Q     → Quit
Cmd/Ctrl + K     → Clear conversation
Cmd/Ctrl + H     → History
Cmd/Ctrl + L     → Show shortcuts
Esc              → Cancel generation

INPUT:
Enter            → Send message
Shift + Enter    → New line (multi-line)
↑ / ↓            → Message history
Cmd/Ctrl + U     → Clear input
Cmd/Ctrl + W     → Delete word

RESPONSE:
Cmd/Ctrl + Enter → Accept suggestion (copy)
Cmd/Ctrl + E     → Execute code/command
Cmd/Ctrl + D     → Copy code only
Cmd/Ctrl + C     → Copy full response
Cmd/Ctrl + R     → Regenerate
Cmd/Ctrl + S     → Save to file

CONTEXT (@):
@file:path       → Attach file
@folder:path     → Attach folder
@clipboard       → Clipboard content
@last            → Last terminal output
@git:diff        → Git changes
@cwd             → Current directory

ACTIONS (/):
/explain         → Explain code
/fix             → Fix errors
/optimize        → Improve performance
/test            → Generate tests
/doc             → Add documentation
/review          → Code review
/refactor        → Clean code
/commit          → Git commit message
/cmd             → Generate shell command

POWER COMBOS:
@last + /fix           → Debug errors (fastest!)
@file:x + /review      → Code quality check
@git:diff + /commit    → Semantic commits
@clipboard + /explain  → Understand copied code
@folder:x + /refactor  → Project cleanup

═══════════════════════════════════════════

Practice Plan (3 Days)

Day 1: Master basic shortcuts

• Practice: claude-code → ask question → Cmd/Ctrl+Enter → Cmd/Ctrl+Q
• Repeat 20x sampai muscle memory
• Try @last untuk debugging real errors

Day 2: Master context & commands

• Practice @file:, @folder:, @clipboard
• Try all slash commands: /fix, /explain, /test, /review
• Setup aliases di shell config

Day 3: Build workflows

• Create custom debugging workflow
• Setup git commit workflow dengan /commit
• Practice Cmd/Ctrl+E untuk execute suggestions

Productivity Impact

Developer yang master Claude Code terminal shortcuts report:

• ✅ 80% faster debugging – @last /fix vs manual Googling (10 sec vs 5-10 min)
• ✅ 5x faster commit messages – @git:diff /commit (5 sec vs 2 min)
• ✅ 90% less context switching – Stay in terminal, no browser needed
• ✅ 50% faster code reviews – @file /review instant feedback

Bottom line: 2-4 jam saved per day. ROI: 1-2 hari practice untuk lifetime productivity boost.

Referensi

1. Claude CLI Documentation – Anthropic
2. Claude Code CLI – GitHub