Design

openclaw-persona-forge est un skill orienté workflow pour créer de A à Z des packs de persona OpenClaw complets. Il génère la tension identitaire, un cadrage de type SOUL.md, des règles de limites, des options de nom et, en option, des consignes pour le prompt d’avatar. Idéal pour la conception de personnages OpenClaw, les agents de roleplay et les personas proches du design d’interface, mais pas pour de simples retouches d’un persona existant.

gan-style-harness est un skill Generator-Evaluator pour Agent Orchestration qui aide à construire des applications complètes avec une critique plus exigeante, de meilleures itérations et moins de points faibles. Utilisez-le lorsque vous avez besoin du skill gan-style-harness pour des projets frontend intensifs, full-stack ou orientés production, là où la qualité de la revue compte davantage que la vitesse.

Le skill prototype vous aide à créer du code jetable qui répond à une question précise avant de vous engager dans une vraie implémentation. Utilisez-le pour tester la logique, les transitions d’état, la forme des données ou une orientation UI avec un prototype exécutable qui respecte les conventions du dépôt hôte. Il est idéal quand vous avez besoin d’un guide de prototype rapide, pas d’une fonctionnalité finale.

design-taste-frontend est une compétence frontend anti-slop pour les landing pages, les portfolios, les pages éditoriales et les refontes. Elle aide un agent à lire le brief, à déduire la bonne direction visuelle et à livrer des interfaces qui paraissent intentionnelles plutôt que génériques. Idéale pour le développement frontend lorsque le sens du design, la hiérarchie et l’adéquation à la marque sont essentiels.

typeset améliore la typographie des interfaces en corrigeant le choix des polices, la hiérarchie, les tailles, les graisses et la lisibilité, pour que le texte paraisse vraiment intentionnel. Utilisez la skill typeset pour le design d’interface lorsque le texte semble générique, incohérent ou difficile à parcourir, et que vous voulez un système typographique plus clair avec moins d’approximations.

shape est un skill de planification d’abord pour la conception UI/UX : il mène un entretien de découverte structuré et crée un brief de design avant le code. Utilisez-le pour clarifier les besoins utilisateurs, les contraintes et la direction à prendre, puis transmettez le brief à l’implémentation.

quieter est une skill de raffinement du design d’interface qui atténue l’agressivité visuelle des interfaces trop criardes ou surstimulantes, tout en préservant la clarté, la hiérarchie et l’intention de marque. Elle fonctionne mieux après la skill parente $impeccable et aide les équipes à repérer les sources d’intensité avant d’apporter des ajustements ciblés.

distill aide à simplifier un design d’interface encombré en supprimant le bruit, une hiérarchie faible et les options redondantes afin de rendre la tâche principale plus claire. À utiliser lorsqu’un écran a besoin d’une réduction rigoureuse, de priorités mieux définies et d’une passe de simplification ciblée.

critique vous aide à passer en revue des interfaces, fonctionnalités, pages ou composants sous l’angle UX, grâce à une notation structurée, des tests basés sur des personas, des vérifications heuristiques et des retours actionnables. Utilisez critique lorsque vous avez besoin d’un guide de critique reproductible pour la conception UI/UX, pas d’un commentaire vague. Il convient particulièrement à une analyse ciblée sur une zone précise, avec un contexte clair.

Utilisez la skill delight pour apporter une touche soignée à l’UI, des micro-interactions et de la personnalité aux états de succès, de chargement, de vide et d’onboarding, sans nuire à l’utilisabilité ni à la concentration.

Clarify améliore les textes UX confus, les messages d’erreur, les libellés, les étapes d’onboarding et les consignes afin que les utilisateurs puissent agir avec moins d’hésitation. Ce skill est utile pour la rédaction technique, les contenus de support et les équipes produit qui ont besoin d’un texte d’interface plus clair. Il commence par prendre en compte le contexte, l’audience et l’état de l’utilisateur avant de reformuler, pour aboutir à un résultat plus direct, plus précis et plus facile à utiliser.

figma-create-new-file crée un nouveau fichier Figma Design vierge ou un tableau FigJam dans les brouillons. Utilisez-le lorsque vous avez besoin d’un point de départ propre avant d’enchaîner avec des actions Figma plus poussées, y compris `use_figma`. Il prend en charge `design` ou `figjam`, le nommage facultatif du fichier, et peut résoudre l’accès au plan avec `whoami` si nécessaire.

Utilisez figma pour extraire le contexte design, les captures d’écran, les variables et les assets depuis le serveur MCP Figma, puis traduire les nœuds Figma en décisions d’UI prêtes à implémenter. Cette compétence figma est idéale si vous avez une URL Figma ou un ID de nœud et que vous avez besoin d’une utilisation précise de figma pour un travail design-to-code, la configuration ou le dépannage.

shader-dev est un skill GLSL pratique pour des visuels temps réel à la ShaderToy. Utilisez le skill shader-dev pour créer ou déboguer du ray marching, des scènes SDF, l’éclairage, des particules, le mouvement fluide, le post-traitement et le shader-dev pour la conception d’interface, avec moins d’approximation qu’avec un prompt générique.

brainstorm-ideas-new est une compétence d’idéation en phase de découverte, conçue pour transformer un nouveau concept produit en idées de fonctionnalités concrètes selon les points de vue du PM, du designer et de l’ingénieur. Utilisez-la pour la découverte produit initiale, les idées de startup et la planification stratégique lorsque vous avez besoin d’options pratiques à valider avant de construire.

identify-assumptions-existing vous aide à mettre à l’épreuve une idée de fonctionnalité dans un produit existant en faisant ressortir les hypothèses risquées autour de la valeur, de l’utilisabilité, de la viabilité et de la faisabilité. Le skill mobilise les points de vue d’un PM, d’un designer et d’un ingénieur, ainsi qu’un regard de “avocat du diable” pour la planification stratégique et la revue des risques avant développement.

brainstorm-ideas-existing est une skill de discovery produit pour générer des idées autour d’un produit existant, à partir des points de vue du PM, du designer et de l’ingénieur. Elle aide à explorer les opportunités, à resserrer les pistes les plus prometteuses et à prioriser des concepts pour les workflows de Product Management et la discovery en trio.

wwas est une skill de prompt pour la planification des exigences qui transforme des idées brutes en items de backlog Why-What-Acceptance. Utilisez la skill wwas pour cadrer le contexte métier, définir clairement le changement et rédiger des critères d’acceptation testables pour un travail prêt pour le sprint.

Utilisez la skill user-stories pour transformer des fonctionnalités en user stories prêtes pour le backlog, avec les 3 C, les critères INVEST, des liens vers le design et des critères d’acceptation testables. Idéal pour rédiger des user stories, découper des fonctionnalités en éléments de backlog et préparer des user-stories pour la planification des exigences avec un périmètre plus clair et moins d’hypothèses.

Utilisez le skill job-stories pour transformer des idées de fonctionnalités en job stories au format JTBD : « Quand [situation], je veux [motivation], afin de [résultat]. » C’est utile pour clarifier les éléments du backlog, appliquer job-stories à la planification des besoins et formuler des critères d’acceptation ancrés dans le contexte utilisateur.

La compétence design aide à transformer des demandes d’interface vagues en rendu visuel prêt pour la production, pour des pages, des composants, des tableaux de bord et des finitions guidées par capture d’écran. Utilisez-la lorsque l’interface est moche, floue, incohérente ou visuellement incorrecte, et lorsque vous avez besoin de design pour la conception UI plutôt que de logique backend ou de pipelines de données. Elle inclut des consignes pour l’installation, l’utilisation, les garde-fous et de meilleures décisions esthétiques.

La skill design-md analyse les projets Stitch et transforme leurs écrans en une source de vérité sémantique DESIGN.md pour garantir la cohérence de la mise en page, du ton, des couleurs et du langage des composants. Utilisez design-md pour les Design Systems quand vous avez besoin d’indications exploitables pour de futures générations Stitch, et pas seulement d’un aperçu visuel.

La skill sharp-edges vous aide à repérer les API, configurations et interfaces où la voie la plus simple conduit à un usage non sécurisé. Utilisez-la pour examiner les flux d’authentification, les enveloppes cryptographiques, les valeurs par défaut risquées, les sémantiques null ou zéro, ainsi que les choix de conception propices aux erreurs d’utilisation. Elle convient très bien aux travaux de sharp-edges pour l’audit de sécurité lorsqu’il faut des cas concrets de pièges de conception, et non de vagues suppositions de sécurité.

lean-ux-canvas aide les équipes à cadrer un problème métier, faire émerger les hypothèses et définir quoi apprendre ensuite avec Lean UX Canvas v2. À utiliser pour préparer un atelier, aligner les parties prenantes et lancer une découverte produit en amont, quand il faut un guide lean-ux-canvas concret avant de passer à la solution.