269 スキル
📱

frontend-responsive

安全 70

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

安全 69

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

安全 68

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

安全 69

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

安全 69

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

安全 69

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

安全 68

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

安全 69

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

安全 68

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

低リスク 69

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

安全 71

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)
インストール