Correction UI/UX d'App
UI améliorée, images annotées et prompts.
Correction UI/UX d'App
UI améliorée, images annotées et prompts.
Aperçu
Description
Transformez vos captures d'écran d'applications Android et iOS en améliorations UI/UX claires que votre développeur pourra mettre en œuvre. Pour chaque modification, obtenez : • Une maquette propre montrant le résultat proposé. • Une image annotée correspondante avec des flèches numérotées. • Un prompt d'implémentation copiable expliquant quoi changer, quoi préserver, le fonctionnement des interactions et comment vérifier le résultat. Conçu pour les propriétaires d'applications, les développeurs et les designers collaborant avec des programmeurs ou des assistants de code IA. Préserve l'identité de votre application par défaut et se concentre sur les problèmes à résoudre. Prend en compte les petits et grands écrans, la mise à l'échelle du texte, l'accessibilité et les mises en page multilingues RTL/LTR. L'anglais est la langue par défaut. La compétence répond dans la langue de l'utilisateur lorsqu'elle est identifiable et préserve la langue de l'interface de l'application sauf demande de traduction. Nécessite des capacités de compréhension d'image, de génération d'image et d'édition d'image de référence pour les livrables visuels. Produit des propositions de design et des instructions pour développeurs — et non une application compilée, implémentée ou testée.
Compétences associées
Tout voirStudio Design et Code
Transformez des idées brutes, des plans de contenu ou des captures d'écran d'interface en livrables de design soignés et prêts à être intégrés grâce à un flux de travail structuré en 8 phases. ### Pour qui ? Fondateurs, chefs de produit, marketeurs, éducateurs, créateurs et développeurs qui ont besoin de designs visuels accessibles et de code front-end propre sans tâtonner avec les prompts. ### Que fournir ? - Votre objectif de design et votre public cible (page d'atterrissage SaaS, tableau de bord, interface mobile, fiche imprimable, visuel pour réseaux sociaux, affiche ou kit de marque). - Tout texte requis, dimensions, couleurs de marque ou captures d'écran de référence (si omis, la compétence applique des paramètres par défaut pertinents et les indique). ### Comment ça fonctionne 1. **Brief et stratégie** : extrait votre objectif et vos contraintes, signale rapidement les spécifications contradictoires et sélectionne une stratégie adaptée (conversion, efficacité des tâches, lisibilité/impression ou accessibilité prioritaire). 2. **Système visuel** : fixe une palette de couleurs sémantique (avec calcul de contraste WCAG 2.2 AA), une échelle typographique modulaire et une grille de 4px/8px. 3. **Production et solutions de secours** : génère du HTML5/CSS3 sémantique, des vecteurs SVG évolutifs, des fiches prêtes à l'impression (`@page` / `@media print`) et des jetons de design W3C, ainsi que 3 prompts d'image autonomes (hiérarchie stricte, esthétique créative, hybride) lorsque les outils d'image raster ne sont pas actifs. 4. **Contrôle qualité honnête en 4 états** : vérifie le contraste, les étiquettes, les liens et la géométrie d'impression, en étiquetant chaque vérification comme `VERIFIED`, `NOT VERIFIED`, `FAILED` ou `NOT APPLICABLE`. ### Ce que vous obtenez - Un brief de design concis et un tableau de jetons du système visuel - Des fichiers HTML/CSS/SVG prêts à l'intégration ou des mises en page imprimables - Un rapport de contrôle qualité en 4 états avec des instructions d'édition et d'exportation ### Limites Fournit des formats ouverts (`.html`, `.css`, `.svg`, `.pdf`, `design-tokens.json`) importables dans Figma/Illustrator plutôt que des formats binaires fermés (`.fig`, `.psd`). Les épreuves de presse CMJN commerciales et les vérifications de marques déposées nécessitent une révision humaine.
Remix d’image : créez
Créez des visuels personnalisés à partir d’images de référence marquantes : publicités, concepts de mode, portraits éditoriaux, scènes de produits et explorations visuelles. Image Remix analyse ce qui fait la force de votre référence, puis vous aide à l’adapter à votre sujet, votre style ou votre produit. Conservez la composition et l’atmosphère qui vous plaisent tout en modifiant certains détails grâce à cinq choix guidés. VOS CINQ COMMANDES CRÉATIVES • Personnage / Sujet — Préservez l’apparence de la source, décrivez les changements ou fournissez une référence. • Tenue — Conservez la tenue, décrivez un nouveau look ou utilisez une référence vestimentaire. • Environnement — Préservez le décor ou déplacez la scène dans un nouvel endroit. • Réalisme de la peau — Choisissez une peau lisse mais réaliste, une texture naturelle, des taches de rousseur discrètes ou votre propre description. • Bijoux — Conservez-les, redessinez-les, remplacez-les, supprimez-les ou fournissez une référence. COMMENT ÇA MARCHE Importez une image source et faites vos choix. Ajoutez si nécessaire des références pour la personne, la tenue ou le produit. Le skill recueille les informations essentielles manquantes, prépare un prompt complet de génération en anglais, explique le résultat attendu dans votre langue et génère une image. CONTRÔLEZ LES CHANGEMENTS. CONSERVEZ L’IMPACT VISUEL. La pose, le cadrage, la perspective et l’atmosphère restent cohérents, sauf si vous choisissez de les modifier. L’éclairage, les ombres, les reflets et les matières s’adaptent pour intégrer naturellement les nouveaux éléments. Les références ont des rôles distincts : une référence vestimentaire guide la tenue, tandis qu’une référence de produit guide le design du produit. Cela aide à éviter le transfert de visages, d’arrière-plans ou d’accessoires sans rapport. CE QUE VOUS RECEVEZ • Une image personnalisée générée. • Un prompt d’image complet et réutilisable en anglais. • Une explication claire dans votre langue. Ajoutez des instructions facultatives concernant l’éclairage, le cadrage, le format d’image ou le texte. Affinez le résultat grâce à des révisions ciblées tout en conservant vos choix validés. Recréation guidée par une référence ; la duplication parfaite au pixel près n’est pas garantie.
Studio pub Avant/Après
Faites de la transformation le point central. Transformez une seule photo de produit en visuels publicitaires avant-après audacieux, grâce à une direction artistique expressive, des compositions percutantes et une transformation qui occupe le devant de la scène. Des cosmétiques et soins personnels aux produits ménagers et au fitness, ce skill explore les usages de votre produit et imagine des façons créatives de mettre en scène ses bénéfices pertinents. VOTRE PRODUIT. VOTRE DIRECTION CRÉATIVE. Commencez avec une photo. Le skill étudie le produit, puis vous aide à choisir la scène, les matériaux, les éléments visuels, le format et le style du texte. Envie d’une surprise ? Laissez l’IA prendre les commandes de la création. TROIS CONCEPTS. TROIS IDÉES VISUELLES DISTINCTES. Explorez trois concepts personnalisés avec des prompts complets de génération d’images. Imaginez des révélations à travers des tissus fluides, des environnements sculpturaux, des gros plans spectaculaires, des transitions à travers le verre ou un univers inattendu construit autour de votre produit. Chaque concept propose une histoire visuelle différente. L’AVANT ET L’APRÈS, AU PREMIER PLAN. De grandes scènes de transformation, clairement lisibles, structurent la composition. Le placement du produit, l’atmosphère et la typographie s’accordent pour faire ressortir le changement, même sur l’écran d’un téléphone. VOUS APPROUVEZ. IL CRÉE ENSUITE. Examinez les prompts, demandez des ajustements et sélectionnez un concept ou les trois. La génération d’images ne commence qu’après votre approbation, en utilisant les capacités disponibles dans votre espace de travail. CONÇU SELON VOS PRÉFÉRENCES. Choisissez des dimensions carrées, portrait, paysage ou personnalisées. Ajoutez un titre accrocheur, réduisez le texte au minimum ou laissez les visuels parler. Le processus s’adapte à votre langue, tandis que les prompts de production sont rédigés en anglais par défaut. Importez votre produit. Façonnez la scène. Mettez la transformation au premier plan.
Informations
- Version
- v2
- Dernière mise à jour
- Crédits par exécution
- Selon l’utilisation
- Modèles
- Automatique