1/ come migliorare il design del tuo sito web utilizzando Claude Code + Skills a ho codificato questo sito. era funzionale ma mancava di brio dopo ho scoperto Claude Skills e l'ho portato in vita ecco il mio flusso di lavoro esatto 🧵
2/ il problema con i frontend generati dall'IA è che: - sembrano tutti uguali - scelte di colore sicure (pulsanti blu, sfondi bianchi) - stile dei componenti generico - zero personalità o distintività il mio sito web iniziale era a posto, funzionale ma non aveva la scintilla che desideravo
4/ tornando all'esempio del mio sito web, ho seguito questi passaggi per mettere a frutto le abilità di Claude: 1. ho aperto il codice di claude nel mio progetto 2. ho eseguito: > spiega le abilità di claude (per capire cosa è disponibile) per il mio progetto 3. ho invocato l'abilità di design frontend 4. è tornato con un concetto di design frontend dettagliato che non era generico con un solo comando, Claude è passato da un semplice assistente di codice a un esperto di design
5/ utilizzare solo il Claude Code ti darà un sito web completamente funzionale MA un sito web generico utilizzando Claude Code + Skills puoi ottenere un sito web di livello produzione e distintivo e portarlo in vita Le Skills forniscono a Claude un contesto specializzato che cambia il modo in cui affronta i problemi la skill di design frontend evita specificamente la trappola dell'"estetica AI generica"
6/ prova tu stesso! 1. installa Claude Code 2. apri il tuo progetto frontend 3. invoca l'abilità di frontend-design 4. installa le tue Skills 5. descrivi il tuo design attuale + l'atmosfera che desideri 6. lascia che ricostruisca con un vero pensiero progettuale farò più di questi video di workflow se vi è piaciuto questo, poiché sto sperimentando molto!
13