ui-skills
Des skills pour les ingénieurs design, qui corrigent et peaufinent le code d'interface.
Gratuit
Design et création
★ 10815
#81
sur 289 dépôts de skills
10.8k
Étoiles GitHub
ibelick
auteur
// à propos
UI Skills est un petit registre de skills pour le design front-end, avec un CLI et un serveur MCP pour les parcourir et les récupérer. La plupart des skills auditent du HTML existant pour un seul type de problème, comme l'accessibilité, les métadonnées ou les performances d'animation, puis le corrigent.
// installation
Run npx ui-skills start to browse, or npx ui-skills get baseline-ui to fetch one skill. The registry is also available as an MCP server at https://www.ui-skills.com/mcp.
// marche avec
Claude CodeCodexCursor
// le contenu
Ce dépôt regroupe les skills suivants :
- baseline-ui : Nettoie un code d’interface bâclé en corrigeant espacements, hiérarchie et typographie.
- improve-ui : Audite un écran de produit par rapport à ses propres preuves de design et rédige les problèmes vérifiés.
- fixing-accessibility : Audite et corrige les labels ARIA, la navigation au clavier, le focus et le contraste.
- fixing-metadata : Corrige les titres de page, les meta descriptions, les URL canoniques et les balises Open Graph.
- fixing-motion-performance : Repère le layout thrashing et d’autres problèmes de performance d’animation.
- create-design-md : Crée ou met à jour un DESIGN.md à partir d’un dépôt existant ou d’un site public.
- component-canvas : Construit un canvas avec panoramique et zoom pour explorer des composants d’interface et leurs variantes.
// skills similaires dans Design et création
ui-ux-pro-max-skill
Un seul skill Claude qui génère un design system UI/UX à partir d'un brief de projet.
nextlevelbuilder · Design et création · ★ 144960
taste-skill
13 Agent Skills pour que les interfaces construites par l'IA aient l'air moins génériques.
Leonxlnx · Design et création · ★ 109725
open-design
Un espace de design local-first, où tu fais avec des agents d'IA des prototypes, des présentations et de la vidéo.
nexu-io · Design et création · ★ 106528
impeccable
Un vocabulaire de design pour les agents de code, avec des commandes comme polish, bolder et critique.
pbakaus · Design et création · ★ 101919
archify
Un Agent Skill qui dessine des diagrammes d'architecture et de flux à partir d'un texte clair.
tt-a1i · Design et création · ★ 93269
diagram-design
Un seul Agent Skill qui fournit 39 modèles de diagrammes éditoriaux pour les agents de programmation par IA.
cathrynlavery · Design et création · ★ 64820