Communitygithub.com

adaptive-machines/ai-design-workflow

Workflow en trois étapes (Découvrir, Définir, Délivrer) pour obtenir un design d'interface utilisateur distinctif et de qualité studio à partir d'un agent de codage IA, au lieu de l'aspect « modèle IA » par défaut.

Qu'est-ce que ai-design-workflow ?

Ce skill implémente un processus structuré en trois étapes (Découvrir, Définir, Délivrer) qui guide l'agent de codage IA (comme Claude Code, Cursor ou Codex) à produire un design d'interface utilisateur original, audacieux et premium, évitant le rendu générique habituel des templates IA. Il est particulièrement utile pour les pages d'atterrissage, les pages marketing, les écrans d'application, les tableaux de bord ou les jeux, et intervient lorsque l'utilisateur exprime le besoin d'un design unique (« rends-le unique », « ça a l'air générique », « trop de vibes IA ») ou lors d'améliorations itératives sur une page existante. Le workflow comprend des éléments novateurs comme l'utilisation de chaînes aléatoires (seed string) pour briser les motifs récurrents, des briefs ambitieux, une boucle de sous-agent critique de design ne se basant que sur des captures d'écran, l'intégration de mouvements pilotés par images et vidéos, et une étape finale d'élagage (subtraction pass) pour retirer le superflu. Il prend en charge plusieurs plateformes et langages de codage, et est conçu pour les développeurs et designers qui veulent pousser l'IA au-delà des limites habituelles des modèles préfabriqués.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/adaptive-machines/skills/tree/main/ai-design-workflow

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait ai-design-workflow ?

Workflow en trois étapes (Découvrir, Définir, Délivrer) pour obtenir un design d'interface utilisateur distinctif et de qualité studio à partir d'un agent de codage IA, au lieu de l'aspect « modèle IA » par défaut. Utilisez-le dès que l'utilisateur demande de concevoir ou de reconcevoir une page d'atterrissage, une page marketing, un écran d'application, un flux d'intégration, un tableau de bord, une page web façon affiche ou une interface de jeu, et souhaite un résultat original, audacieux, premium, ou « pas fait par une IA ». Cela inclut des phrases comme « rends-le unique », « ça a l'air générique », « trop de vibes IA », « AI 味太重 », « 千篇一律 », « 设计得独特一点 », « 榨出创造力 », « design critic », « critique loop », « seed string », « double diamond », ou « pourquoi mon design IA a toujours le même aspect ? ». À utiliser également lors de l'itération sur une page existante dont la mise en page correspond au modèle standard héro-gauche/illustration-droite, ou lorsque l'utilisateur souhaite intégrer de la génération d'images ou de vidéos dans l'interface. Couvre l'aléatoire par chaîne de départ (seed string), les briefs ambitieux, une boucle de sous-agent critique de design basée uniquement sur des captures d'écran, l'animation pilotée par images et vidéos, ainsi que l'étape finale de soustraction (subtraction pass).

Skills associés