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 nextlevelbuilder
ckm:brand est une skill de workflow de marque pour créer, mettre à jour et relire des chartes de marque, le messaging, le ton, l’identité visuelle et la synchronisation des design tokens, avec des scripts et check-lists concrets.
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 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
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.
par pbakaus
La skill harden aide à rendre les interfaces frontend prêtes pour la production grâce à une gestion des erreurs plus solide, des états vides et de chargement bien traités, des correctifs d’overflow de texte, la prise en charge de l’i18n et une meilleure couverture des cas limites liés aux données réelles.
par pbakaus
La compétence extract aide les équipes à repérer les patterns UI récurrents, les tokens et les composants, puis à planifier ou réaliser leur consolidation dans un design system existant avec une trajectoire de migration plus sûre.
par pbakaus
La compétence critique aide les équipes à mener des revues UX structurées sur des pages, fonctionnalités et composants. Elle évalue la hiérarchie, la charge cognitive, les heuristiques et les risques liés aux personas, puis transforme les constats en correctifs actionnables. À utiliser de préférence après /frontend-design, avec des captures claires, des objectifs précis et le contexte utilisateur.
par pbakaus
clarify aide à réécrire les textes d’interface confus, les messages d’erreur, les libellés et les consignes pour améliorer l’UX. À utiliser de préférence dans le workflow pbakaus/impeccable après /frontend-design, en précisant le niveau du public visé et l’état d’esprit de l’utilisateur pour obtenir de meilleurs résultats.
par pbakaus
La skill extract aide les équipes à repérer les motifs UI, les tokens et les composants récurrents, puis à les regrouper dans un design system existant avec un plan de migration plus sûr.
par JimLiu
baoyu-article-illustrator aide les agents à transformer des brouillons d’articles en prompts d’illustration structurés, en placements d’images et en choix cohérents de type et de style pour des contenus explicatifs, des tutoriels, des schémas et des articles à images multiples.
par huggingface
huggingface-gradio vous aide à créer et modifier des interfaces web Gradio en Python pour des démonstrations, des chatbots et des workflows de développement frontend. Utilisez le skill huggingface-gradio pour choisir les composants, brancher les événements et structurer les mises en page avec moins d’hésitation.
par Eronred
ab-test-store-listing vous aide à planifier et lancer des tests de fiche App Store pour améliorer la conversion. Utilisez-la pour évaluer les icônes, captures d’écran et vidéos de prévisualisation avec Apple Product Page Optimization, comprendre les limites du PPO et préparer le bon App ID, le trafic et l’hypothèse de test avant de commencer.
par ZhangHanDong
makepad-2.0-dsl est une compétence pratique pour écrire, lire et corriger du code UI Makepad 2.0 DSL `script_mod!`. Elle aide les développeurs frontend et les auteurs d'interfaces Rust à utiliser correctement la syntaxe avec deux-points, les instances nommées, le comportement de fusion et les liaisons Rust, avec un guide makepad-2.0-dsl clair pour l'installation et l'utilisation.
par ZhangHanDong
makepad-2.0-splash est une skill Makepad 2.0 Splash pour écrire des scripts d’interface runtime valides dans `script_mod!{}` avec une gestion fiable de l’état, le câblage des événements, des flux de hot reload et des patterns d’application pilotés par Canvas. Utilisez ce guide makepad-2.0-splash lorsque vous avez besoin d’une syntaxe claire, d’indications d’installation et d’exemples pratiques pour des tâches de développement frontend.
