Frontend e UI
imagegen-frontend-mobile
Genera flussi di schermate per app mobile di livello premium come immagini, non come codice.
Che cos’è
Una skill solo immagini per concept e flussi di schermate mobile su prodotti iOS, Android e cross-platform. Presenta le schermate dentro mockup di telefono puliti e non scrive mai codice.
Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile products. Prioritizes clean hierarchy, comfortably readable text, s
Perché conta per il design
- Le schermate rispettano safe area e zone di sistema, invece di sembrare siti web dentro un telefono.
- Una design bible fissa mantiene palette, tipografia e icone coerenti su ogni schermata.
- I set multi-schermata formano un flusso credibile, non mockup isolati e scollegati.
Cosa copre
- Platform mode rule
- Generate enough screens rule
- App design bible rule
- Safe area and system region rule
- Device mockup frame rule
- Text size and readability rule
Come installarlo
imagegen-frontend-mobile
-
Clona il repository.
git clone https://github.com/Leonxlnx/taste-skill -
Punta Codex sul file della skill.
skills/imagegen-frontend-mobile/SKILL.md -
Poi descrivi la UI che vuoi. Codex segue la skill.
Come usarlo con Codex
-
Indica la categoria dell’app e il numero di schermate: ogni schermata diventa un’immagine a sé.
-
La skill sceglie prima una modalità piattaforma: iOS, Android, o neutra cross-platform.
-
Chiedile di rigenerare qualsiasi schermata dove il testo è piccolo o l’inquadratura irregolare.
Ogni plugin qui è gratuito, open source e rimanda alla sua vera fonte upstream.
Altro sulla lista codex-design ↗Altri plugin di design per Codex
Frontend e UI Cosa fa gpt-taste Costruisce landing page da premio con motion GSAP legato allo scroll e griglie bento senza vuoti. 
Design system Cosa fa Stitch Design Taste Scrive un DESIGN.md che guida Google Stitch verso schermate non generiche. 
Frontend e UI Cosa fa image-to-code Genera prima immagini di design, le analizza, poi costruisce il codice frontend corrispondente. 
Frontend e UI Cosa fa imagegen-frontend-web Genera un’immagine di riferimento orizzontale per ogni sezione della landing page. Prossimo passo
Progetta con Open Design, senza il setup
Installa questo plugin da solo, oppure porta attorno a Codex un intero strato di design curato con Open Design. Usa la tua chiave, resta padrone dell’output.