Cette page est affichée en anglais. Une traduction française est en cours.
SkillsMar 29, 2026·3 min de lecture

Claude Official Skill: theme-factory

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 ...

Anthropic
Anthropic · Community
Prêt pour agents

Installation avec revue préalable

Cet actif nécessite une revue. Le prompt copié demande un dry-run, affiche les écritures, puis continue seulement après confirmation.

Needs Confirmation · 66/100Policy : confirmer
Surface agent
Tout agent MCP/CLI
Type
Skill
Installation
Single
Confiance
Confiance : Community
Point d'entrée
Claude Official Skill: theme-factory
Commande avec revue préalable
npx -y tokrepo@latest install 7eb8a442-e5a2-4145-82ca-592ce665207b --target codex

Dry-run d'abord, confirmez les écritures, puis lancez cette commande.

TL;DR
theme-factory is a Claude Code skill with 10 pre-set themes for styling slides, docs, reports, and HTML landing pages with consistent design.
§01

What it is

theme-factory is an official Claude Code skill that provides a toolkit for styling artifacts with themed visual design. It includes 10 pre-set themes with defined color palettes, typography, and layout guidelines. The skill applies to slides, documents, reports, HTML landing pages, and other visual artifacts that Claude Code generates.

This skill targets developers and content creators who use Claude Code to generate visual outputs. Instead of manually specifying colors, fonts, and spacing each time, theme-factory provides ready-made design systems that produce consistent, professional-looking results.

§02

How it saves time or tokens

Without theme-factory, every visual artifact requires explicit design instructions in your prompt: colors, font sizes, spacing, component styles. theme-factory encapsulates these decisions into named themes. You say 'use the corporate theme' and the skill applies the full design system. This saves prompt tokens and ensures visual consistency across multiple artifacts in the same project.

§03

How to use

  1. Install the skill in Claude Code by adding the SKILL.md file to .claude/skills/theme-factory/SKILL.md.
  2. Reference the skill when generating artifacts: ask Claude Code to apply a specific theme.
  3. Customize theme parameters if the pre-set options do not match your brand requirements.
§04

Example

# Install via Claude Code skill system
# Copy SKILL.md to .claude/skills/theme-factory/SKILL.md

# Usage in Claude Code:
# 'Create a landing page using the dark theme from theme-factory'
# 'Generate a report styled with the corporate theme'
# 'Build slides using the minimal theme'
ThemeStyleBest For
CorporateClean, professional bluesBusiness docs, reports
DarkDark backgrounds, bright accentsDeveloper tools, dashboards
MinimalHigh whitespace, neutral tonesBlog posts, documentation
VibrantBold colors, modern layoutMarketing pages, presentations
§05

Related on TokRepo

§06

Common pitfalls

  • theme-factory themes are starting points, not pixel-perfect design systems. Expect to adjust spacing and sizing for specific use cases.
  • The skill works best with HTML and Markdown outputs. PDF and image generation may not apply all theme properties consistently.
  • Custom themes require editing the SKILL.md file. Document your customizations separately to avoid losing them during skill updates.

Questions fréquentes

How many themes does theme-factory include?+

theme-factory includes 10 pre-set themes, each with defined color palettes, typography choices, and layout guidelines. Themes range from corporate and minimal to dark and vibrant styles.

Can I create custom themes?+

Yes. You can add custom theme definitions to the SKILL.md file. Define your color palette, font stack, and component styles following the same structure as the pre-set themes.

Does theme-factory work with Claude Desktop?+

theme-factory is designed for Claude Code's skill system. It may work with Claude Desktop if the MCP configuration supports skill loading, but the primary target is Claude Code.

What types of artifacts can theme-factory style?+

theme-factory supports slides, documents, reports, HTML landing pages, dashboards, and other visual outputs. The themes define colors, typography, spacing, and component styles that apply to any HTML-based artifact.

How do I update theme-factory?+

Replace the SKILL.md file in your .claude/skills/theme-factory/ directory with the latest version. The skill has no external dependencies beyond the SKILL.md definition file.

Sources citées (3)
En lien sur TokRepo
Prompt libraryDesign AI toolsFeatured workflows
🙏

Source et remerciements

Created by Anthropic. Licensed under MIT. anthropics/skills

Fil de discussion

Connectez-vous pour rejoindre la discussion.
Aucun commentaire pour l'instant. Soyez le premier à partager votre avis.

Actifs similaires

Claude Official Skill: internal-comms

A set of resources to help me write all kinds of internal communications, using the formats that my company likes to use. Claude should use this skill whenever asked to write so...

Skills
Anthropic

Claude Official Skill: brand-guidelines

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidel...

Skills
Anthropic

Claude Official Skill: claude-api

Build apps with the Claude API or Anthropic SDK. TRIGGER when: code imports `anthropic`/`@anthropic-ai/sdk`/`claude_agent_sdk`, or user asks to use Claude API, Anthropic SDKs, o...

Skills
Anthropic

Claude Official Skill: slack-gif-creator

Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for ...

Skills
Anthropic
◈Accueil🔍Rechercher👤Moi