
de han
Conseils pour créer et organiser des « quarks » — des jetons de design et des valeurs primitives (couleurs, espacements, typographie, ombres) qui forment la base d'un système de design
Cette compétence documente comment définir et structurer les quarks — les plus petits jetons de design (couleurs, espacements, typographie, ombres, points de rupture, z-index) que les atomes et les composants consomment. Elle fournit des exemples, des fichiers de jetons TypeScript, la génération de variables CSS et des notes d'intégration pour Tailwind et CSS-in-JS.
Utilisez cette compétence lors de la construction ou de la refactorisation d'un système de design, de la migration de styles codés en dur vers des jetons, ou de l'introduction de thèmes dynamiques et de propriétés CSS personnalisées. Approprié pour les ingénieurs frontend, les équipes de systèmes de design et les mainteneurs de bibliothèques de composants.
{ }
Pure documentation skill providing guidance on creating design tokens (quarks) for atomic design systems. No scripts to execute. Well-structured with comprehensive code examples for color, spacing, typography, border, shadow, animation, and breakpoint tokens. Includes CSS custom property generation, theming patterns, and clear best practices vs anti-patterns.
No security concerns whatsoever — purely advisory content with TypeScript/CSS code examples. Well-written reference material for design system token organization.
GraphQL Inspector — Valider
Valide les opérations GraphQL par rapport à un schéma avec une profondeur, une complexité, et des limites d'alias et de directives configurables pour détecter les erreurs avant l'exécution.
Guide des Plugins Pytest
Guide sur l'écosystème des plugins pytest : développement de plugins, pytest-cov, pytest-mock, configuration, intégration CI et patterns avancés.
Gleam — Interop Erlang
Guide les développeurs Gleam pour appeler des bibliothèques Erlang, déclarer des fonctions externes, gérer les types Erlang et s'intégrer à OTP, aux NIF et aux ports.
Honnêteté Professionnelle
Directives pour les agents afin de prioriser l'exactitude technique et une communication directe basée sur des preuves plutôt qu'une agreeabilité excessive.
Composants React Native
Conseils pratiques et modèles pour construire des composants d'interface utilisateur React Native : composants de base, composition, meilleures pratiques de performance et modèles courants.
Gluestack UI — Accessibilité
Conseils et meilleures pratiques pour créer des interfaces accessibles avec gluestack-ui (WCAG 2.1 AA, ARIA, lecteurs d'écran, navigation au clavier).
Configuration Tailwind
Guide de configuration de tailwind.config (chemins de contenu, extension du thème, plugins, mode sombre et optimisations de production) pour les projets utilisant Tailwind CSS.
Ink Hooks & Gestion d'État
Conseils et exemples pour utiliser les hooks de style React (useState, useEffect, useInput, useApp, useStdout, useFocus) pour gérer l'état et les effets de bord dans Ink terminal
Réseautage Docker Compose
Guide pratique pour concevoir des topologies de réseau Docker Compose : découverte de services, réseaux bridge et internes, alias, IP statiques et dépannage.
Générateurs Kustomize
Générez des ConfigMaps et des Secrets Kubernetes avec Kustomize à partir de littéraux, de fichiers et d'environnements pour gérer la configuration spécifique à l'environnement et déclencher des déploiements sécurisés.