Comprendi fondamentalmente che Claude Code è uno strumento da riga di comando con tutte le sue caratteristiche di base.
# Claude Code può eseguire tutte le operazioni CLI standard
claude --help
claude --version
claude --list-sessions
Usa il parametro -P per eseguire in modalità riga di comando.
# Passare direttamente prompt per eseguire attività
claude -P "analizza package.json ed elenca tutte le dipendenze"
Usa il parametro -P per eseguire in modalità frontend non interattiva.
# Modalità non interattiva, output diretto dei risultati
claude -P "genera un componente React" --no-interactive
Collega altri strumenti da riga di comando (bash/strumenti CLI) con il tuo flusso di lavoro.
# Usare in combinazione con altri strumenti
git diff | claude -P "spiega queste modifiche al codice"
npm test 2>&1 | claude -P "analizza le ragioni dei fallimenti dei test"
Invia dati a Claude Code tramite pipeline (|).
# Trasferimento dati tramite pipeline
cat error.log | claude -P "analizza il registro errori e fornisci soluzioni"
curl https://api.example.com | claude -P "analizza questa risposta API"
Esegui più istanze di Claude Code simultaneamente per diverse attività.
# Terminal 1
claude --session frontend-work
# Terminal 2
claude --session backend-api
# Terminal 3
claude --session testing
Istruisci Claude Code ad avviare una nuova istanza per gestire un'attività.
Per favore esegui i test in una nuova istanza di Claude e riportami i risultati.
Usa la scorciatoia Shift+Command+Control+4 per copiare screenshot negli appunti.
Premi Shift+Command+Control+4
Seleziona l'area da catturare
Lo screenshot viene automaticamente copiato negli appunti
Usa Control+V (non Command+V) per incollare immagini nel terminale.
Nota: Nel terminale macOS, usa
Control+Vinvece diCommand+Vper incollare immagini
Incolla immagini di mockup e lascia che Claude Code costruisca l'interfaccia.
[Incolla immagine mockup]
Per favore genera componenti React corrispondenti basati su questo mockup, includendo:
- Layout responsive
- Adattamento mobile
- Utilizzo di Tailwind CSS
Cattura lo stato attuale dell'applicazione e restituiscilo a Claude Code per modifiche iterative.
Genera codice interfaccia iniziale
Cattura screenshot degli effetti di esecuzione
Effettua aggiustamenti basati sugli screenshot
Ripeti fino alla soddisfazione
Usa il servizio Puppeteer MCP per automatizzare il processo di screenshot della tua applicazione.
// Esempio di script di screenshot automatizzato
const puppeteer = require('puppeteer')
async function captureScreenshots() {
const browser = await puppeteer.launch()
const page = await browser.newPage()
// Catturare screenshot di diversi stati
await page.goto('https://localhost:3000')
await page.screenshot({ path: 'homepage.png' })
await page.click('.login-button')
await page.screenshot({ path: 'login-page.png' })
await browser.close()
}
Elabora più file di immagini simultaneamente.
Per favore analizza tutti gli screenshot nella directory screenshots/ e identifica le incoerenze dell'UI.
Claude Code stesso può fungere sia da server MCP che da client per connettersi ad altri servizi.
// Esempio di configurazione MCP
{
"mcpServers": {
"postgres": {
"command": "npx",
"args": ["@modelcontextprotocol/server-postgres"]
}
}
}
Usa il server Postgres MCP per connettere Claude Code al tuo database.
Dopo la connessione al database, per favore:
1. Analizza le strutture delle tabelle esistenti
2. Genera definizioni di tipi TypeScript
3. Crea interfacce API CRUD
Sfrutta i server MCP forniti da aziende come Cloudflare per ottenere documentazione aggiornata in tempo reale.
Per favore ottieni l'ultima documentazione Workers API da Cloudflare MCP e crea un progetto di esempio.
Incolla semplicemente un URL, Claude Code estrarrà il contenuto di quella pagina web come contesto.
https://docs.example.com/api/v2
Per favore crea un SDK TypeScript corrispondente basato sulla documentazione sopra.
Usa la funzione di estrazione URL per ottenere conoscenze esterne e applicarle al codice.
https://en.wikipedia.org/wiki/Chess_rules
Basandoti sulle regole sopra, implementa la logica centrale di un gioco di scacchi.
CLAUDE.md è un file di prompt di sistema caricato ad ogni richiesta.
# Esempio di struttura CLAUDE.md
## Panoramica del Progetto
Breve descrizione dello scopo del progetto e dello stack tecnologico
## Standard di Sviluppo
- Linee guida di stile del codice
- Convenzioni di denominazione
- Struttura di organizzazione dei file
## Comandi Comuni
Elencare i comandi comunemente usati nel progetto
## Note
Note specifiche del progetto e limitazioni
Esegui il comando /init nella directory del progetto per generare automaticamente un CLAUDE.md basato sulla struttura del progetto.
# Eseguire nella directory radice del progetto
> /init
# Claude Code analizzerà il progetto e genererà il file di configurazione
Definisci regole di codifica specifiche del progetto in CLAUDE.md.
## Regole del Progetto
- Tutte le risposte API devono includere i campi status e data
- Usa camelCase per i nomi delle variabili, PascalCase per i componenti
- Vieta l'uso del tipo any, definisci tipi TypeScript espliciti
Includi modelli di codice comuni nel file di configurazione.
## Modelli di Codice
### Modello di Componente React
\```tsx
import React from 'react';
interface Props {
// definizione props
}
export const ComponentName: React.FC<Props> = ({ }) => {
return <div></div>;
};
\```
Usa CLAUDE.md per documentare decisioni architetturali importanti.
## Registro delle Decisioni Architetturali
### ADR-001: Usare Redux Toolkit
- **Data**: 2024-01-15
- **Decisione**: Adottare Redux Toolkit come soluzione di gestione dello stato
- **Motivo**: Semplifica l'uso di Redux, riduce il codice boilerplate
Documenta lo scopo e i requisiti di versione delle dipendenze chiave.
## Dipendenze Chiave
| Pacchetto | Versione | Scopo | Note |
| --------- | -------- | ---------------- | ----------------------------- |
| react | ^18.0.0 | Framework UI | Usa funzionalità concorrenti |
| next | ^14.0.0 | Framework Full-Stack | App Router |
Chiarifica i requisiti e le strategie di test del progetto.
## Strategia di Test
- Copertura test unitari > 80%
- Tutti gli endpoint API devono avere test di integrazione
- Usa Jest + React Testing Library
- Test E2E con Playwright
Crea comandi personalizzati nella directory .claude/commands/.
// .claude/commands/test-all.js
module.exports = {
name: 'test-all',
description: 'Esegui tutti i test e genera report di copertura',
execute: async () => {
await runCommand('npm test -- --coverage')
await runCommand('npm run e2e')
}
}
Crea alias brevi per comandi lunghi usati frequentemente.
// .claude/commands/aliases.js
module.exports = {
c: 'commit',
p: 'push',
ta: 'test-all',
dev: 'npm run dev'
}
Crea comandi batch che eseguono più operazioni.
// .claude/commands/deploy.js
module.exports = {
name: 'deploy',
description: 'Processo completo di deployment',
execute: async () => {
await runCommand('npm test')
await runCommand('npm run build')
await runCommand('npm run deploy:prod')
}
}
Supporta comandi personalizzati che ricevono parametri.
// .claude/commands/create-component.js
module.exports = {
name: 'create-component',
description: 'Crea nuovo componente',
parameters: ['name', 'type'],
execute: async (name, type = 'functional') => {
// Genera componente basato sui parametri
}
}
Comandi che eseguono diverse operazioni basate su condizioni.
// .claude/commands/smart-test.js
module.exports = {
name: 'smart-test',
execute: async () => {
const files = await getChangedFiles()
if (files.some((f) => f.endsWith('.tsx'))) {
await runCommand('npm run test:components')
}
if (files.some((f) => f.includes('api/'))) {
await runCommand('npm run test:api')
}
}
}
Crea comandi interattivi che richiedono input dell'utente.
// .claude/commands/scaffold.js
module.exports = {
name: 'scaffold',
interactive: true,
execute: async () => {
const type = await prompt('Scegli tipo: component/page/api')
const name = await prompt('Inserisci nome:')
// Genera codice basato sull'input
}
}
Sfrutta la funzione di schermo diviso del terminale per visualizzare codice e output di Claude Code simultaneamente.
# Divisione orizzontale
Ctrl+b "
# Divisione verticale
Ctrl+b %
# Cambiare pannelli
Ctrl+b tasti direzionali
# Divisione orizzontale
Cmd+D
# Divisione verticale
Cmd+Shift+D
# Cambiare pannelli
Cmd+Option+tasti direzionali
Configura spazi di lavoro dedicati per diversi tipi di attività.
# Creare spazio di lavoro sviluppo frontend
claude --workspace frontend --dir ./src/components
# Creare spazio di lavoro sviluppo backend
claude --workspace backend --dir ./src/api
# Creare spazio di lavoro test
claude --workspace testing --dir ./tests
Sfrutta la funzione di storico delle sessioni per recuperare rapidamente stati di lavoro precedenti.
# Visualizza storico sessioni
claude --history
# Ripristina sessione specifica
claude --resume <session-id>
# Esporta registrazione sessione
claude --export-session > session-backup.json
Comprendi profondamente l'essenza di Claude Code come strumento CLI e sfrutta completamente le funzionalità da riga di comando.
Usa bene gli screenshot e le funzioni di elaborazione delle immagini, stabilisci loop di feedback visivi per accelerare lo sviluppo.
Connetti database, documentazione API e altre risorse esterne per espandere i confini delle capacità di Claude Code.
Crea un ambiente dedicato al progetto tramite CLAUDE.md e comandi personalizzati.
Usa schermo diviso, spazi di lavoro, gestione delle sessioni e altre tecniche per migliorare l'efficienza dello sviluppo.
💡 Suggerimento: Questi 34 consigli coprono tutti gli aspetti di Claude Code. Si consiglia di padroneggiare prima le tecniche di base, quindi applicare gradualmente le funzioni avanzate in base alle esigenze del progetto, formando infine un flusso di lavoro efficiente adatto a te.