Nelle parole della skill
Questa skill genera immagini premium di schermate per app mobile per iOS, Android e prodotti cross-platform, coprendo flussi di onboarding, dashboard, schermate profilo, flussi di autenticazione, ecommerce, fintech, salute, produttività e app social. Dà priorità a una gerarchia pulita, testo leggibile, forte coerenza multi-schermata, palette colori controllate, direzione creativa non generica, superfici testurizzate, composizione guidata dall'immagine e iconografia personalizzata.
Per impostazione predefinita, le schermate appaiono all'interno di mockup di iPhone o telefoni simili premium e discreti, con cornici visibili. La skill genera solo immagini, senza codice, senza implementazione, senza conversione da immagine a codice. Utilizza valori di configurazione come DESIGN_VARIANCE: 8, ART_DIRECTION: 9, TEXT_READABILITY_PRIORITY: 10 e CONSISTENCY_STRENGTH: 10 per contrastare attivamente i pattern generici tipici dell'output mobile AI, tra cui falsi dashboard fintech, testo minuscolo illeggibile, palette generiche viola-blu e set di schermate incoerenti.
Che cosa produce
- Una o più immagini di schermate mobile all'interno di mockup di telefoni puliti con bordi del dispositivo visibili, dove l'attenzione principale resta sul contenuto dell'app stesso
- Facoltativamente, vista di dettaglio aggiuntive o nuove immagini di schermate autonome quando un dettaglio non è chiaro, generate appositamente piuttosto che ritagliate da immagini più grandi
Come funziona
- 01Selezioni prima la modalità piattaforma
Scelga la modalità premium nativa iOS, premium nativa Android o premium neutrale cross-platform per stabilire i pattern di navigazione, la gestione della safe-area e il comportamento del chrome prima di generare qualsiasi schermata.
- 02Blocchi la design bible interna
Quando genera più immagini per la stessa app, stabilisca e mantenga una modalità piattaforma, uno stile di frame del dispositivo, una logica di palette, un mood tipografico, un sistema di spaziatura, un raggio degli angoli, uno stile delle icone e un modello di navigazione coerenti su tutte le schermate.
- 03Scelga il sistema di direzione visiva
Selezionare un solo paradigma tematico, un carattere tipografico, un orientamento strutturale, un orientamento di art direction per le immagini, un trattamento delle texture, una logica della palette, esattamente 4 componenti distintivi, esattamente 2 asset decorativi ed esattamente 2 linguaggi di movimento impliciti, per evitare output ripetitivi.
- 04Genera nuovi render di dettaglio quando necessario
Quando una schermata o un dettaglio richiede una vista dedicata, genera una nuova immagine di schermata autonoma invece di ritagliarla da un'immagine più grande generata precedentemente, per preservare spaziatura, proporzioni e tipografia.
- 05Esegui la verifica di qualità
Prima di finalizzare, verifica 27 controlli, tra cui se il risultato sembra una vera app mobile e non un sito web, se le safe area sono rispettate, se la prima schermata è chiara, se il testo è leggibile, se sono state generate schermate a sufficienza, se il flusso è coerente e se l'inquadratura del mockup è pulita.