frontend-responsive
آمن 71Créer des mises en page responsive mobile-first
بواسطة EIS-ITS
Concevoir des mises en page web responsives qui fonctionnent sur tous les appareils est complexe et source d'erreurs. Cette compétence fournit à Claude des lignes directrices claires sur les principes du mobile-first, les conteneurs fluides, les unités relatives et les interactions adaptées au tactile pour garantir que vos projets web s'adaptent sans accroc du mobile au bureau.
frontend-css
آمن 71Appliquer les normes et méthodologies de codage CSS
بواسطة EIS-ITS
Écrire du CSS sans méthodologie cohérente entraîne des problèmes de maintenabilité et un style incohérent entre les projets. Cette compétence fournit des conseils structurés sur l'application d'approches standardisées comme Tailwind, BEM et CSS Modules pour garantir des feuilles de style propres, maintenables et évolutives.
theme-factory
آمن 68Appliquer des styles de couleurs et de polices thématiques aux artefacts
بواسطة DYAI2025
Les présentations et les documents manquent souvent de cohérence visuelle. Cette compétence propose 10 thèmes sélectionnés avec des palettes de couleurs et des associations de polices. Appliquez instantanément un thème à n'importe quelle présentation ou document pour un style professionnel.
slack-gif-creator
آمن 69Créer des GIF animés personnalisés pour les messages et emoji Slack
بواسطة DYAI2025
Slack a des limites de taille strictes pour les GIF (64Ko pour les emoji, 2Mo pour les messages). Cette boîte à outils crée des animations optimisées qui respectent ces contraintes tout en fournissant des effets d'animation professionnels.
image-enhancer
آمن 70Améliorer la qualité d'image avec l'IA
بواسطة DYAI2025
Les captures d'écran floues et les images basse résolution nuisent à votre image professionnelle. Cette compétence utilise l'IA pour agrandir, améliorer la netteté et optimiser vos visuels pour des présentations et une documentation d'une clarté cristalline.
canvas-design
آمن 70Créer des œuvres visuelles et des compositions de design
بواسطة DYAI2025
La création d'œuvres visuelles originales nécessite une compréhension approfondie des principes esthétiques et de la typographie. Cette compétence traduit les philosophies de design abstraites en compositions visuelles concrètes utilisant des polices professionnelles et des principes d'expertise artisanale.
brand-guidelines
آمن 70Appliquer les directives de marque Anthropic à votre contenu
بواسطة DYAI2025
Maintenir une identité de marque cohérente dans les documents et présentations peut être chronophage et sujet aux erreurs. Cette compétence offre un accès instantané aux couleurs officielles, à la typographie et aux directives de style d'Anthropic pour garantir un contenu visuel professionnel et conforme à la marque.
svg-logo-generator
آمن 70Générer des logos SVG minimalistes
بواسطة Dwsy
Les utilisateurs ont besoin de logos SVG professionnels mais manquent d'outils de conception ou de compétences en programmation. Cette compétence génère des logos géométriques en Python avec des graphiques vectoriels évolutifs, des palettes de couleurs personnalisées et des principes de conception épurée.
algorithmic-art
آمن 70Créer de l'art génératif avec p5.js
بواسطة Doyajin174
Transformez des concepts mathématiques en œuvres visuelles époustouflantes grâce à des techniques algorithmiques. Cette skill fournit des modèles guidés pour créer des œuvres d'art génératives reproductibles avec un hasard ensemencé et des contrôles interactifs.
performing-orthonotone-polychoral-instrument
آمن 71Jouer l'instrument polychoral Orthonotone
بواسطة Domusgpt
Les utilisateurs ont besoin de conseils pour utiliser un synthétiseur WebGL et WebAudio complexe. Cette compétence fournit des instructions étape par étape pour la configuration de la scène, les contrôles de performance, la conception de scène et les flux de travail d'enregistrement pour l'instrument polychoral Orthonotone.
swiftui-ui-patterns
آمن 71Créer des vues SwiftUI avec les meilleurs modèles
بواسطة Dimillian
La création de vues SwiftUI nécessite de comprendre l'architecture de navigation, les modèles de composants et la gestion d'état. Cette compétence fournit des modèles prêts à l'emploi pour les onglets, les feuilles, les listes, les grilles et bien plus encore afin que vous puissiez livrer plus rapidement avec moins de bugs.
swiftui-liquid-glass
آمن 70Implémenter les effets Liquid Glass UI iOS en SwiftUI
بواسطة Dimillian
Créer des interfaces iOS modernes avec Liquid Glass nécessite de comprendre les API et les modèles de conception spécifiques d'Apple. Cette compétence fournit des modèles de code prêts à l'emploi et des listes de vérification pour implémenter correctement les effets de verre.
shadcn-aesthetic
آمن 69Appliquer les principes de design shadcn/ui au CSS
بواسطة Dieshen
Générez du CSS professionnel et accessible qui correspond à l'esthétique épurée de shadcn/ui. Cette compétence fournit des modèles complets pour les variables CSS, les couleurs HSL, les échelles d'espacement et les techniques de mise en page modernes.
ui-ux-polish
آمن 69Perfectionner l'UI/UX d'une application web avec un workflow d'amélioration itératif
بواسطة Dicklesworthstone
Votre application web a l'air correcte mais manque de finition de classe mondiale. Utilisez ce workflow itératif pour améliorer progressivement l'UI/UX sur desktop et mobile, atteignant une qualité visuelle de niveau Stripe grâce à plusieurs passes ciblées.
frontend-accessibility
آمن 71Créer des interfaces React accessibles conformes aux normes WCAG
بواسطة DevanB
La création d'interfaces web accessibles garantit que tout le monde peut utiliser vos applications, y compris les utilisateurs en situation de handicap. Cette compétence applique les normes WCAG, les attributs ARIA appropriés, la navigation au clavier et la compatibilité avec les lecteurs d'écran dans vos composants React.
frontend-design
آمن 69Créer des interfaces frontend de qualité production
بواسطة DennisLiuCk
Créer des interfaces web uniques et visuellement captivantes est un défi complexe et chronophage. Cette compétence guide la création de code frontend de qualité production avec des choix esthétiques intentionnels, évitant les esthétiques génériques générées par IA et livrant des designs soignés et mémorables.
ui-ux-pro-max
مخاطر منخفضة 68Générer des designs UI/UX professionnels
بواسطة DCjanus
Les développeurs et designers ont besoin d'interfaces cohérentes, accessibles et visuellement attrayantes mais manquent de connaissances approfondies en design. UI/UX Pro Max fournit un accès instantané à plus de 50 styles de design, palettes de couleurs, associations typographiques et bonnes pratiques spécifiques aux frameworks via de simples recherches par mots-clés.
ux-researcher-designer
آمن 72Générer des personas d'utilisateurs à partir de données de recherche
بواسطة davila7
Créer des personas d'utilisateurs à partir de données de recherche brutes est chronophage et souvent incohérent. Cette boîte à outils analyse les comportements des utilisateurs, les données démographiques et les insights d'entretiens pour générer automatiquement des personas fondés sur la recherche, avec scores de confiance et implications pour la conception.
ui-design-system
آمن 72Créer des systèmes de conception d'interface utilisateur cohérents
بواسطة davila7
La création manuelle de systèmes de conception cohérents prend beaucoup de temps et entraîne souvent des implémentations incohérentes. Cette boîte à outils automatise la génération de tokens de conception pour les couleurs, la typographie et l'espacement, assurant une harmonie visuelle entre tous les composants et exportant un code prêt pour les développeurs.
theme-factory
آمن 69Appliquer des thèmes professionnels aux présentations
بواسطة davila7
La création de thèmes visuels cohérents et professionnels pour les présentations et les documents nécessite un effort de conception considérable. Cette compétence fournit 10 combinaisons de thèmes de couleurs et de polices sélectionnées qui peuvent être instantanément appliquées à n'importe quel artefact, ainsi que la possibilité de générer des thèmes personnalisés à la demande.