Compétences UI Shortcut

Ce qu'il fait

Fournit un système de conception compact et d'opinion pour les agents chargés de générer ou d'affiner du code UI et des jetons de conception. La compétence codifie les couleurs, les jetons sémantiques, les règles typographiques, les échelles d'espacement et de bordure, les exigences d'accessibilité et les règles d'interaction des composants afin que les agents puissent produire des interfaces cohérentes dans le style Shortcut.

Quand l'utiliser

Utilisez ceci lors de la génération de composants frontend, de la production de jetons CSS/Tailwind, ou lorsqu'un agent doit appliquer un langage de conception strict (mode clair, police Inter, grille de 4px). Également utile lors des flux de design-vers-code où l'espacement cohérent, les états de focus et la typographie sont importants.

Ce qui est inclus

• Scripts : aucun groupé (has_scripts=false)
• Références : inclut metadata.json aux côtés du SKILL.md (has_references=false comme rapporté)
• Instructions : jetons et règles détaillés : jetons de couleur requis, tailles/graisses typographiques, échelle d'espacement, rayons de bordure, comportements de focus/survol/désactivation d'accessibilité, et conseils sur l'animation et la performance. Le document liste les valeurs CSS recommandées et les modèles de composants.

Agents compatibles

Idéal pour les agents qui produisent du code UI ou des actifs de conception (Cursor, Claude Code, modèles de code style Copilot/Codex, ou tout agent capable de produire du Tailwind/CSS).