Files
claude-code-best-practice/fr/.claude/skills/weather-svg-creator/reference.md
T
2026-06-02 23:24:21 +02:00

1.7 KiB

Weather SVG Creator — Référence

Template SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 160" width="300" height="160">
  <rect width="300" height="160" rx="12" fill="#1a1a2e"/>
  <text x="150" y="45" text-anchor="middle" fill="#8892b0" font-family="system-ui" font-size="14">Unit: [Celsius/Fahrenheit]</text>
  <text x="150" y="100" text-anchor="middle" fill="#ccd6f6" font-family="system-ui" font-size="42" font-weight="bold">[value]°[C/F]</text>
  <text x="150" y="140" text-anchor="middle" fill="#64ffda" font-family="system-ui" font-size="16">Dubai, UAE</text>
</svg>

Placeholders

Placeholder Remplacer par Exemple
[Celsius/Fahrenheit] Nom complet de l'unité depuis l'entrée Celsius
[value] Température numérique depuis l'entrée 26.2
[C/F] Abréviation de l'unité C ou F

Specs de design

Propriété Valeur
Dimensions 300 x 160 px
Rayon des coins 12 px
Arrière-plan #1a1a2e (dark navy)
Label d'unité #8892b0 (bleu atténué), 14px
Température #ccd6f6 (bleu clair), 42px bold
Lieu #64ffda (accent teal), 16px
Police system-ui
Tout le texte Centré (text-anchor="middle" à x=150)

Template Markdown de sortie

# Weather Result

## Temperature
[value]°[C/F]

## Location
Dubai, UAE

## Unit
[Celsius/Fahrenheit]

## SVG Card
![Weather Card](weather.svg)

Chemins de sortie

Fichier Chemin
Carte SVG orchestration-workflow/weather.svg
Résumé Markdown orchestration-workflow/output.md