148 compétences
🎨

frontend-design

Sûr 70

Concevoir des interfaces frontend distinctives de qualité production

par 7Spade

Le code frontend généré par l'IA est souvent générique et manque de caractère créatif. Cette compétence guide la création d'interfaces uniques et mémorables avec des choix esthétiques audacieux, une typographie appropriée, des thèmes de couleurs cohérents et des détails visuels soignés.

Claude Codex Code(CC)
Installer
🎨

canvas-design

Sûr 69

Créer de l'art visuel avec une philosophie du design

par 7Spade

Les utilisateurs ont des difficultés à créer des designs visuels originaux de qualité musée nécessitant une connaissance approfondie du design et de la typographie. Cette compétence génère un art visuel sophistiqué en utilisant des polices sélectionnées et des principes de philosophie du design, produisant des sorties PNG et PDF originaux.

Claude Codex Code(CC)
Installer
🎨

landing-page-design

Sûr 71

Concevoir des pages de destination à fort taux de conversion

par 2389-research

Les pages de destination générées par l'IA ont souvent un aspect générique avec des dégradés violets et des motifs recyclés. Cette compétence impose une identité visuelle unique grâce à la découverte d'ambiance, créant des pages qui se démarquent et convertissent mieux que les modèles.

Claude Codex Code(CC)
Installer
📦

css-development-create-component

Sûr 70

Créer des composants CSS avec les meilleures pratiques

par 2389-research

Construire des composants CSS cohérents et maintenables nécessite de suivre des modèles et conventions établis. Cette compétence vous guide dans la création de composants avec une nomenclature sémantique, une composition Tailwind, un support du mode sombre et une couverture de tests complète.

Claude Codex Code(CC)
Installer
📸

snapdom

Sûr 71

Convertir des éléments HTML en images

par 2025Emma

Besoin de capturer des éléments DOM stylés sous forme d’images ? SnapDOM fournit une conversion DOM‑vers‑image rapide et précise avec prise en charge des formats SVG, PNG, JPG et WebP tout en préservant les polices, pseudo‑éléments et effets CSS.

Claude Codex Code(CC)
Installer
🎨

frontend-design

Sûr 71

Créez des interfaces frontend distinctives avec un design audacieux

par 1bertogit

Cette compétence vous aide à créer des interfaces web de qualité production avec une esthétique mémorable. Elle guide les choix créatifs pour la typographie, la couleur, le mouvement et la mise en page afin d'éviter les designs génériques générés par l'IA.

Claude Codex Code(CC)
Installer
🎨

tailwind-patterns

Sûr 70

Appliquez instantanément les modèles Tailwind CSS

par 0xDarkMatter

Les développeurs perdent du temps à rechercher la documentation des classes utilitaires Tailwind. Cette compétence fournit un accès instantané aux points de rupture responsive, aux modèles de composants et aux exemples de configuration directement dans votre flux de travail.

Claude Codex Code(CC)
Installer
🎨

create-svg-from-prompt

Risque faible 63

Créer des images SVG à partir de descriptions textuelles

par 0x6a77

Cette compétence génère des graphiques vectoriels évolutifs à partir de descriptions en langage naturel. Les utilisateurs décrivent ce qu'ils veulent voir, et la compétence utilise l'IA pour créer des fichiers SVG.

Claude Codex Code(CC)
Installer