web-design-expert
À propos
Cette compétence génère des concepts complets de conception web, incluant l'identité de marque, les palettes de couleurs et les mises en page responsives. Utilisez-la pour les premières ébauches visuelles, les motifs d'interface et d'expérience utilisateur, et la composition générale lorsqu'elle est sollicitée par des termes comme "conception web" ou "identitée de marque". Elle délègue les travaux détaillés de typographie, de théorie des couleurs et de création de jetons de conception à des compétences plus spécialisées.
Installation rapide
Claude Code
Recommandénpx skills add mattnigh/skills_collection -a claude-code/plugin add https://github.com/mattnigh/skills_collectiongit clone https://github.com/mattnigh/skills_collection.git ~/.claude/skills/web-design-expertCopiez et collez cette commande dans Claude Code pour installer cette compétence
Dépôt GitHub
Compétences associées
2000s-visualization-expert
AutreCette 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.
2000s-visualization-expert
AutreCette 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.
adhd-design-expert
AutreCette 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.
adhd-design-expert
AutreCette 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.