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
Frequently asked questions
What is the design-system-creator skill?
design-system-creator is a Claude Skill by majiayu000. Skills package instructions and resources that Claude loads on demand, so Claude can perform design-system-creator-related tasks without extra prompting.
How do I install design-system-creator?
Use the install commands on this page: add design-system-creator to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.
What category does design-system-creator belong to?
design-system-creator is in the Design & Creative category, tagged design-system, tokens, components, css and style-guide.
Is design-system-creator free to use?
Yes. design-system-creator is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.
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.