Dans les termes du Skill
Ce skill génère des images d'écrans d'applications mobiles haut de gamme pour iOS, Android, et les produits cross-platform, couvrant les flux d'onboarding, les tableaux de bord, les écrans de profil, les flux d'authentification, l'e-commerce, la fintech, la santé, la productivité, et les applications sociales. Il privilégie une hiérarchie claire, un texte lisible, une forte cohérence multi-écrans, des palettes de couleurs maîtrisées, une direction créative non générique, des surfaces texturées, une composition guidée par l'image, et une iconographie personnalisée.
Les écrans apparaissent par défaut à l'intérieur de maquettes iPhone subtiles et haut de gamme ou de téléphones similaires, avec des cadres visibles. Le skill génère uniquement des images—pas de code, pas d'implémentation, pas de conversion image-vers-code. Il utilise des valeurs de configuration comme DESIGN_VARIANCE: 8, ART_DIRECTION: 9, TEXT_READABILITY_PRIORITY: 10, et CONSISTENCY_STRENGTH: 10 pour contrer activement les schémas génériques de sortie mobile IA, notamment les faux tableaux de bord fintech, le texte minuscule illisible, les palettes violet-bleu génériques, et les ensembles d'écrans incohérents.
Ce qu'il produit
- Une ou plusieurs images d'écrans mobiles à l'intérieur de maquettes de téléphone propres avec des bordures d'appareil visibles, où l'accent principal reste sur le contenu de l'application lui-même
- Éventuellement des vues de détail supplémentaires ou de nouvelles images d'écrans autonomes lorsqu'un détail n'est pas clair, générées spécifiquement plutôt que découpées à partir d'images plus grandes
Fonctionnement
- 01Sélectionnez D'abord le Mode Plateforme
Choisissez iOS-natif premium, Android-natif premium, ou cross-platform premium neutre pour établir les modèles de navigation, la gestion des zones sûres, et le comportement du chrome avant de générer des écrans.
- 02Verrouillez la Bible de Design Interne
Lors de la génération de plusieurs images pour la même application, établissez et maintenez un mode plateforme, un style de cadre d'appareil, une logique de palette, une ambiance typographique, un système d'espacement, un rayon d'angle, un style d'icône, et un modèle de navigation cohérents sur tous les écrans.
- 03Choisissez le Système de Direction Visuelle
Sélectionner un paradigme thématique, un caractère typographique, un biais de structure, un biais de direction artistique pour les images, un traitement de texture, une logique de palette, exactement 4 composants signature, exactement 2 éléments décoratifs et exactement 2 langages de mouvement suggérés afin d'éviter des sorties répétitives.
- 04Générer de nouveaux rendus détaillés en cas de besoin
Lorsqu'un écran ou un détail nécessite une vue dédiée, générer une nouvelle image d'écran autonome plutôt que de recadrer une image plus grande générée précédemment, afin de préserver les espacements, les proportions et la typographie.
- 05Exécuter une vérification qualité
Avant de finaliser, vérifier 27 points de contrôle, notamment si l'ensemble ressemble à une véritable application mobile et non à un site web, si les zones de sécurité sont respectées, si le premier écran est épuré, si le texte est lisible, si suffisamment d'écrans ont été générés et si le flux est cohérent et le cadrage du mockup propre.