34 Consigli per Usare Claude Code

Padroneggia le tecniche avanzate di Claude Code, dalla riga di comando all'elaborazione delle immagini, dalle integrazioni esterne all'ottimizzazione del flusso di lavoro - una guida completa.

Consigli sulla Riga di Comando (CLI)

1. Consideralo come CLI

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

2. Passare Parametri di Comando

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"

3. Usare la Modalità Non Interattiva

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

4. Collegare con Altri Strumenti

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"

5. Usare l'Input da Pipeline

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"

6. Eseguire Più Istanze

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

7. Lasciare Che Si Avvii Da Solo

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.

Consigli sull'Elaborazione delle Immagini

8. Screenshot macOS

Usa la scorciatoia Shift+Command+Control+4 per copiare screenshot negli appunti.

Passo 1

Premi Shift+Command+Control+4

Passo 2

Seleziona l'area da catturare

Passo 3

Lo screenshot viene automaticamente copiato negli appunti

9. Usare Control+V per Incollare

Usa Control+V (non Command+V) per incollare immagini nel terminale.

Nota: Nel terminale macOS, usa Control+V invece di Command+V per incollare immagini

10. Generare Codice da Mockup

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

11. Stabilire un Loop di Feedback Visivo

Cattura lo stato attuale dell'applicazione e restituiscilo a Claude Code per modifiche iterative.

Implementazione Iniziale

Genera codice interfaccia iniziale

Feedback da Screenshot

Cattura screenshot degli effetti di esecuzione

Ottimizzazione Iterativa

Effettua aggiustamenti basati sugli screenshot

Miglioramento Ciclico

Ripeti fino alla soddisfazione

12. Generazione Automatizzata

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()
}

13. Elaborazione Batch di Immagini

Elabora più file di immagini simultaneamente.

Per favore analizza tutti gli screenshot nella directory screenshots/ e identifica le incoerenze dell'UI.

Consigli su Integrazione e Dati Esterni

14. Fungere da Server/Client MCP

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"]
    }
  }
}

15. Connettere Database

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

16. Ottenere Documentazione API Aggiornata

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.

18. Ottenere Conoscenze Esterne

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.

Consigli sul File di Configurazione CLAUDE.md

19. Comprendere la Sua Funzione Principale

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

20. Generare Automaticamente con /init

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

21. Aggiungere Regole Specifiche del Progetto

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

22. Includere Frammenti di Codice Comuni

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>;
};
\```

23. Documentare Decisioni Architetturali

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

24. Mantenere Descrizioni delle Dipendenze

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                |

25. Definire la Strategia di Test

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

Consigli sui Comandi Slash

26. Creare Comandi Personalizzati

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')
  }
}

27. Alias di Comandi

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'
}

28. Comandi Batch

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')
  }
}

29. Comandi Parametrizzati

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
  }
}

30. Comandi Condizionali

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')
    }
  }
}

31. Comandi Interattivi

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
  }
}

Consigli su UI e Flusso di Lavoro

32. Usare la Modalità Schermo Diviso

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

33. Configurare Spazi di Lavoro

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

34. Usare lo Storico delle Sessioni

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

Riepilogo delle Best Practice

Padroneggiare le Basi

Comprendi profondamente l'essenza di Claude Code come strumento CLI e sfrutta completamente le funzionalità da riga di comando.

Dare Priorità al Visivo

Usa bene gli screenshot e le funzioni di elaborazione delle immagini, stabilisci loop di feedback visivi per accelerare lo sviluppo.

Integrazione Esterna

Connetti database, documentazione API e altre risorse esterne per espandere i confini delle capacità di Claude Code.

Configurazione Personalizzata

Crea un ambiente dedicato al progetto tramite CLAUDE.md e comandi personalizzati.

Ottimizzazione del Flusso di Lavoro

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.

Insieme all'AI, infinite innovazioni e opportunità
Informazioni
Funzionalità
Documentazione
Prezzi
Contattaci
Termini e politiche
Termini di utilizzo
Informativa sulla privacy
Legge sulle transazioni commerciali specifiche