Motion

manim-video vous aide à planifier et produire des vidéos explicatives propres, basées sur Manim, pour des graphiques, des workflows, des schémas système, des démonstrations produit et des visuels de lancement. Utilisez le skill manim-video lorsque vous voulez une explication animée précise avec un workflow centré sur les scènes, plutôt qu’un montage type face caméra. Il inclut des étapes pratiques du guide manim-video pour l’installation, la planification des scènes et le rendu.

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.

frontend-slides vous aide à créer des présentations HTML riches en animations, à partir de zéro ou en convertissant des fichiers PowerPoint. Utilisez le skill frontend-slides pour des conférences, des pitch decks, des ateliers, des démos internes et frontend-slides pour la conception d’interface quand vous voulez explorer visuellement, obtenir un rendu navigateur sans dépendance et des slides qui tiennent sur une seule vue.

Utilisez frontend-design pour créer des interfaces frontend distinctives, prêtes pour la production, avec une vraie intention visuelle. Ce skill frontend-design est pensé pour les landing pages, les dashboards, les shells d’app et les composants où la hiérarchie, la typographie, le mouvement et la finition comptent autant que l’implémentation. Il inclut des নির্দেশications d’installation et d’utilisation pour un travail UI centré sur le design.

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.

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.

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.

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.

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.

overdrive est une skill GitHub conçue pour les projets de design UI ambitieux, avec un fort accent sur le contexte, une planification orientée proposition et une qualité d’interaction remarquable. Utilisez-la pour installer et appliquer overdrive afin de créer des transitions cinématographiques, des interfaces réactives et des expériences produit à fort impact.

quieter est une skill de raffinement du design d’interface qui atténue l’agressivité visuelle des interfaces trop criardes ou surstimulantes, tout en préservant la clarté, la hiérarchie et l’intention de marque. Elle fonctionne mieux après la skill parente $impeccable et aide les équipes à repérer les sources d’intensité avant d’apporter des ajustements ciblés.

polish est une skill de revue UI en passe finale, conçue pour repérer les problèmes d’alignement, d’espacement, de cohérence, d’usage des tokens et de micro-détails avant la mise en production. Elle convient surtout aux écrans, parcours ou composants qui fonctionnent déjà, mais manquent encore de finition. Utilisez-la pour améliorer l’état de préparation au lancement, l’alignement avec le design system et la qualité globale, sans repartir dans une refonte inutile.

impeccable vous aide à créer des interfaces frontend distinctives, prêtes pour la production, plutôt que des UI génériques au rendu typiquement IA. Il prend en charge les workflows craft, teach et extract pour des pages, composants web, surfaces d’application, affiches et autres frontends fortement orientés design, ce qui en fait une compétence utile pour le design UI, la mise en place du contexte de design et l’extraction de patterns réutilisables.

Utilisez la skill delight pour apporter une touche soignée à l’UI, des micro-interactions et de la personnalité aux états de succès, de chargement, de vide et d’onboarding, sans nuire à l’utilisabilité ni à la concentration.

impeccable est une skill de design UI et de frontend conçue pour créer des interfaces distinctives et prêtes pour la production. Utilisez craft, teach ou extract pour orienter les designs, charger des références ciblées, puis implémenter des composants, pages et patterns de design system soignés, avec des indications plus solides pour l’installation et l’usage.

bolder aide à rendre un design UI trop sage ou générique plus distinctif, sans sacrifier l’utilisabilité. Découvrez quand utiliser le skill bolder, l’étape préalable obligatoire `$frontend-design`, ainsi que des conseils concrets pour formuler de meilleurs prompts, poser un bon diagnostic et renforcer l’impact visuel avec maîtrise.

frontend-design est une skill centrée sur le contexte pour créer un code UI frontend distinctif. Utilisez-la pour traduire l’audience, le cas d’usage et le ton de marque en choix plus solides de mise en page, typographie, couleur, motion, états d’interaction et UX writing pour des pages, des composants et des parcours.

La skill polish aide les équipes à effectuer une dernière passe de qualité UI avant la mise en production. Utilisez-la pour repérer les problèmes d’espacement, d’alignement, d’états d’interaction, de copy et de cas limites une fois l’interface fonctionnellement finalisée et le contexte de design déjà défini.

overdrive est une skill que l’utilisateur peut invoquer pour un design UI ambitieux, afin de pousser les interfaces au-delà des composants standard. Elle nécessite d’abord le contexte /frontend-design, puis demande de proposer des concepts avant de construire des interactions ciblées à fort impact.

La skill delight aide à apporter de la joie mesurée, de la personnalité et un niveau de finition subtil aux travaux de design d’interface. Utilisez-la pour enrichir les états de réussite, les états vides, les temps de chargement et les interactions, avec des conseils adaptés au contexte sur l’installation, la configuration et l’usage de delight.

bolder est une skill de design d’interface UI conçue pour donner plus d’impact aux interfaces ternes ou trop prudentes, avec davantage de contraste, de hiérarchie et de personnalité. Utilisez-la après la phase de cadrage `/frontend-design`, ou après `/teach-impeccable` lorsqu’aucun contexte de design n’existe, afin d’obtenir des améliorations plus nettes et plus exploitables sans compromettre l’utilisabilité.

Utilisez la skill animate pour analyser une fonctionnalité UI et planifier des animations, micro-interactions et transitions réellement utiles. Elle aide à repérer les mouvements qui améliorent le feedback, la clarté, la hiérarchie visuelle et le plaisir d’usage, avec le contexte de design requis depuis /frontend-design et une attention portée aux performances comme à l’accessibilité.

La skill quieter réduit l’intensité visuelle en design UI pour atténuer les interfaces trop voyantes, agressives ou surstimulantes, tout en préservant la hiérarchie, la clarté et la personnalité de la marque. À utiliser de préférence après le workflow obligatoire /frontend-design dans le dépôt pbakaus/impeccable.

La skill polish guide une revue finale de l’interface pour corriger les espacements, l’alignement, les textes, les états et les transitions avant la mise en production. Elle s’utilise de préférence une fois la fonctionnalité terminée sur le plan fonctionnel, avec un contexte de design, un niveau de qualité clairement défini et une cible précise : écran, parcours ou composant.