83.3K+Télécharger
Aller au guide d’utilisation
theme-factorypar Anthropic

Theme Factory Skill.

Un skill Claude Code et Codex pour le travail de marque et de design system : applique ou génère des thèmes de couleur et de typographie pour les pages, diapositives et documents.

  • Marque et design systems
Télécharger OpenDesignVoir le guide d'utilisation
anthropics/skills · skills/theme-factory/SKILL.mdSKILL.md
--- name: theme-factory description: Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly. --- ## Purpose ## Usage Instructions ## Themes Available ## Theme Details ## Application Process ## Create your Own Theme
En-tête et titres de section lus depuis le fichier source le 14/09/2026 · 3 124 caractères au total

01 Ce qu'il fait

Ce que fait le skill theme-factory dans Claude Code et Codex

Résumé, workflow et sorties, tous lus dans le SKILL.md du skill.

D'après le SKILL.mdLu le 14-09-2026 · pas une exécution enregistrée

Dans les termes du Skill

Theme Factory propose 10 thèmes professionnels préconfigurés — chacun avec une palette de couleurs cohérente (codes hexadécimaux) et des associations de polices complémentaires pour les titres et le corps du texte — applicables à des présentations, documents, rapports ou pages d'accueil HTML. Les utilisateurs consultent d'abord le fichier theme-showcase.pdf pour visualiser toutes les options, choisissent leur thème préféré, puis le skill applique les couleurs et les polices de manière cohérente dans tout le produit.

Lorsqu'aucun des thèmes existants ne convient, le skill peut générer à la volée un thème personnalisé à partir des indications de l'utilisateur, le montrer pour validation, puis l'appliquer. Chaque thème est défini dans le répertoire themes/ et possède une identité visuelle distincte adaptée à différents contextes et publics.

Ce qu'il produit

  • Un produit stylisé avec les couleurs et polices du thème sélectionné appliquées de manière cohérente sur l'ensemble
  • Une définition de thème personnalisé lorsque aucun des 10 thèmes existants ne correspond aux besoins de l'utilisateur
Voir l'exemple de prompt ↗

Fonctionnement

  1. 01
    Afficher la vitrine des thèmes

    Le skill affiche le fichier theme-showcase.pdf pour permettre aux utilisateurs de visualiser tous les thèmes disponibles, sans le modifier.

  2. 02
    Attendre une sélection explicite du thème

    Le skill demande quel thème appliquer et attend une confirmation explicite du thème choisi avant de poursuivre.

  3. 03
    Lire la définition du thème

    Après la sélection, le skill lit le fichier de thème correspondant dans le répertoire themes/ pour récupérer les spécifications complètes de couleurs et de polices.

  4. 04
    Appliquer les couleurs et les polices de manière cohérente

    Le skill applique les couleurs et les polices spécifiées dans tout le produit, en veillant au contraste, à la lisibilité et à l'identité visuelle appropriés.

02 Trouvez celui qui vous convient

Quand utiliser le skill theme-factory

Utilisez le skill theme-factory dans Claude Code ou Codex lorsque le travail porte sur une marque et un système de design de ce type. L'adéquation et les limites ci-dessous sont tirées du fichier du skill lui-même.

Bon choix

  • Application d'un style professionnel cohérent aux présentations
  • Style de documents, rapports ou pages d'accueil HTML avec des thèmes de couleurs et de polices cohérents
  • Situations où vous avez besoin d'une identité visuelle distincte adaptée à différents contextes et publics

    Quoi fournir

    • Produit à styliserUne présentation, un document, un rapport ou une page HTML existant qui a besoin d'un style de thème appliqué.
    • Description du thème personnalisé (facultatif)Pour les thèmes personnalisés, une description de base des couleurs ou polices souhaitées pour guider la génération.

    03 Dans le skill

    Règles que le skill theme-factory impose à Claude Code et Codex

    5 instructions concrètes, valeurs par défaut et limites que SKILL.md fixe pour l'agent — la partie du fichier qui change le résultat.

    1. Ne jamais modifier le PDF de démonstration

      Le fichier theme-showcase.pdf doit être présenté uniquement pour consultation, sans aucune modification.

    2. Toujours attendre une sélection explicite

      Le skill doit obtenir une confirmation explicite du thème choisi avant de l'appliquer.

    3. Lire les thèmes depuis le répertoire themes/

      Les définitions de thèmes doivent être lues depuis le répertoire themes/, qui contient les spécifications complètes pour chacun des 10 thèmes.

    4. Maintenir l'identité visuelle sur toutes les diapositives

      Lors de l'application d'un thème, le skill doit maintenir de façon cohérente l'identité visuelle du thème sur toutes les diapositives de l'artifact.

    5. Générer des thèmes personnalisés si nécessaire

      Si aucun des 10 thèmes existants ne convient, le skill doit générer un nouveau thème personnalisé avec un nom descriptif similaire aux existants, le présenter pour validation, puis l'appliquer.

    04 Mettez-le en pratique

    Installer theme-factory dans Claude Code ou Codex

    Une commande npx skills add, puis une première tâche dans votre agent et une checklist pour le résultat.

    Ajouter theme-factory à Claude Code, Codex ou votre agent

    Exécutez-la dans votre projet ; l'installateur demande à quel agent l'ajouter.

    Terminal
    npx skills add https://github.com/anthropics/skills --skill theme-factory

    Formulaire CLI skills générique pour skills/theme-factory/SKILL.md ; le dépôt peut documenter son propre chemin.

    Donnez au Skill une première tâche de brand et de design-system

    Rédigé dans les termes propres du skill ; remplacez les parties entre crochets par votre contenu.

    Starter prompt
    I have a presentation deck about our Q4 product roadmap for enterprise clients. Show me the available themes, then apply Ocean Depths to all slides—I want the professional and calming maritime look for this audience.

    Source : rédigé à partir du SKILL.md, dans les termes propres du skill.

    Vérifiez le premier résultat

    Ce que le SKILL.md lui-même présente comme un résultat correct :

    • Vérifiez qu'un contraste et une lisibilité adéquats sont maintenus après l'application du thème
    • Pour les thèmes personnalisés, confirmez que le thème a été présenté pour validation avant application

    Dans OpenDesign, theme-factory est intégré : Plugins → Skills, sélectionnez-le dans la barre supérieure.

    Télécharger OpenDesignLire le démarrage rapide

    05 Open source, traçable

    Source, licence et vérification

    D'où proviennent les faits de cette page et quand ils ont été vérifiés pour la dernière fois.

    Author
    Anthropic
    Repository
    github.com/anthropics/skills Branche main
    Fichier du skill
    skills/theme-factory/SKILL.md Somme de contrôle du contenu enregistrée lors de la vérification ; commit 34040c9
    License
    Apache-2.0 Depuis skills/theme-factory/LICENSE.txt ; SKILL.md indique « Conditions complètes dans LICENSE.txt ».
    Étoiles du dépôt
    176 183 Capture GitHub prise le 14/09/2026 pour l'ensemble du dépôt anthropics/skills, qui contient 7 skills dans ce catalogue. Ce n'est pas une note ou un compteur d'utilisation pour theme-factory.
    Vérifié par OpenDesign
    14/09/2026 Le fichier source, le chemin, le texte de licence et le nombre d'étoiles ont été vérifiés. Inclus dans OpenDesign main (vérifié le 28/08/2026) ; aucune exécution en direct n'a été enregistrée sur cette page.

    Dans le SKILL.md

    1. ObjectifExplique que le skill applique un style professionnel cohérent aux présentations avec des thèmes de couleurs et de polices
    2. Instructions d'utilisationProcessus en quatre étapes : afficher le PDF de démonstration, demander un choix, attendre la sélection, appliquer le thème
    3. Thèmes disponiblesListe les 10 thèmes prédéfinis par leur nom avec une description en une ligne de leur caractère visuel
    4. Détails des thèmesPrécise que chaque thème du répertoire themes/ inclut des palettes de couleurs, des associations de polices et une identité visuelle
    5. Processus d'applicationDéfinit le workflow pour lire les fichiers de thème et appliquer les couleurs et les polices avec un contraste adéquat
    6. Créez votre propre thèmeInstructions pour générer des thèmes personnalisés lorsque les thèmes existants ne conviennent pas, incluant une validation avant application
    Description du skill lui-même
    « Boîte à outils pour styliser des artifacts avec un thème. Ces artifacts peuvent être des slides, des documents, des rapports, des pages d'atterrissage HTML, etc. Il existe 10 thèmes prédéfinis avec couleurs/polices que vous pouvez appliquer à n'importe quel artifact créé, ou générer un nouveau thème à la volée. »

    Description du front-matter du fichier SKILL.md. Le fichier complet fait environ 3 124 caractères. Lire le fichier complet sur GitHub.

    06 Avant d'installer

    Questions sur le skill theme-factory

    Les réponses proviennent du SKILL.md tel que lu le 2026-09-14, et non d'une exécution enregistrée.

    Combien de thèmes sont disponibles et où puis-je les voir ?

    Il existe 10 thèmes prédéfinis, chacun présenté dans le fichier theme-showcase.pdf. Le skill affichera ce PDF afin que vous puissiez voir toutes les options visuellement avant d'en choisir un.

    Theme Factory

    Exécutez theme-factory sur une tâche de travail réelle de marque et design-system.

    La skill theme-factory est incluse dans OpenDesign. Téléchargez l'application, choisissez la skill dans Plugins → Skills, collez le prompt ci-dessus et lisez le plan avant le résultat.

    Télécharger OpenDesignParcourir tous les skills
    Terminal
    npx skills add https://github.com/anthropics/skills --skill theme-factory