design-mobile-apps : laisser un agent concevoir l’UI mobile dans Sleek

Install

npx skills add sleekdotdesign/agent-skills

À qui cela s’adresse

Ce guide s’adresse à qui a besoin d’interfaces d’application mobile et veut qu’un agent crée des maquettes directement dans Sleek. Sleek est l’outil de conception d’applications mobiles piloté par IA nommé officiellement, à l’adresse

https://sleek.design/

Le dépôt est

https://github.com/designed-by-ai/skills

Les matériaux actuels n’enregistrent qu’une skill : design-mobile-apps, pour concevoir des applications mobiles, créer des écrans et gérer des projets Sleek. Le répertoire de la skill est

https://github.com/designed-by-ai/skills/blob/main/skills/design-mobile-apps

Cela convient quand un compte Sleek et une clé sont déjà prêts, et que l’agent peut lire les fichiers de skill du répertoire de travail. Cela ne convient pas sans clé, ni à qui n’envisage pas d’utiliser Sleek. Ne pas déduire d’autres skills que ce matériau n’a jamais écrites.

Réussir un premier essai en 3 minutes

Suivre uniquement le chemin officiel recommandé.

Préalable : cette machine peut exécuter npx, et la clé est déjà dans la variable d’environnement SLEEK_API_KEY. Créer la clé sur cette page :

https://sleek.design/agents/setup

Ne pas mettre la clé dans la conversation ni le dépôt. Avant d’installer, confirmer que le répertoire de travail actuel est le projet où placer la skill.

Emplacement d’installation : le texte officiel dit que npx skills add place la skill dans .agents/skills/ du répertoire de travail. Si l’agent n’y trouve pas les skills, lui indiquer clairement le SKILL.md installé.

Copier et exécuter :

npx skills add sleekdotdesign/agent-skills

La note officielle décrit une installation interactive par parcours. Signal de succès : .agents/skills/ apparaît dans le répertoire de travail et le SKILL.md installé est visible. D’abord une vérification en lecture seule : demander à l’agent comment il créerait un écran d’application mobile et quelles informations de projet Sleek il utiliserait, sans appeler d’API ni modifier le projet. S’il peut désigner design-mobile-apps et mentionner qu’il faut SLEEK_API_KEY, la skill a été trouvée.

Créer un écran ou modifier un projet écrit côté Sleek et constitue une action externe à effets. Ne pas autoriser un vrai appel avant confirmation du projet et du périmètre d’écran.

Cas d’usage

Cas 1 : créer un écran d’application mobile. Correspond à « créer des écrans de conception » écrit pour design-mobile-apps. Convient quand la clé est définie et que la skill apparaît déjà sous .agents/skills/. D’abord faire rédiger dans le dialogue la structure et les textes ; n’autoriser l’écriture Sleek qu’après confirmation. Succès : l’écran correspondant apparaît dans le projet Sleek. Les matériaux n’explicitent ni champs d’interface concrets ni commandes ; ne rien compléter au-delà de « peut créer un écran ».

Cas 2 : gérer un projet Sleek existant. Correspond à « gérer des projets Sleek » dans la même skill. Convient quand le projet existe déjà et que l’on veut seulement inspecter ou ranger, sans créer tout de suite un design. Confirmer d’abord l’identité du projet et demander un exposé en lecture seule de ce qui est possible maintenant. Si l’agent ne trouve pas .agents/skills/, lui indiquer le chemin du SKILL.md installé selon la note officielle. Signal de succès : il correspond à ce projet, au lieu de créer un nouvel écran non autorisé. Les matériaux ne donnent pas le détail d’une API de liste de projets.

Limites d’usage

La commande d’installation pointe vers sleekdotdesign/agent-skills, chaîne différente de l’URL du dépôt ; ne pas la réécrire en une source d’installation jamais apparue. Les matériaux ne nomment aucun client obligatoire et ne donnent pas d’étapes d’installation d’un second marché.

Ne pas appeler sans SLEEK_API_KEY. Garder la clé uniquement en variable d’environnement ; ne pas utiliser de clés d’exemple de substitution. Les matériaux actuels ne prouvent que ce dossier de skill ; ne pas inventer d’autres noms ou chemins.

Créer des écrans et gérer des projets changent les données dans Sleek. Prévisualiser d’abord, puis autoriser. Pour le reste, suivre le dépôt officiel :