Tous les skills

Style·VIBRANT · MOTION

Style Énergie

Couleurs saturées, gradients, motion partout, formes dynamiques. Pour les marques sport, gaming, apps de fitness, événementiel.

Télécharger SKILL.md~/.claude/skills/style-energie/SKILL.md

Installation en 30 secondes

mkdir -p ~/.claude/skills/style-energie
curl -o ~/.claude/skills/style-energie/SKILL.md \
  https://xavierguiter.com/claude-skills/style-energie/SKILL.md
# relance Claude Code, le skill est prêt

Style Énergie

Le site doit courir plus vite que le lecteur. Bouger, pulser, exploser.

Palette

Couleurs primaires saturées : jaune fluo #fef08a, orange feu #fb923c, rose électrique #f472b6, cyan #22d3ee.
BG: sombre pour faire ressortir (#0a0a0a) ou blanc éclatant.
Gradients omniprésents: linear-gradient(135deg, cyan, magenta) sur bordures et fills.

Typographie

Display: extra bold, dynamique, incliné parfois (Neue Machina, PP Neue Montreal, Söhne Breit Kraftig).
Body: sans neutre 16 px, semi-bold pour un peu de punch.
Titres avec text-transform: uppercase, italic sur les mots clés.

Layout

Diagonales : sections avec transform: skewY(-3deg) puis contenu redressé.
Formes géométriques flottantes (cercles, triangles) qui bougent en fond.
Grid avec cards qui se chevauchent.
Ratios photo dynamiques : portraits recadrés serrés, angle marqué.

Motion

Marquee horizontal permanent (text scrolling).
Hover: scale 1.05 + rotate 2deg + gradient shift.
Elements qui entrent en scaling 0 → 1 avec bounce.
Gradient animé sur les fonds (loop 8-12s).

Rules

Aucune section statique. Toujours quelque chose qui bouge dans le champ de vision.
CTAs oversize, arrondis (999px), effet "press" au clic.
Palette min 3 couleurs vives par écran.

Skill suivant

Style Marketing