brand-guidelines (Anthropic)
Applique les couleurs de marque et la typographie d'Anthropic aux diapositives, documents et autres artefacts.
brand-guidelines : donne à chaque fois la palette et les polices exactes d'Anthropic et divise les tokens par deux, mais une phrase avec les codes hex fait aussi bien
Codex CLI · gpt-6-astra
26.6 / 30
Gain par rapport à sans skill : +0.58 · Selon les cas · 18 exécutions
Selon les cas : le gain +0.58 est inférieur à +1.0. Pour être recommandé, il faut un total de 22/30, une qualité de sortie de 3.5 et un gain de +1.0.
SOTA
RéussiTesté avec Codex.
Couvre Codex, Claude Code
Codex CLI 0.166 (palier SOTA) : 18 exécutions notées. Une réussite ici couvre aussi Claude Code selon notre règle de palier ; elle ne dit rien du second palier.
Scores
Chaque dimension va de 0 à 5 et les six forment le total sur 30. 5 est la meilleure note dans chaque dimension. Coût 5 signifie bon marché et rapide. Installation 5 signifie facile.
- Fiabilité du déclenchement
- 5.0
- Gain par rapport à sans skill
- 2.6
- Qualité de sortie
- 5.0
- Coût en tokens et en temps
- 5.0
- Installation et portabilité
- 4.0
- Sécurité
- 5.0
Revue de sécurité
SûrScan statique : 0 CRITIQUE / 0 ÉLEVÉ / 0 MOYEN. Revue manuelle : sûr à exécuter dans un bac à sable sans réseau (aucun problème détecté). Un scan propre ne prouve pas qu'un skill est sûr.
Installer
npx skills@latest add anthropics/skills --skill brand-guidelines
Commit épinglé: ca45fc496a3436251f191354091d557da31c15b5
Testé: 2026-11-02
Ce que nous avons testé
- Restyler un deck HTML — Stylisez deck.html avec les couleurs et la typographie officielles de la marque Anthropic. Modifiez le fichier sur place.
- Écrire une feuille de style de marque — Écrivez brand.css pour nos documents internes en suivant les règles officielles de la marque Anthropic (couleurs et typographie). Enregistrez-le sous brand.css.
- Carte de statut de marque — Créez status.html : une petite carte de statut autonome (titre, trois lignes de statut) au look and feel officiel de la marque Anthropic.
Points forts
- Fait passer le score moyen de 4.42 à 5.0 par rapport à sans skill (+0.58).
- Le skill a été détecté sans être nommé : son fichier a été lu dans 6/6 exécutions avec skill.
- Aucune surcharge de tokens : 0.54 fois le volume de tokens sans skill.
- Qualité absolue élevée avec le skill : 5.0 sur 5.
Points faibles
- Un prompt d'une phrase obtient 5.0, contre 5.0 avec le skill (+0.00).
- n=2 par tâche et par bras ; les écarts inférieurs à environ 1 point sont du bruit.
Avis
Codex CLI 0.166 (gpt-6-astra, low reasoning) sur un Mac de test, un projet temporaire neuf et des HOME/TMPDIR/caches temporaires à chaque exécution, skill installé (traitement) ou absent (contrôle) ou absent avec l'exigence centrale du skill compressée en une phrase ajoutée au prompt (groupe « prompt d'une phrase »), 2 exécutions par groupe et par tâche, réseau coupé, écritures dans /tmp bloquées. Les prompts ne mentionnent jamais le skill (sauf la formulation indiquée ci-dessous). Trois tâches qui nomment la marque officielle d'Anthropic sans donner aucune valeur : restyler deck.html sur place, écrire brand.css pour les documents internes, et créer une petite carte de statut autonome (status.html). Noté selon des règles : au moins 5 des 7 codes hex de la marque, titres Poppins, corps Lora, replis Arial/Georgia.
Comparaison à trois bras
| Bras | Score moyen (0-5) | Tokens par exécution |
|---|---|---|
| Sans le skill | 4.42 | 104k |
| Prompt d'une phrase | 5.0 | 52k |
| Avec le skill | 5.0 | 56k |
Mesuré avec Codex CLI sur 18 exécutions, noté par des contrôles basés sur des règles, sans juge LLM. Total 26.6 / 30, verdict Selon les cas.
Verdict : Selon le cas (26.6 / 30). Source : anthropics/skills, skills/brand-guidelines, épinglé au commit ca45fc4. Installation : npx skills@latest add anthropics/skills --skill brand-guidelines. Licence : Apache-2.0 / conditions Anthropic (voir LICENSE.txt dans le skill).
Présentation
Le skill brand-guidelines d’anthropics/skills : les couleurs de marque officielles d’Anthropic (sombre #141413, clair #faf9f5, gris moyen #b0aea5, gris clair #e8e6dc, accents orange #d97757, bleu #6a9bcc, vert #788c5d) et sa typographie (Poppins pour les titres avec repli Arial, Lora pour le corps avec repli Georgia), ainsi que la manière de les appliquer. Un seul SKILL.md d’environ 330 mots ; aucun script.
Méthode de test
Codex CLI 0.166 (gpt-6-astra, raisonnement faible) sur une machine de test Mac, un projet temporaire neuf et des HOME/TMPDIR/caches temporaires à chaque exécution, skill installé (groupe avec skill), absent (groupe témoin), ou absent avec l’exigence centrale du skill compressée en une phrase ajoutée au prompt (groupe « prompt en une phrase »), 2 exécutions par groupe et par tâche, réseau désactivé, écritures dans /tmp bloquées. Les prompts ne mentionnent jamais le skill (sauf la formulation indiquée plus bas).
Trois tâches qui nomment la marque officielle d’Anthropic sans fournir aucune valeur : restyler deck.html sur place, écrire brand.css pour des documents internes et créer une petite carte de statut autonome (status.html). Scoring par règles : au moins 5 des 7 codes hexadécimaux de la marque, titres en Poppins, corps en Lora, replis Arial/Georgia.
- Restyler un deck HTML — Appliquez à deck.html les couleurs et la typographie officielles de la marque Anthropic. Modifiez le fichier sur place.
- Écrire une feuille de style de marque — Rédigez brand.css pour nos documents internes en suivant les règles de marque officielles d’Anthropic (couleurs et typographie). Enregistrez-le sous brand.css.
- Carte de statut aux couleurs de la marque — Créez status.html : une petite carte de statut autonome (un titre, trois lignes de statut) au style officiel de la marque Anthropic.
Le scoring est programmatique (tests cachés / détection des problèmes implantés / vérifications de contraintes / rendu + OCR le cas échéant), de 0 à 5 par exécution. Aucun juge LLM n’a attribué de score.
Résultats
Le prompt en une phrase donné au troisième groupe : « Utilise la palette d’Anthropic (sombre #141413, clair #faf9f5, gris moyen #b0aea5, gris clair #e8e6dc ; accents orange #d97757, bleu #6a9bcc, vert #788c5d) avec Poppins pour les titres (repli Arial) et Lora pour le corps de texte (repli Georgia). »
| Tâche | Score témoin | Prompt en une phrase | Avec skill | Tokens témoin | Tokens du prompt en une phrase | Tokens avec skill | Skill lu |
|---|---|---|---|---|---|---|---|
| t1-deck | 5.0 | 5.0 | 5.0 | 160k | 62k | 64k | 2/2 |
| t2-css | 5.0 | 5.0 | 5.0 | 76k | 47k | 56k | 2/2 |
| t3-card | 3.27 | 5.0 | 5.0 | 75k | 47k | 47k | 2/2 |
Score moyen : 4.42 sans le skill contre 5.0 avec (écart +0.58). Tokens par exécution : 104k contre 56k (0.54x) ; temps 64s contre 39s. Groupe « prompt en une phrase » : 5.0 (gain du skill sur ce prompt : +0.0 ; gain du prompt par rapport à l’absence de skill : +0.58) ; tokens du prompt : 52k par exécution, donc le skill coûte 1.08x le prompt en une phrase.
Ce qui s’est passé
- Score moyen de 4.42 sans le skill, 5.0 avec, 5.0 avec une version en une phrase qui énumère les couleurs et les polices. Les échecs du groupe témoin viennent de la tâche de carte de statut : dans l’une de ses deux exécutions (1.9/5), l’agent n’a pas utilisé la palette et les polices de la marque, dans l’autre, oui (4.64) ; sur les tâches du deck et de la feuille de style, le groupe témoin a obtenu 5.0 dans les deux exécutions.
- Codex seul connaît donc souvent la palette grâce à son entraînement, mais pas de manière fiable ; avec le skill, chacune des 6 exécutions a respecté l’intégralité de la palette et des polices.
- Le skill a été lu dans 6/6 exécutions et s’est révélé moins coûteux que le groupe témoin : 56k tokens par exécution contre 104k (0.54x), et à peu près autant que le prompt en une phrase (52k). Sur la tâche du deck, le groupe témoin a utilisé 155-166k tokens contre 64k avec le skill ; nous n’avons pas cherché pourquoi le groupe témoin dépensait davantage (il a exécuté 8 commandes contre 6 lors de la première exécution de chaque groupe).
- La version en une phrase, qui contient les mêmes codes hexadécimaux et les mêmes polices, a obtenu le même score que le skill (5.0) pour un coût identique : la valeur du skill réside donc dans les faits stockés, non dans une méthode élaborée.
Scores par dimension
| Dimension | Score | Pourquoi |
|---|---|---|
| 1_output_quality | 5.0 | Score moyen de 5.00/5 avec le skill (vérifications programmatiques, voir le tableau par tâche). |
| 2_lift_vs_no_skill | 2.58 | +0.58 point par rapport à 4.42 sans le skill (n=2 par tâche ; un écart inférieur à ~1 point relève du bruit). |
| 3_trigger | 5.0 | Fichier du skill lu dans 6/6 exécutions avec skill. |
| 4_instructions_portability | 4 | Des faits en Markdown simple ; fonctionne dans tout agent qui charge des skills. Spécifique à la marque Anthropic. |
| 5_efficiency | 5 | 0.54x tokens (56k contre 104k par exécution) et 0.60x temps (39s contre 64s). |
| 6_safety_hygiene | 5 | Markdown uniquement ; aucun script. |
Limites de ce test
- Une vérification par règles des codes hexadécimaux et des noms de polices, non un jugement visuel sur l’apparence de marque de la page.
- Trois petites tâches, deux exécutions chacune ; l’échec du groupe témoin tient à une seule exécution.
- Le skill ne contient de faits que pour une seule marque (celle d’Anthropic) ; le test ne dit rien de l’efficacité d’un tel skill pour les règles d’une autre entreprise.
- n = 2 par groupe et par tâche : un écart inférieur à ~1 point relève du bruit.
- Le scoring par règles mesure ce que les vérifications peuvent voir ; il ne peut juger du goût ni du caractère optimal d’un résultat.
Sécurité
Voir security.md. Scan : 0 CRITICAL / 0 HIGH / 0 MEDIUM. Verdict : exécution sans danger (sandbox sans réseau). Un scan propre ne prouve pas qu’un skill est sûr.
En résumé
Le skill fournit de manière fiable la palette et les polices exactes, et dans ces exécutions il a coûté la moitié des tokens d’une requête nue. Un prompt en une phrase contenant les mêmes valeurs fait aussi bien : le skill ne vaut donc le coup que si vous voulez stocker les faits une fois pour toutes au lieu de les répéter dans chaque prompt.
Transcription
Journal d'exécution : brand-guidelines (Codex CLI, network off, per-run temp HOME/TMPDIR, one row per graded run.) Colonnes : tâche, groupe-exécution, score (0-5), tokens, secondes, vérifications réussies, fichiers de la skill ouverts par l'agent. t1-deck control-1: score 5.0, tokens 155456, s 85.7, vérifications 4/4, rien ouvert t1-deck control-2: score 5.0, tokens 165533, s 105.4, vérifications 4/4, rien ouvert t1-deck oneliner-1: score 5.0, tokens 62478, s 39.6, vérifications 4/4, rien ouvert t1-deck oneliner-2: score 5.0, tokens 62290, s 34.7, vérifications 4/4, rien ouvert t1-deck treatment-1: score 5.0, tokens 64207, s 41.4, vérifications 4/4, ouvert brand-guidelines t1-deck treatment-2: score 5.0, tokens 64192, s 37.5, vérifications 4/4, ouvert brand-guidelines t2-css control-1: score 5.0, tokens 75329, s 57.0, vérifications 4/4, rien ouvert t2-css control-2: score 5.0, tokens 76695, s 51.6, vérifications 4/4, rien ouvert t2-css oneliner-1: score 5.0, tokens 47066, s 34.8, vérifications 4/4, rien ouvert
18 exécutions, 3 artefacts
Exemple de sortie
SOTA · With the skill: deck.html (t1-deck, run 1, Codex)
<!DOCTYPE html> <html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Q3 Update</title> <style> :root { color-scheme: light; --dark: #141413; --light: #faf9f5; --mid-gray: #b0aea5; --light-gray: #e8e6dc; --orange: #d97757; --blue: #6a9bcc; --green: #788c5d; } * { box-sizing: border-box; } body { margin: 0; padding: clamp(16px, 4vw, 56px); background: var(--light-gray); color: var(--dark); font-family: 'Lora', Georgia, serif; font-size: clamp(18px, 2vw, 24px); line-height: 1.6; } section { max-width: 1120px; min-height: 560px; margin: 0 auto 32px; padding: clamp(28px, 6vw, 80px); background: var(--light); border-top: 8px solid var(--orange); } section:first-child { display: flex; flex-direction: column; justify-content: center; background: var(--dark); color: var(--light); } section:nth-child(2) { border-color: var(--blue); } section:nth-child(3) { border-color: var(--green); } section:last-child { margin-bottom: 0; } h1, h2 { margin: 0 0 24px; font-family: 'Poppins', Arial, sans-serif; font-weight: 600; line-height: 1.15; letter-spacing: -0.035em; } h1 { font-size: clamp(48px, 7vw, 88px); } h2 { font-size: clamp(32px, 4.5vw, 52px); } p { margin: 0 0 28px; max-width: 48ch; } section:first-child p { color: var(--mid-gray); margin-bottom: 0; } ul { padding-left: 1.3em; margin: 32px 0 0; } li { padding-left: 0.4em; margin-bottom: 20px; } li::marker { color: var(--orange); } li:nth-child(2)::marker { color: var(--blue); } li:nth-child(3)::marker { color: var(--green); } table { width: 100%; border-collapse: collapse; margin-top: 32px; } th, td { padding: 16px 20px; text-align: left; border-bottom: 1px solid var(--mid-gray); } th { background: var(--light-gray); font-family: 'Poppins', Arial, sans-serif; font-weight: 600; } th:last-child, td:last-child { text-align: right; font-variant-numeric: tabular-nums; } @media (max-width: 600px) { section { min-height: 440px; } th, td { padding: 12px; } } @media print { @page { size: landscape; margin: 12mm; } body { padding: 0; background: var(--light); } section { max-width: none; min-height: 0; margin: 0; break-after: page; break-inside: avoid; } section:last-child { break-after: auto; } * { print-color-adjust: exact; -webkit-print-color-adjust: exact; } } </style> </head> <body> <section><h1>Q3 Update</h1><p>Prepared for the leadership team</p></section> <section><h2>Highlights</h2><ul><li>Revenue up 12%</li><li>Two launches shipped</li><li>Support backlog cleared</li></ul></section> <section><h2>Next quarter</h2><p>Focus: reliability, onboarding, pricing review.</p><table><tr><th scope="col">Metric</th><th scope="col">Q3</th></tr><tr><td>Revenue</td><td>$1.2M</td></tr><tr><td>Churn</td><td>2.1%</td></tr></table></section> </body></html>