ckm:banner-design

Intelligence de conception UI/UX pour le web et le mobile. Comprend 50+ styles, 161 palettes de couleurs, 57 associations de polices, 161 types de produits, 99 directives UX et 25 types de graphiques sur 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui et HTML/CSS). Actions : planifier, construire, créer, concevoir, implémenter, réviser, corriger, améliorer, optimiser, renforcer, refactoriser et vérifier le code UI/UX. Projets : site web, page d’atterrissage, tableau de bord, panneau d’administration, e-commerce, SaaS, portfolio, blog, et...

Architecture des tokens, spécifications des composants et génération de diapositives. Tokens à trois couches (primitif → sémantique → composant), variables CSS, échelles d'espacement/typographie, spécifications des composants, création stratégique de diapositives. À utiliser pour les tokens de design, le design systématique, les présentations conformes à la marque.

Compétence de conception complète : identité de marque, tokens de design, stylisme UI, génération de logo (55 styles, Gemini AI), programme d'identité d'entreprise (50 livrables, maquettes CIP), présentations HTML (Chart.js), conception de bannière (22 styles, social/annonces/web/impression), conception d'icône (15 styles, SVG, Gemini 3.1 Pro), photos sociales (HTML→capture d'écran, multi-plateforme). Actions : concevoir un logo, créer un CIP, générer des maquettes, construire des diapositives, concevoir une bannière, générer une icône, créer des photos sociales, images pour réseaux sociaux, marque...

Créez de belles interfaces utilisateur accessibles avec les composants shadcn/ui (basés sur Radix UI + Tailwind), le style utilitaire-first de Tailwind CSS et des conceptions visuelles basées sur canvas. Utilisez lors de la création d'interfaces utilisateur, de la mise en œuvre de systèmes de design, de la création de mises en page responsives, de l'ajout de composants accessibles (boîtes de dialogue, menus déroulants, formulaires, tableaux), de la personnalisation des thèmes et des couleurs, de l'implémentation du mode sombre, de la génération de conceptions visuelles et d'affiches, ou de l'établissement de motifs de style cohérents dans les applications.

Voix de marque, identité visuelle, cadres de messagerie, gestion des actifs, cohérence de marque. Activer pour le contenu de marque, le ton de la voix, les actifs marketing, la conformité de marque, les guides de style.

Créez des présentations HTML stratégiques avec Chart.js, des tokens de design, des mises en page responsives, des formules de copywriting et des stratégies de diapositives contextuelles.

Architecture de tokens, spécifications de composants et génération de diapositives. Tokens à trois couches (primitif → sémantique → composant), variables CSS, échelles d'espacement/typographie, spécifications de composants, création stratégique de diapositives. À utiliser pour les tokens de design, le design systématique, les présentations conformes à la marque.

Concevoir des bannières pour les réseaux sociaux, les publicités, les héros de sites web, les contenus créatifs et l'impression. Options de direction artistique multiples avec visuels générés par IA. Actions : concevoir, créer, générer une bannière. Plateformes : Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, héros de site web, impression. Styles : minimaliste, dégradé, typographie audacieuse, basé sur photo, illustré, géométrique, rétro, glassmorphisme, 3D, néon, duotone, éditorial, collage. Utilise les compétences ui-ux-pro-max, frontend-design, ai-artist, ai-multimodal.