Color

Color skills and workflows surfaced by the site skill importer.

19 skills
G
design-consultation

par garrytan

design-consultation est un skill de design-consultation qui transforme une idée produit encore approximative en direction design complète. Il crée une source de vérité DESIGN.md, des aperçus et des recommandations à l’échelle du système pour la typographie, les couleurs, l’espacement, la mise en page et les animations. Idéal pour les nouveaux produits et les interfaces qui ont besoin d’un point de départ cohérent.

Design Systems
Favoris 0GitHub 91.8k
W
visual-design-foundations

par wshobson

visual-design-foundations aide les équipes à construire des systèmes d’interface concrets avec des échelles typographiques, des tokens de couleur, des règles d’espacement et des recommandations d’iconographie. Utilisez-la pour poser une base de design solide, créer des guides de style, auditer la hiérarchie visuelle et produire des variables CSS prêtes à l’implémentation à partir de contraintes de design clairement définies.

UI Design
Favoris 0GitHub 32.6k
P
quieter

par pbakaus

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.

UI Design
Favoris 0GitHub 20.4k
L
brandkit

par Leonxlnx

brandkit est une skill haut de gamme de génération d’images pour kits de marque, pensée pour les travaux de branding : systèmes de logos, dossiers d’identité, planches de guidelines visuelles et présentations de marque avec direction artistique. Elle est conçue pour produire des résultats cohérents, au style studio, pour les startups, les outils pour développeurs, la cybersécurité, le gaming, les apps grand public et les concepts luxe. Utilisez brandkit quand vous voulez un univers de marque soigné plutôt qu’un moodboard IA générique.

Branding
Favoris 0GitHub 16.4k
L
industrial-brutalist-ui

par Leonxlnx

Le skill industrial-brutalist-ui pour la conception d’UI crée des interfaces mécaniques à forte densité, avec des grilles de style suisse, un contraste typographique extrême, des palettes utilitaires et une texture analogique. Utilisez ce guide industrial-brutalist-ui pour les tableaux de bord, les systèmes éditoriaux et les pages portfolio qui doivent adopter une esthétique de panneau de contrôle rigoureuse.

UI Design
Favoris 0GitHub 16.4k
P
colorize

par pbakaus

La skill colorize aide les équipes UI à apporter de la couleur de façon stratégique à des interfaces grises ou trop plates. Découvrez quand l’utiliser, de quel contexte elle a besoin et comment elle s’intègre au workflow impeccable avec $frontend-design et des décisions colorimétriques alignées sur la marque.

UI Design
Favoris 0GitHub 15k
P
bolder

par pbakaus

bolder aide à rendre un design UI trop sage ou générique plus distinctif, sans sacrifier l’utilisabilité. Découvrez quand utiliser le skill bolder, l’étape préalable obligatoire `$frontend-design`, ainsi que des conseils concrets pour formuler de meilleurs prompts, poser un bon diagnostic et renforcer l’impact visuel avec maîtrise.

UI Design
Favoris 0GitHub 15k
P
distill

par pbakaus

distill est une skill de design UI conçue pour ramener écrans, composants et parcours à leur objectif essentiel. Utilisez-la pour réduire l’encombrement, le bruit visuel et la dérive fonctionnelle, mais gardez à l’esprit que distill dépend de /frontend-design et parfois de /teach-impeccable avant utilisation.

UI Design
Favoris 0GitHub 14.9k
P
colorize

par pbakaus

Découvrez comment la skill colorize apporte une couleur stratégique aux interfaces grises ou trop neutres. Ce guide présente la préparation requise avec frontend-design, le contexte d’installation issu du dépôt et des usages concrets pour la hiérarchie, la sémantique et la cohérence de marque.

UI Design
Favoris 0GitHub 14.9k
P
bolder

par pbakaus

bolder est une skill de design d’interface UI conçue pour donner plus d’impact aux interfaces ternes ou trop prudentes, avec davantage de contraste, de hiérarchie et de personnalité. Utilisez-la après la phase de cadrage `/frontend-design`, ou après `/teach-impeccable` lorsqu’aucun contexte de design n’existe, afin d’obtenir des améliorations plus nettes et plus exploitables sans compromettre l’utilisabilité.

UI Design
Favoris 0GitHub 14.9k
P
quieter

par pbakaus

La skill quieter réduit l’intensité visuelle en design UI pour atténuer les interfaces trop voyantes, agressives ou surstimulantes, tout en préservant la hiérarchie, la clarté et la personnalité de la marque. À utiliser de préférence après le workflow obligatoire /frontend-design dans le dépôt pbakaus/impeccable.

UI Design
Favoris 0GitHub 14.6k
P
distill

par pbakaus

distill est une skill de simplification du design d’interface qui aide à ramener un écran à sa tâche essentielle. Utilisez-la pour désencombrer les interfaces, réduire le bruit visuel et clarifier la hiérarchie. Elle donne les meilleurs résultats après /frontend-design, avec un écran précis, un objectif utilisateur principal et des contraintes de conservation clairement définies.

UI Design
Favoris 0GitHub 14.6k
P
colorize

par pbakaus

La skill colorize aide les équipes à ajouter de la couleur de façon stratégique à des interfaces grises ou trop plates. Elle indique où la couleur doit apparaître, pourquoi elle compte, et comment l’utiliser en tenant compte du contexte de marque existant, de la hiérarchie, des états sémantiques et du ton. À utiliser de préférence après /frontend-design pour des décisions couleur plus fiables.

UI Design
Favoris 0GitHub 14.6k
J
baoyu-cover-image

par JimLiu

baoyu-cover-image aide les agents à générer des prompts structurés pour des images de couverture d’article à partir du type, de la palette, du rendu, du texte et de l’ambiance. Il prend en charge les formats 2.35:1, 16:9 et 1:1, inclut des règles de sélection automatique et des conseils de compatibilité, et convient aux workflows éditoriaux reproductibles ainsi qu’à la conception de couvertures en UI Design.

UI Design
Favoris 0GitHub 13.2k
M
infographic

par markdown-viewer

Le skill infographic transforme du contenu structuré en mises en page infographiques soignées grâce au DSL `infographic`. Utilisez-le pour des cartes KPI, des chronologies, des roadmaps, des parcours étape par étape, des comparaisons A vs B, des SWOT, des entonnoirs, des organigrammes et des graphiques simples. C’est un très bon choix pour l’infographie de UI Design et les synthèses de style présentation avec 4 à 8 éléments. En revanche, il n’est pas adapté à l’analyse de données complexes ni aux schémas techniques.

UI Design
Favoris 0GitHub 1.1k
L
high-end-visual-design

par Leonxlnx

high-end-visual-design est une compétence de direction UI premium pour créer des interfaces éditoriales, cinématographiques et soignées. Elle aide l’IA à éviter les mises en page génériques en guidant les polices, les espacements, les ombres, le mouvement et la composition pour les landing pages, les sites marketing, les tableaux de bord et des interfaces d’application très abouties.

UI Design
Favoris 0GitHub 0
M
minimax-pdf

par MiniMax-AI

La compétence minimax-pdf vous aide à créer, remplir ou reformater des PDF soignés lorsque la qualité visuelle et l’identité du document comptent. Utilisez-la pour des workflows CREATE, FILL ou REFORMAT, avec un système de conception basé sur les tokens qui transforme une entrée brute en sortie prête pour l’impression. Ce guide couvre l’installation de minimax-pdf, son utilisation et le choix du bon routage pour obtenir de meilleurs résultats.

PDF Processing
Favoris 0GitHub 0
P
teach-impeccable

par pbakaus

teach-impeccable est un skill de configuration ponctuelle qui analyse votre repo, ne pose que les questions UX et de marque manquantes, puis enregistre des consignes design persistantes pour les futures sessions d’IA.

Context Engineering
Favoris 0GitHub 0
P
quieter

par pbakaus

quieter est une skill d’affinage du design UI qui réduit l’intensité visuelle tout en préservant la hiérarchie, l’identité de marque et l’utilisabilité. Elle fonctionne au mieux après /frontend-design et, si nécessaire, /teach-impeccable, pour aider les équipes à apaiser des interfaces trop chargées sans passer par une refonte complète.

UI Design
Favoris 0GitHub 0
Color