UI UX

Explorez les agent skills avec le tag UI UX et comparez les workflows associes dans le repertoire.

104 skills
A
liquid-glass-design

par affaan-m

liquid-glass-design vous aide à mettre en œuvre le système Liquid Glass d’Apple sur iOS 26 avec SwiftUI, UIKit et WidgetKit. Servez-vous-en pour créer des boutons, cartes, barres d’outils, conteneurs et widgets à effet verre, avec des conseils sur les formes, la teinte, l’interactivité et les cas où cet effet convient réellement à une interface.

UI Design
Favoris 0GitHub 156.2k
A
healthcare-emr-patterns

par affaan-m

healthcare-emr-patterns est une skill pratique pour la conception EMR/EHR dans le domaine des soins de santé. Elle couvre les workflows de consultation patient, la saisie des notes cliniques, les contrôles de médication, la mise en évidence des résultats de laboratoire, les pistes d’audit, l’intégration CDSS et une saisie des données médicales pensée d’abord pour l’accessibilité, afin de sécuriser les workflows des cliniciens.

Healthcare
Favoris 0GitHub 156.2k
A
gan-style-harness

par affaan-m

gan-style-harness est un skill Generator-Evaluator pour Agent Orchestration qui aide à construire des applications complètes avec une critique plus exigeante, de meilleures itérations et moins de points faibles. Utilisez-le lorsque vous avez besoin du skill gan-style-harness pour des projets frontend intensifs, full-stack ou orientés production, là où la qualité de la revue compte davantage que la vitesse.

Agent Orchestration
Favoris 0GitHub 156.2k
O
brainstorming

par obra

brainstorming est une compétence de pré-implémentation qui explore le contexte, pose des questions de clarification une par une et impose une validation du design avant tout code. Elle inclut un compagnon visuel optionnel et une prise en charge solide de la planification des exigences.

Requirements Planning
Favoris 1GitHub 121.7k
A
frontend-design

par anthropics

frontend-design transforme des idées d’interface floues en UIs distinctives, prêtes pour la prod, avec du vrai code frontend, une direction esthétique claire et moins de style IA générique.

UI Design
Favoris 1GitHub 105.2k
A
theme-factory

par anthropics

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.

UI Design
Favoris 0GitHub 105.1k
A
canvas-design

par anthropics

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 Design
Favoris 0GitHub 105k
S
ux-designer

par Shubhamsaboo

ux-designer est une skill de conception UX structurée dédiée à la recherche, à l’accessibilité, à l’architecture de l’information, aux parcours d’interaction, au cadrage de wireframes et à la rédaction UX. Elle aide les équipes à transformer des idées produit encore floues en décisions de design plus claires et fondées sur des critères, grâce à `AGENTS.md` et à des fichiers de règles ciblés.

UI/UX Design
Favoris 0GitHub 104.2k
M
prototype

par mattpocock

Le skill prototype vous aide à créer du code jetable qui répond à une question précise avant de vous engager dans une vraie implémentation. Utilisez-le pour tester la logique, les transitions d’état, la forme des données ou une orientation UI avec un prototype exécutable qui respecte les conventions du dépôt hôte. Il est idéal quand vous avez besoin d’un guide de prototype rapide, pas d’une fonctionnalité finale.

Prototypes
Favoris 0GitHub 66k
N
ui-ux-pro-max

par nextlevelbuilder

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.

UI Design
Favoris 0GitHub 53.7k
N
ckm:design-system

par nextlevelbuilder

ckm:design-system aide à créer des tokens en trois couches, des specs de composants, des variables CSS, des mappings Tailwind et des slides cohérents avec la marque à partir d’une architecture de tokens claire.

Design Systems
Favoris 0GitHub 53.6k
N
ckm:design

par nextlevelbuilder

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.

UI Design
Favoris 0GitHub 53.6k
N
ckm:banner-design

par nextlevelbuilder

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.

UI Design
Favoris 0GitHub 53.5k
W
accessibility-compliance

par wshobson

La skill accessibility-compliance aide les équipes à auditer et améliorer des interfaces web ou mobiles grâce à des recommandations concrètes sur WCAG 2.2, ARIA, l’accès au clavier, les lecteurs d’écran et l’accessibilité mobile. Idéale pour les audits UX, les corrections de composants et des recommandations prêtes à mettre en œuvre.

UX Audit
Favoris 0GitHub 32.6k
W
design-system-patterns

par wshobson

design-system-patterns aide les équipes à concevoir des bases d’interface évolutives grâce à une structure de tokens, une architecture de thèmes et des patterns d’API de composants réutilisables pour les design systems et les bibliothèques de composants.

Design Systems
Favoris 0GitHub 32.6k
W
interaction-design

par wshobson

La skill interaction-design aide les équipes à concevoir et mettre en œuvre des animations d’interface utiles, des micro-interactions, des transitions, des états de chargement et des patterns de feedback, avec des références pratiques orientées React et des conseils d’usage concrets.

UI Design
Favoris 0GitHub 32.6k
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
W
web-component-design

par wshobson

La skill web-component-design aide les équipes à concevoir des composants UI réutilisables pour React, Vue et Svelte, avec des modèles d’API solides, des repères d’accessibilité et des références sur les compromis de style pour les design systems.

Design Systems
Favoris 0GitHub 32.6k
W
mobile-android-design

par wshobson

mobile-android-design aide les agents à fournir des recommandations d’interface Android natives avec Material Design 3, Jetpack Compose, la gestion des thèmes, la navigation et des modèles de mise en page adaptative pour les téléphones, tablettes et appareils pliables.

UI Design
Favoris 0GitHub 32.6k
W
mobile-ios-design

par wshobson

La skill mobile-ios-design aide les agents à produire des recommandations d’interface fidèles aux usages natifs d’iOS, en s’appuyant sur les principes Apple HIG, les patterns SwiftUI, la navigation, l’accessibilité et les mises en page adaptatives pour iPhone et iPad.

UI Design
Favoris 0GitHub 32.6k
W
react-native-design

par wshobson

react-native-design est une skill ciblée pour les patterns d’interface React Native, avec une couverture de la mise en forme via StyleSheet, de React Navigation typé et de l’usage de Reanimated 3 pour des écrans cross-platform.

UI Design
Favoris 0GitHub 32.6k
W
kpi-dashboard-design

par wshobson

La skill kpi-dashboard-design aide les équipes à concevoir des tableaux de bord KPI orientés décision, avec des conseils sur le choix des métriques, la hiérarchie du dashboard, les modèles de visualisation et la gouvernance pour des vues exécutives, tactiques et opérationnelles.

Data Visualization
Favoris 0GitHub 32.6k
W
tailwind-design-system

par wshobson

Utilisez la skill tailwind-design-system pour créer des design systems Tailwind CSS v4 avec tokens, theming, variants, accessibilité et conseils de migration de v3 vers v4.

Design Systems
Favoris 0GitHub 32.5k
W
wcag-audit-patterns

par wshobson

wcag-audit-patterns est une skill structurée pour les audits WCAG 2.2 et les revues d’accessibilité. Elle aide à croiser les résultats automatisés avec des vérifications manuelles, à prioriser les problèmes selon leur gravité et leur niveau de conformité, puis à produire des recommandations de remédiation concrètes pour des pages, parcours et composants.

UX Audit
Favoris 0GitHub 32.5k