Elevazione estetica front-end
Istruzioni
Evitate l'estetica mediocre tipica delle "creazioni AI di bassa qualità" e create un'interfaccia utente sorprendentemente unica.
## Cinque dimensioni fondamentali
**1. Tipografia**
- ❌ Vietati: Inter, Roboto, Arial, caratteri di sistema
- ✅ Scegli: Caratteri unici e distintivi
- ✅ Combinazione: carattere Showcase + carattere Corpo, contrasto elevato
- ✅ Suggerimenti: Contrasto estremo tra spessore del carattere (100 vs 900), ampia gamma di dimensioni del carattere (3 volte o più)
**2. Colore e tema**
- ✅ Mantieni un'estetica coerente utilizzando le variabili CSS.
- ✅ Colore dominante + colore d'accento vivace
- ❌ Da evitare: sfumatura viola + sfondo bianco
- ✅ Ispirazione: temi IDE, estetica culturale
**3. Movimento**
- ✅ Le animazioni CSS hanno la precedenza (HTML)
- ✅ Libreria di animazioni
- ✅ Concentrati sull'impatto maggiore: un caricamento della pagina attentamente curato > micro-interazioni sparse
- ✅ Attivazione tramite scorrimento, sorpresa al passaggio del mouse
**4. Disposizione spaziale**
- ✅ Flusso diagonale asimmetrico e sovrapposto
- ✅ Rompere la griglia, uso audace dello spazio bianco OPPURE densità controllata
**5. Dettagli di base**
- ✅ Crea atmosfera e profondità
- ✅ Rete sfumata, rumore, motivi geometrici
- ✅ Trasparenza a strati, ombre intense, bordi decorativi
## Principi chiave
- Ogni progetto dovrebbe essere diverso per evitare convergenze ripetitive.
- Raggiungere una visione estetica commisurata alla complessità
L'estrema complessità richiede una progettazione meticolosa, mentre il minimalismo richiede moderazione e precisione.
- Liberati dal pensiero convenzionale e fai scelte davvero uniche
⚡ Riassunto in una riga
Carattere unico + combinazione di colori audace + animazione meticolosa + layout innovativo + sfondo suggestivo = design front-end indimenticabile
Rifiuta: Inter/Roboto, sfondo bianco con sfumatura viola, layout monotono
📋 Lista di controllo rapida
Dimensioni e elementi da ispezionare
È opportuno evitare i caratteri Inter/Roboto? Esistono combinazioni di colori particolari?
La combinazione di colori segue un tema unitario? È meglio evitare le sfumature di viola?
L'animazione presenta un effetto di caricamento accuratamente coreografato?
La disposizione si discosta dalla griglia convenzionale?
Lo sfondo contribuisce a creare profondità e atmosfera?
Descrizione
Consigliato da
nene@YouMind
Perché consigliamo questa abilità
Stanco del design 'AI slop'? Questa skill ti aiuta a uscire dalla mediocrità con tipografia unica, colori audaci, animazioni raffinate, layout innovativo e sfondi profondi, creando interfacce front-end sorprendenti. Una guida per una svolta visiva.
Carattere tipografico unico Estetica cyberpunk scura Layout dinamico asimmetrico Animazioni di caricamento sapientemente coreografate Creazione di un'atmosfera immersiva
Abilità correlate
Vedi tutto
PresentazioniStile neo-brutalista sviluppatori
Trasforma i tuoi contenuti (temi, articoli, conoscenze, revisioni di progetto, corsi o strumenti) in una serie di slide orizzontali in stile editoriale neo-brutalista per sviluppatori. Lo stile combina design neo-brutalista, impaginazione da rivista indipendente ed estetica da terminale: sfondo beige, bordi neri spessi, ombre dure, blocchi ad alto contrasto, titoli ultra-grassetti, carattere monospazio e layout modulari da web/terminal/card, per una forte espressione tecnica. Il processo inizia con l'estrazione della struttura del contenuto, quindi per ogni slide viene determinato un punto chiave, generando automaticamente titolo, spiegazione, moduli di conoscenza, conclusione e componenti visivi adatti. È particolarmente indicato per: introduzioni di strumenti AI, pratiche con Agent, analisi di progetti open source, organizzazione di corsi, riepiloghi metodologici, spiegazioni di funzionalità e revisioni tecniche. Il risultato è un set di slide orizzontali in formato 16:9, con un design uniforme, lettura chiara, spazi bianchi generosi e uno stile distintivo, che evoca l'effetto di un autore di progetti open source che condivide know-how tecnico e di una rivista di design indipendente che racconta una storia.
ImmaginePoster stile incisioni Han
Un sistema visivo ispirato alle incisioni in pietra Han: figure a silhouette geometriche × colori di sfondo classici × impaginazione asimmetrica editoriale. Adatto per poster di eventi, annunci in diretta, copertine di podcast. Basta indicare il tema, e lui incide i contenuti moderni nell'estetica di duemila anni fa.
ScrivereTitoli Dan Koe per brand
Genera 7 titoli per il contenuto dell'utente, ciascuno dei quali rappresenta una caratteristica fondamentale dello stile di Dan Koe, garantendo varietà e possibilità di scelta. Questo è un maestro nella creazione di titoli che padroneggia la psicologia della viralità e l'estetica dei contenuti di Dan Koe. È progettato per creatori, personal brander e nomadi digitali, trasformando i tuoi argomenti noiosi in titoli virali con la qualità di un 'leader di pensiero'. 🌟 Competenze chiave Analisi approfondita dei contenuti: estrae automaticamente i punti dolenti principali, il profilo del pubblico e la proposta di valore da parole chiave frammentate o script di migliaia di parole. Sette dimensioni d'oro: seguendo rigorosamente la logica visiva di Dan Koe, genera 7 angolazioni completamente diverse in un'unica volta.
Elevazione estetica front-end
Istruzioni
Evitate l'estetica mediocre tipica delle "creazioni AI di bassa qualità" e create un'interfaccia utente sorprendentemente unica.
## Cinque dimensioni fondamentali
**1. Tipografia**
- ❌ Vietati: Inter, Roboto, Arial, caratteri di sistema
- ✅ Scegli: Caratteri unici e distintivi
- ✅ Combinazione: carattere Showcase + carattere Corpo, contrasto elevato
- ✅ Suggerimenti: Contrasto estremo tra spessore del carattere (100 vs 900), ampia gamma di dimensioni del carattere (3 volte o più)
**2. Colore e tema**
- ✅ Mantieni un'estetica coerente utilizzando le variabili CSS.
- ✅ Colore dominante + colore d'accento vivace
- ❌ Da evitare: sfumatura viola + sfondo bianco
- ✅ Ispirazione: temi IDE, estetica culturale
**3. Movimento**
- ✅ Le animazioni CSS hanno la precedenza (HTML)
- ✅ Libreria di animazioni
- ✅ Concentrati sull'impatto maggiore: un caricamento della pagina attentamente curato > micro-interazioni sparse
- ✅ Attivazione tramite scorrimento, sorpresa al passaggio del mouse
**4. Disposizione spaziale**
- ✅ Flusso diagonale asimmetrico e sovrapposto
- ✅ Rompere la griglia, uso audace dello spazio bianco OPPURE densità controllata
**5. Dettagli di base**
- ✅ Crea atmosfera e profondità
- ✅ Rete sfumata, rumore, motivi geometrici
- ✅ Trasparenza a strati, ombre intense, bordi decorativi
## Principi chiave
- Ogni progetto dovrebbe essere diverso per evitare convergenze ripetitive.
- Raggiungere una visione estetica commisurata alla complessità
L'estrema complessità richiede una progettazione meticolosa, mentre il minimalismo richiede moderazione e precisione.
- Liberati dal pensiero convenzionale e fai scelte davvero uniche
⚡ Riassunto in una riga
Carattere unico + combinazione di colori audace + animazione meticolosa + layout innovativo + sfondo suggestivo = design front-end indimenticabile
Rifiuta: Inter/Roboto, sfondo bianco con sfumatura viola, layout monotono
📋 Lista di controllo rapida
Dimensioni e elementi da ispezionare
È opportuno evitare i caratteri Inter/Roboto? Esistono combinazioni di colori particolari?
La combinazione di colori segue un tema unitario? È meglio evitare le sfumature di viola?
L'animazione presenta un effetto di caricamento accuratamente coreografato?
La disposizione si discosta dalla griglia convenzionale?
Lo sfondo contribuisce a creare profondità e atmosfera?
Descrizione
Consigliato da
nene@YouMind
Perché consigliamo questa abilità
Stanco del design 'AI slop'? Questa skill ti aiuta a uscire dalla mediocrità con tipografia unica, colori audaci, animazioni raffinate, layout innovativo e sfondi profondi, creando interfacce front-end sorprendenti. Una guida per una svolta visiva.
Carattere tipografico unico Estetica cyberpunk scura Layout dinamico asimmetrico Animazioni di caricamento sapientemente coreografate Creazione di un'atmosfera immersiva
Abilità correlate
Vedi tuttoPresentazioniStile neo-brutalista sviluppatori
Trasforma i tuoi contenuti (temi, articoli, conoscenze, revisioni di progetto, corsi o strumenti) in una serie di slide orizzontali in stile editoriale neo-brutalista per sviluppatori. Lo stile combina design neo-brutalista, impaginazione da rivista indipendente ed estetica da terminale: sfondo beige, bordi neri spessi, ombre dure, blocchi ad alto contrasto, titoli ultra-grassetti, carattere monospazio e layout modulari da web/terminal/card, per una forte espressione tecnica. Il processo inizia con l'estrazione della struttura del contenuto, quindi per ogni slide viene determinato un punto chiave, generando automaticamente titolo, spiegazione, moduli di conoscenza, conclusione e componenti visivi adatti. È particolarmente indicato per: introduzioni di strumenti AI, pratiche con Agent, analisi di progetti open source, organizzazione di corsi, riepiloghi metodologici, spiegazioni di funzionalità e revisioni tecniche. Il risultato è un set di slide orizzontali in formato 16:9, con un design uniforme, lettura chiara, spazi bianchi generosi e uno stile distintivo, che evoca l'effetto di un autore di progetti open source che condivide know-how tecnico e di una rivista di design indipendente che racconta una storia.
ImmaginePoster stile incisioni Han
Un sistema visivo ispirato alle incisioni in pietra Han: figure a silhouette geometriche × colori di sfondo classici × impaginazione asimmetrica editoriale. Adatto per poster di eventi, annunci in diretta, copertine di podcast. Basta indicare il tema, e lui incide i contenuti moderni nell'estetica di duemila anni fa.
ScrivereTitoli Dan Koe per brand
Genera 7 titoli per il contenuto dell'utente, ciascuno dei quali rappresenta una caratteristica fondamentale dello stile di Dan Koe, garantendo varietà e possibilità di scelta. Questo è un maestro nella creazione di titoli che padroneggia la psicologia della viralità e l'estetica dei contenuti di Dan Koe. È progettato per creatori, personal brander e nomadi digitali, trasformando i tuoi argomenti noiosi in titoli virali con la qualità di un 'leader di pensiero'. 🌟 Competenze chiave Analisi approfondita dei contenuti: estrae automaticamente i punti dolenti principali, il profilo del pubblico e la proposta di valore da parole chiave frammentate o script di migliaia di parole. Sette dimensioni d'oro: seguendo rigorosamente la logica visiva di Dan Koe, genera 7 angolazioni completamente diverse in un'unica volta.
Trova la tua prossima abilità preferita
Esplora altre abilità AI curate per ricerca, creazione e lavoro quotidiano.