Dans les termes du Skill
Skill de design unifié couvrant l'identité de marque, les tokens de design, le style d'UI avec shadcn/ui et Tailwind, la génération de logo (55 styles via Gemini, Atlas Cloud ou MuAPI), les programmes d'identité corporate avec 50 livrables, les présentations HTML utilisant Chart.js, le design de bannières (22 styles de direction artistique pour réseaux sociaux, publicités, web, print), le design d'icônes (15 styles, sortie SVG via Gemini 3.1 Pro), et le design de photos pour réseaux sociaux sur Facebook, Twitter, LinkedIn, YouTube, Instagram, Pinterest, TikTok et Threads. Redirige vers des sous-skills externes pour la marque, le design-system et l'ui-styling, tout en fournissant des workflows intégrés pour les logos, CIP, slides, bannières, icônes et photos sociales avec des scripts Python, la génération par IA et l'export HTML-to-screenshot.
Ce qu'il produit
- Captures d'écran PNG de bannières aux dimensions exactes de la plateforme, exportées via chrome-devtools
- Fichiers d'icônes SVG en 15 styles avec exports multi-tailles optionnels et variations par lot
- Images pour réseaux sociaux aux dimensions spécifiques à la plateforme, stockées dans des répertoires d'assets organisés
Fonctionnement
- 01Router par type de tâche
Le skill répartit l'identité et la voix de marque vers le sous-skill brand, les tokens et spécifications vers design-system, le code shadcn/ui et Tailwind vers ui-styling, et gère les logos, CIP, slides, bannières, icônes et photos sociales avec des workflows intégrés.
- 02Générer des logos avec des fournisseurs d'IA
Exécutez des scripts Python pour rechercher parmi 55 styles, 30 palettes de couleurs et 25 guides sectoriels, puis générez des logos via Gemini Nano Banana, Atlas Cloud ou MuAPI avec des fonds blancs.
- 03Créer des livrables CIP avec des maquettes
Générez des maquettes de programme d'identité corporate pour 50 livrables en utilisant les modèles Gemini Flash ou Pro, éventuellement avec superposition de logo, puis rendez des présentations HTML du résultat.
- 04Créer des présentations HTML stratégiques
Créez des présentations avec intégration de Chart.js, des tokens de design et des formules de rédaction en chargeant la référence du workflow de création de diapositives.
- 05Concevoir des bannières avec HTML/CSS
Recueillez les besoins, effectuez des recherches sur Pinterest via ui-ux-pro-max, concevez des bannières HTML/CSS avec frontend-design et ai-artist/ai-multimodal pour les visuels, puis exportez via chrome-devtools aux dimensions exactes.
- 06Exporter et vérifier les captures d'écran
Utilisez chrome-devtools ou Playwright pour capturer des designs aux dimensions exactes en pixels avec un facteur d'échelle d'appareil de 2x, puis inspectez visuellement et corrigez les problèmes de mise en page avant l'export final.