design
À propos
La compétence Design s'active automatiquement pour les discussions sur la conception d'interface utilisateur, les systèmes de design ou l'architecture de composants. Elle fournit des conseils d'expert sur les principes de conception, les normes d'accessibilité et l'architecture basée sur les composants. Utilisez-la pour mettre en œuvre des jetons de conception cohérents, des approches axées sur l'accessibilité en premier lieu et des modèles de composants évolutifs.
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/designCopiez et collez cette commande dans Claude Code pour installer cette compétence
Dépôt GitHub
Compétences associées
canva
DesignCette compétence permet à Claude de créer et de modifier des conceptions visuelles dans Canva, y compris des graphiques, des présentations et des supports marketing. Elle prend en charge les flux de travail basés sur des modèles et les créations personnalisées pour divers types de contenu. Les développeurs peuvent l'intégrer via une installation rapide et configurer l'authentification par variables d'environnement ou connexion manuelle dans le navigateur.
canva
DesignCette compétence permet à Claude de créer et de modifier des conceptions visuelles dans Canva, y compris des graphiques, des présentations et du matériel marketing. Elle prend en charge à la fois les flux de travail basés sur des modèles et les conceptions personnalisées pour divers types de contenu. La configuration nécessite des identifiants Canva paramétrés via des variables d'environnement ou une authentification manuelle via le navigateur.
sketch
DesignCette compétence de Claude permet aux développeurs de visualiser les conceptions Sketch, de gérer les bibliothèques partagées et de collaborer sur des projets d'interface utilisateur et d'expérience utilisateur directement via Claude. Elle se connecte à la plateforme web de Sketch pour accéder à la documentation de conception et aux fichiers de projet. Utilisez-la lorsque vous avez besoin de consulter des ressources de conception ou de collaborer sur les spécifications d'interface pendant le développement.
pexels
DesignLa compétence Pexels permet aux développeurs de rechercher, télécharger et organiser programmatiquement des photos et vidéos libres de droits pour des projets créatifs. Elle fournit un accès direct à l'API de la bibliothèque Pexels, vous permettant d'intégrer des contenus visuels de haute qualité sans exigence d'attribution. Utilisez cette compétence lorsque votre application a besoin de sourcer ou de gérer des ressources médiatiques libres de droits.
