148 مهارات
📱

frontend-responsive

آمن 71

Cré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.

Claude Codex Code(CC)
تثبيت
🎨

frontend-css

آمن 71

Appliquer 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.

Claude Codex Code(CC)
تثبيت
🎨

theme-factory

آمن 68

Appliquer 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.

Claude Codex Code(CC)
تثبيت
🎬

slack-gif-creator

آمن 69

Cré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.

Claude Codex Code(CC)
تثبيت
🖼️

image-enhancer

آمن 70

Amé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.

Claude Codex Code(CC)
تثبيت
🎨

canvas-design

آمن 70

Cré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.

Claude Codex Code(CC)
تثبيت
🎨

brand-guidelines

آمن 70

Appliquer 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.

Claude Codex Code(CC)
تثبيت
🎨

svg-logo-generator

آمن 70

Gé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.

Claude Codex Code(CC)
تثبيت
🎨

algorithmic-art

آمن 70

Cré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.

Claude Codex Code(CC)
تثبيت
🎹

performing-orthonotone-polychoral-instrument

آمن 71

Jouer 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.

Claude Codex Code(CC)
تثبيت
U

swiftui-ui-patterns

آمن 71

Cré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.

Claude Codex Code(CC)
تثبيت

swiftui-liquid-glass

آمن 70

Implé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.

Claude Codex Code(CC)
تثبيت
🎨

shadcn-aesthetic

آمن 69

Appliquer 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.

Claude Codex Code(CC)
تثبيت
🎨

ui-ux-polish

آمن 69

Perfectionner 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.

Claude Codex Code(CC)
تثبيت

frontend-accessibility

آمن 71

Cré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.

Claude Codex Code(CC)
تثبيت
P

frontend-design

آمن 69

Cré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.

Claude Codex Code(CC)
تثبيت
🎨

ui-ux-pro-max

مخاطر منخفضة 68

Gé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.

Claude Codex Code(CC)
تثبيت
🎨

ux-researcher-designer

آمن 72

Gé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.

Claude Codex Code(CC)
تثبيت
🎨

ui-design-system

آمن 72

Cré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.

Claude Codex Code(CC)
تثبيت
🎨

theme-factory

آمن 69

Appliquer 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.

Claude Codex Code(CC)
تثبيت