Communitygithub.com

D3OXY/skills

d3-design — une compétence d'agent Claude Code qui encode une philosophie de conception personnelle : des principes UI universels associés à une esthétique cinématographique vitrée flottante et assumée.

Qu'est-ce que skills ?

Cette compétence, D3OXY/skills (d3-design), est une compétence d'agent Claude Code qui intègre une philosophie de conception à la fois universelle et personnelle. Elle combine des principes d'interface utilisateur éprouvés avec une esthétique distinctive et audacieuse, inspirée du cinéma et du verre flottant. Son objectif est de guider l'agent IA dans la création de designs visuellement cohérents, modernes et immersifs, tout en respectant les bonnes pratiques d'ergonomie. Elle est conçue pour fonctionner avec Claude Code et influence la génération de code et de rendus UI en appliquant automatiquement ce style visuel spécifique, réduisant ainsi le besoin de directives manuelles pour obtenir un rendu cinématographique et vitré.

Compatible avec✓Claude Code~Codex CLI~Cursor
npx skills add D3OXY/skills

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait skills ?

d3-design — une compétence d'agent Claude Code qui encode une philosophie de conception personnelle : des principes UI universels associés à une esthétique cinématographique vitrée flottante et assumée.

Cette compétence définit un ensemble de règles et de préférences stylistiques pour guider l'agent IA dans la création d'interfaces utilisateur. Elle inclut des principes universels de design (comme la lisibilité, la hiérarchie visuelle, l'accessibilité) et les associe à un look spécifique : des éléments flottants, des effets de verre (glassmorphism), des dégradés subtils, des ombres portées et une typographie soignée inspirée du cinéma.

Principes clés

  • Universels : Accessibilité, lisibilité, hiérarchie claire, cohérence.
  • Cinématographiques : Arrière-plans profonds, dégradés atmosphériques, effets de flou et de transparence (glassmorphism).
  • Flottants : Éléments surélevés, ombres douces, espacement aéré.

Utilisation

Activez cette compétence dans votre projet Claude Code pour que l'agent applique automatiquement cette philosophie de design lors de la génération de code UI (HTML/CSS, React, etc.).

Exemple de résultat attendu :

  • Boutons avec fond vitré et ombre subtile.
  • Cartes flottantes avec bordure translucide.
  • Typographie élégante sur fond dégradé.

Skills associés