design-system-creator
À propos
Cette compétence crée des systèmes de design complets avec du CSS prêt pour la production, spécialisée dans les design tokens, les bibliothèques de composants et l'architecture CSS. Elle est idéale pour générer des bibles de design, des architectures de tokens, de la documentation de composants et des guides de style. Utilisez-la lorsque vous avez besoin de construire ou de documenter un système de design complet, mais pas pour des typographies approfondies, des calculs de couleurs ou la mise en œuvre réelle de l'interface utilisateur.
Installation rapide
Claude Code
Recommandénpx skills add majiayu000/claude-skill-registry -a claude-code/plugin add https://github.com/majiayu000/claude-skill-registrygit clone https://github.com/majiayu000/claude-skill-registry.git ~/.claude/skills/design-system-creatorCopiez et collez cette commande dans Claude Code pour installer cette compétence
Dépôt GitHub
Questions fréquentes
Qu’est-ce que le Skill design-system-creator ?
design-system-creator est un Skill Claude créé par majiayu000. Un Skill regroupe des instructions et des ressources que Claude charge à la demande pour effectuer des tâches liées à design-system-creator sans consigne supplémentaire.
Comment installer design-system-creator ?
Utilisez les commandes d’installation de cette page : ajoutez design-system-creator à Claude Code comme plugin ou clonez son dépôt dans votre dossier skills, puis redémarrez Claude pour charger le Skill.
À quelle catégorie appartient design-system-creator ?
design-system-creator appartient à la catégorie Autre.
design-system-creator est-il gratuit ?
Oui. design-system-creator est référencé sur AIMCP et son installation est gratuite.
Compétences associées
Cette Compétence Claude aide les développeurs à mettre en œuvre des visualisations musicales audio-réactives avancées, comme Milkdrop, en utilisant les technologies web modernes. Elle se spécialise dans WebGL avec Butterchurn, traitant les données FFT de l'API Web Audio pour piloter des shaders GLSL et créer des visuels psychédéliques et génératifs. Utilisez-la pour des visualisations audio complexes en temps réel, et non pour des graphiques de formes d'onde basiques ou des graphiques non liés à l'audio.
Cette compétence aide les développeurs à mettre en œuvre des visualisations musicales audio-réactives avancées en utilisant WebGL, spécifiquement via des intégrations Butterchurn.js et des shaders GLSL. Elle se spécialise dans le traitement des données FFT de l'API Web Audio pour créer des visuels psychédéliques et génératifs rappelant les lecteurs des années 2000 comme Milkdrop. Utilisez-la pour des visualiseurs complexes en temps réel, et non pour des graphiques de forme d'onde basiques ou des graphiques non audio.
Cette compétence fournit des conseils spécialisés en conception UX pour créer des expériences numériques adaptées aux utilisateurs TDAH et neurodivergents, fondés sur les neurosciences. Elle se concentre sur la réduction de la charge cognitive, la prise en compte de la cécité temporelle et la mise en œuvre de modèles d'engagement basés sur la dopamine. Utilisez-la lors de la conception pour des contextes TDAH, mais pas pour la conformité générale aux WCAG ou pour l'UX neurotypique.
Cette compétence conçoit des interfaces numériques spécifiquement pour les utilisateurs TDAH en appliquant les principes des neurosciences et de l'UX pour réduire la charge cognitive et adresser la cécité temporelle. Elle se concentre sur un engagement dopaminergique et des modèles compatissants, déclenchés par des termes comme "UX neurodivergent" ou "fonctions exécutives". Utilisez-la pour un design centré TDAH, et non pour l'accessibilité WCAG générale ou le style d'interface utilisateur standard.