Trouvez les meilleures compétences design. Agent Skills Finder and Builder vous aide à trouver, comparer et créer des capacités d’agent dans une bibliothèque unique et facile à parcourir.
{count} résultats pour "design"
12+ résultats pour "design"
par affaan-m
Utilisez le skill design-system pour générer ou auditer un système UI, extraire des tokens depuis du code existant et vérifier la cohérence du style dans de vrais dépôts.
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.
par google-labs-code
La skill design-md analyse les projets Stitch et transforme leurs écrans en une source de vérité sémantique DESIGN.md pour garantir la cohérence de la mise en page, du ton, des couleurs et du langage des composants. Utilisez design-md pour les Design Systems quand vous avez besoin d’indications exploitables pour de futures générations Stitch, et pas seulement d’un aperçu visuel.
par openai
figma-generate-design aide à transformer un écran réel, une page ou une mise en page multi-sections en Figma en réutilisant le système de design publié plutôt que des formes génériques. C’est idéal pour reproduire fidèlement des pages produit ou du code, avec une structure modifiable et une cohérence basée sur les tokens. À utiliser pour des mises à jour de UI complètes, pas pour de simples maquettes rapides.
par figma
figma-generate-design aide à transformer des pages codées, des modales, des panneaux coulissants, des barres latérales, des panneaux et d’autres vues à sections multiples en Figma à partir du système de design publié. Il repère les composants, variables, styles et ressources de bibliothèque via Code Connect et des sources associées, puis assemble l’écran section par section pour la Design Implementation au lieu de tout redessiner manuellement. Utilisez le guide figma-generate-design lorsque vous avez besoin d’une fidélité élevée au code et aux tokens.
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.
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.
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.
par ehmo
android-design-guidelines est un guide pratique pour Material Design 3, Jetpack Compose et les layouts XML. Utilisez-le pour passer en revue les décisions d’UI Android concernant le theming, la navigation, l’accessibilité, les layouts adaptatifs, les couleurs dynamiques et la conformité Material You. Idéal pour les tâches de guide android-design-guidelines et d’android-design-guidelines pour la conception d’interface.
par ehmo
ios-design-guidelines aide à examiner, structurer et réécrire des interfaces SwiftUI/UIKit selon les Human Interface Guidelines d’Apple pour iPhone. C’est utile pour le layout, la navigation, l’accessibilité, Dynamic Type, le mode sombre et le choix des composants système lorsque vous avez besoin d’un guide ios-design-guidelines concret pour le design d’interface.
par ehmo
tvos-design-guidelines est un ensemble pratique de règles de conception Apple TV pour auditer des interfaces tvOS, la navigation au focus, le comportement de la Siri Remote, la lisibilité à 10 pieds et la lecture multimédia. Utilisez ce guide tvos-design-guidelines lorsque vous avez besoin de contraintes claires, d’une critique écran par écran et de vérifications d’implémentation pour concevoir une UI de salon.
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.
