Marques de leurs propriétaires respectifs. KissMySkills n’est ni affilié à eux ni approuvé par eux.
Comment ça marche
Ask it something hard.
LOADED ✓
Le symbole de mon bouton principal étire le libellé au lieu de l’arrière-plan lorsque je redimensionne l’instance. Comment résoudre ce problème ?
CLAUDE · WITH THIS SKILLVous obtenez : la cause en une ligne (le libellé n’a pas de mise en page intelligente ni de contraintes correctes) -> étapes numérotées : sélectionnez la source du symbole, Inspecteur > Mise en page intelligente, définissez Horizontal, Centré -> l’alternative pour les boutons à largeur fixe à l’aide de Inspecteur > Redimensionnement, avec des épingles et sans Largeur fixe -> une étape de vérification consistant à faire glisser une instance -> une explication en une ligne indiquant pourquoi utiliser la mise en page intelligente plutôt que les contraintes -> l’action suivante : testez avec un remplacement de libellé long pour confirmer que la marge intérieure est conservée.
Des questions avant d’acheter ? Une personne répond, souvent le jour même : hello@kissmyskills.com
// le fichier lui-même
Lisez-le avant de l'acheter.
Les premières lignes du fichier que votre IA lira, exactement telles que livrées. Rien n'est réécrit pour la page.
Utilisez le prénom Une fois le fichier chargé, parlez-lui par son prénom : « Serge, regarde cette page. » C'est à cela que sert le prénom. Cela garde aussi plusieurs skills distincts dans un même chat.
// le skill qui fait tourner votre IA
Vous êtes un utilisateur chevronné de Sketch qui garde ses fichiers bien organisés grâce aux Symboles, aux Styles, aux Variables de couleur et aux Bibliothèques, et qui répond en indiquant les véritables chemins de menus. Vous avez été activé pour accompagner l’utilisateur de l’idée jusqu’à une conception partageable.
KissMySkills.com | Installation : collez ce fichier entier dans Claude Projects (instructions du projet), un GPT personnalisé (instructions), un Gem Gemini ou l'invite système de votre IA. Posez ensuite vos questions comme vous le faites habituellement. Vous êtes un utilisateur chevronné de Sketch, intégré au travail quotidien de conception produit de l'utilisateur : un designer qui a créé et maintenu des systèmes de conception dans Sketch, géré des Bibliothèques au sein d'une équipe et assuré la transmission aux développeurs pendant des années. Vous privilégiez des fichiers propres et évolutifs (Symboles, Styles, Bibliothèques) ainsi que le moins d'étapes possible entre l'idée et le design prêt à partager. Ton : direct et pratique, avec des étapes détaillées lorsque c'est nécessaire, en utilisant les vrais noms des menus et des panneaux de Sketch. · Sketch est une application Mac (.sketch) avec un compagnon web (application web Sketch) pour la consultation, les commentaires, l'inspection et la transmission aux développeurs ; les Espaces de travail contiennent des documents et des Bibliothèques. · Structure des documents : Pages, Plans de travail (avec des préréglages pour iOS, Android, le Web et des tailles personnalisées), Calques, Groupes, Formes (Rectangle, Ovale, Ligne, Tracé, modification vectorielle), calques de texte, Tranches pour l'exportation. · Symboles : Symboles maîtres (Sources de symboles) sur une page Symboles, instances avec Remplacements (texte, image, symbole imbriqué, remplacements de style), contraintes de redimensionnement, Mise en page intelligente (horizontale et verticale, avec marges internes), détachement des instances. · Styles : Styles de calque et Styles de texte, synchronisation des modifications sur tous les calques, partage dans une Bibliothèque, Variables de couleur et leurs nuanciers. · Bibliothèques : documents partagés dont les Symboles, Styles et Variables de couleur sont utilisés dans plusieurs fichiers ; les mises à jour des Bibliothèques apparaissent comme mises à jour disponibles dans les autres documents ; gestion via Sketch > Réglages > Bibliothèques et l'Espace de travail. · Outils de mise en page : paramètres de mise en page et grilles sur les Plans de travail, repères intelligents, Créer une grille (Organiser > Créer une grille), Distribuer, Aligner, Organiser, contraintes de redimensionnement (Ancrer au bord, Fixer la largeur/hauteur), ajustement automatique et zones de texte à largeur fixe. · Prototypage : liens entre Plans de travail, zones réactives, éléments fixes au défilement, Point de départ, prévisualisation dans l'application web et l'application Mirror sur iOS. · Exportation : Rendre exportable, préréglages d'exportation (1x, 2x, 3x, SVG, PDF, PNG, JPG), Tranches, exportation par lots, exportation pour les développeurs via l'Inspecteur de l'application web (CSS, Swift, attributs Android). · Panneau Inspecteur : position et taille, rotation, retournement, rayon, opacité et modes de fusion, Remplissages (uni, dégradé, image, motif), Bordures, Ombres, Ombres internes, Flous, propriétés du texte. · Opérations booléennes : Union, Soustraire, Intersection, Différence ; Aplatir ; vectoriser le contour via Calque > Convertir en contours ; Masques (Masquer avec une forme) et masques alpha. · Extensions et intégrations : Sketch Runner, Anima, Stark pour l'accessibilité, Lottie, Sketch Data (Calque > Données), gestionnaire d'extensions via Sketch > Réglages > Extensions ; Sketch Assistant pour le contrôle qualité des fichiers. · Données et contenu : sources de données pour les noms et les images, texte sur un tracé, données liées à partir de fichiers JSON.
78 lignes · .txt · téléchargement immédiat
// ce qu'il contient
Que contient ce skill ?
Structures de calques symboliques avec Smart Layout, remplacements et contraintes de redimensionnement
Configuration de la bibliothèque : dénomination, styles de texte, styles de calque, variables de couleur, mises à jour
Textes à l'écran adaptés à la taille du plan de travail, prêts à être collés dans les calques de texte
Préréglages d'exportation, notes de transmission aux développeurs et listes de contrôle pour les exportations floues
Product designers and UI designers who build screens and design systems in Sketch every day.
// deux façons de l'obtenir
Utilisez-le dans votre IA, ou téléchargez-le une fois.
Forfait Library
Ce skill et 2 500+ autres, dans votre chat
$9/moisrésiliable à tout moment, ou $59 par an
Les 2 500+ skills, packs de prompts et agents, chargés dès que vous les demandez
Rien à télécharger ni à coller : connectez-vous une fois dans Claude, ChatGPT, Claude Code ou Cursor
De nouveaux skills chaque semaine et 10 fichiers du catalogue à télécharger par mois
Marques de leurs propriétaires respectifs. KissMySkills n’est ni affilié à eux ni approuvé par eux.
// demandez à votre assistant
Ou laissez votre IA installer ce skill pour vous.
Va sur kissmyskills.com/pages/connector et installe pour moi le skill "Skill AI pour Sketch" (handle : ai-skill-for-sketch)
Collez-le dans Claude, ChatGPT, Claude Code, Cursor ou Codex. Votre IA vous guide pour connecter KissMySkills (environ 3 minutes, essai gratuit de 7 jours) et charge le skill. Ce que votre IA va lire →
Ce que vous achetez vraiment
Cette compétence Claude/ChatGPT vous offre un assistant Sketch basé sur l’AI pour le travail de conception que vous réalisez au quotidien : des structures de symboles avec Smart Layout et des contraintes de redimensionnement qui résistent aux libellés longs, des configurations de bibliothèques avec des conventions de nommage, des styles de texte et des variables de couleur, du texte réel à l’écran dimensionné pour votre plan de travail, des cartes de liens de prototype pour les sessions de revue, des préréglages d’exportation et des notes de passation pour les développeurs, ainsi que des listes de contrôle ordonnées lorsqu’un export est flou ou qu’une instance redimensionne le mauvais calque.
Elle connaît les symboles et les remplacements de Sketch, les styles de calque et de texte, les bibliothèques et leur processus de mise à jour, la disposition et les grilles des plans de travail, les opérations booléennes et les masques, les fonctions Rendre exportable et Tranches, l’inspecteur de l’application web pour la passation, ainsi que les pièges courants liés aux contraintes et aux positions sur des demi-pixels. Elle n’utilise pas Sketch directement ; elle prépare les chemins de menus, les réglages et le texte afin que vous les appliquiez vous-même dans le fichier.
Fonctionne de la même manière dans Claude, ChatGPT et Gemini. Un seul achat, téléchargez le fichier, installez-le en moins de 2 minutes, puis posez des questions sur votre document Sketch comme vous le feriez auprès d’un designer produit senior.
// installation
Moins de 2 minutes
Quatre étapes. N’importe quel chat AI.
01
Télécharger le fichier
Après l'achat, le lien de téléchargement arrive dans votre boîte mail. Enregistrez le fichier .txt où vous voulez sur votre appareil.
02
Ouvrez votre conversation AI
N’importe quel chat IA que vous utilisez déjà : Claude, ChatGPT, Gemini, Grok, Copilot ou un autre.
03
Collez le prompt
Ouvrez le fichier .txt, copiez la partie prompt et collez-la dans Claude ou ChatGPT, ou ajoutez-la à un projet pour l'avoir toujours sous la main.
04
Commencez à travailler
Votre AI est maintenant configurée comme spécialiste. Posez-lui n’importe quelle question relevant de son domaine.
Aucune connaissance technique requise.
Avec Library, rien à télécharger. Connectez votre IA une fois, puis demandez n’importe quel skill par son nom.
Il transforme Claude ou ChatGPT en assistant IA pour Sketch, capable de planifier les structures de Symboles, de configurer les Bibliothèques et les Styles, de rédiger le contenu de vos écrans, de définir les liens du prototype, de préparer les préréglages d’exportation pour la transmission aux développeurs et de résoudre les problèmes de redimensionnement et d’exportation. Décrivez le composant ou le problème, et il vous indique les étapes à suivre dans Sketch.
Contrôle-t-il Sketch à ma place ?+
Non. Il n’ouvre pas votre fichier .sketch, ne crée pas de calques et ne publie pas de Bibliothèques. Il prépare les chemins de menus exacts, les paramètres de l’Inspecteur, les conventions de nommage et le texte afin que vous les appliquiez vous-même dans Sketch, et vous avertit de dupliquer le document avant les modifications groupées, comme détacher des Symboles ou remplacer des styles.
Peut-il m’aider à créer une Bibliothèque de système de conception dans Sketch ?+
Oui. Il propose la structure des pages, le nommage des Symboles séparé par des barres obliques, les listes de Styles de texte et de Styles de calque, les Variables de couleur, les règles de Mise en page intelligente pour les composants et le processus de publication des mises à jour de la Bibliothèque à l’équipe via votre Espace de travail.
Rédige-t-il le texte réel qui sera inséré dans mes écrans Sketch ?+
Oui. Donnez-lui l’objectif de l’écran et la largeur de l’Artboard, et il vous renvoie les titres, libellés, textes de boutons, états vides et messages d’erreur avec le nombre de caractères, mis en forme pour que vous puissiez coller chaque chaîne dans le bon calque de texte ou la bonne surcharge de Symbole.
Prêt à spécialiser votre AI ?
Celui-ci et 2 500+ autres, dans Claude, ChatGPT, Claude Code, Codex ou Cursor. Résiliable à tout moment.