Typography

theme-factory est une skill de theming sélectionné pour slides, docs, rapports et landing pages. Parcourez le showcase, choisissez parmi 10 thèmes prédéfinis, puis appliquez des couleurs et associations de polices cohérentes à votre artefact.

canvas-design aide à créer des visuels statiques originaux en deux étapes : rédiger une intention de design en Markdown, puis la rendre en `.png` ou `.pdf`. Idéal pour affiches, cover art, visuels de concept et créations de campagne proches de l’UI avec peu de texte.

ui-ux-pro-max est une skill complète pour le design UI/UX assisté par IA. Elle offre un accompagnement structuré sur les layouts, styles, systèmes de couleurs, typographie et règles UX pour projets web et mobile. Parfaite pour les développeurs et équipes cherchant des décisions design concrètes sur React, Next.js, Vue, Svelte, Tailwind, shadcn/ui, SwiftUI, React Native, Flutter et HTML/CSS. Utilisez-la pour planifier, revoir et améliorer vos interfaces avec une intelligence design sélectionnée.

ckm:ui-styling facilite la création d’interfaces accessibles et prêtes pour la production avec shadcn/ui, Tailwind CSS et la conception visuelle sur canvas. Idéal pour les projets React nécessitant des layouts structurés, des composants accessibles, le mode sombre et un design système cohérent. Utilisez ckm:ui-styling pour concevoir, thématiser et prototyper rapidement vos interfaces avec des conseils adaptés à votre stack.

ckm:design est une skill de design structurée pour orienter et produire logos, maquettes CIP, bannières, slides et icônes SVG. Elle inclut des références concrètes, des options basées sur CSV et des scripts Python pour des workflows reproductibles, au-delà de simples prompts génériques.

ckm:brand est une skill de workflow de marque pour créer, mettre à jour et relire des chartes de marque, le messaging, le ton, l’identité visuelle et la synchronisation des design tokens, avec des scripts et check-lists concrets.

ckm:banner-design aide à créer des bannières, couvertures, en-têtes, publicités display et visuels hero web grâce à des briefs structurés, un workflow adapté aux formats et plusieurs directions artistiques. Idéal pour le design UI, les créations marketing et les concepts de bannières par plateforme avec SKILL.md et la référence des tailles et styles.

typeset améliore la typographie d’interface en auditant le choix des polices, la hiérarchie, les tailles, les graisses et la lisibilité. Il s’utilise de préférence après /frontend-design, avec /teach-impeccable si le contexte manque, afin de transformer un texte générique en système typographique plus clair et plus intentionnel.

La compétence normalize audite une fonctionnalité UI et la réaligne sur votre design system. Découvrez dans quel contexte installer normalize, la préparation /frontend-design requise et son usage concret pour les pages, routes et composants.

frontend-design est une skill orientée design pour créer des interfaces frontend soignées, avec un meilleur sens du contexte, de la hiérarchie, de l’accessibilité et du responsive. Utilisez-la pour installer la skill, consulter les références essentielles et appliquer des conseils concrets afin d’améliorer vos composants, pages et écrans d’application.

bolder est une skill de design d’interface qui renforce les interfaces fades ou trop sages avec une hiérarchie plus marquée, davantage de contraste et plus de personnalité, sans nuire à l’utilisabilité. À utiliser de préférence après /frontend-design, et après /teach-impeccable si le contexte manque, en visant une cible précise comme une page, une section ou un composant.