Back to UI/UX Design

theme-factory

stylingthemesdesignpresentationsdocumentsreportsUIconsistency
151.5k🕒 2026-06-09Source ↗

Install this skill

npx skills add anthropics/skills

Works across Claude Code, Cursor, Codex, Copilot & Antigravity

Theme Factory centralizes aesthetic management for digital artifacts by providing a library of ten pre-defined style profiles. Each profile contains validated color hex codes and curated font pairings for both headers and body text. Instead of manually adjusting CSS or layout settings for every slide, this tool ensures visual consistency by programmatically injecting specified design tokens into your documents. Beyond the standard library, the skill supports the creation of custom themes generated from user descriptions. It handles the mapping of font stacks and color variables to ensure the final output remains readable and professional. This tool acts as a bridge between high-level creative intent and technical implementation, removing the guesswork from visual design while maintaining alignment with specific brand identities or mood requirements.

When to Use This Skill

  • Standardizing a corporate slide deck to match a specific brand aesthetic
  • Quickly iterating through different visual identities for a presentation
  • Generating a unique color palette and font set for a specialized project
  • Ensuring consistent visual contrast across a multi-page document

How to Invoke This Skill

Example prompts that trigger this skill in Claude Code, Cursor, or Antigravity:

  • Show me the available slide design themes
  • Apply the Ocean Depths theme to my current presentation
  • Create a new custom theme based on a professional finance aesthetic
  • What font pairings are used in the Midnight Galaxy theme?
  • Reformat my artifact using the Modern Minimalist style

Pro Tips

  • 💡Always display the `theme-showcase.pdf` first to allow users to visually select a theme, improving user experience and choice accuracy.
  • 💡Integrate theme selection early in content generation workflows to ensure all subsequent elements are styled correctly from the outset.
  • 💡Consider automating theme application based on the context of the artifact (e.g., 'corporate theme' for reports, 'modern theme' for marketing materials).

What this skill does

  • Injects predefined color palettes and font stacks into artifacts
  • Previews available design profiles via theme-showcase.pdf
  • Generates bespoke custom themes based on descriptive user inputs
  • Standardizes typography and color contrast across document slides
  • Reads and applies structural data from the themes/ directory

When not to use it

  • When you need to modify layout structures or slide positioning rather than just aesthetic properties
  • When working with formats that do not support standard hex-based color and font-family injection

Example workflow

  1. Open the theme-showcase.pdf to review existing visual styles
  2. Select a preferred design profile from the provided list
  3. Trigger the application command for the chosen theme
  4. Review the updated artifact for color and font accuracy
  5. Adjust or generate a custom theme if the current style requires modification

Prerequisites

  • An existing artifact or slide deck to be styled
  • Access to the themes/ directory within the skill repository

Pitfalls & limitations

  • !Custom themes require manual verification to ensure color contrast accessibility
  • !Applying themes does not automatically adjust layout or content alignment
  • !Limited to the predefined styles unless a new custom theme is generated

FAQ

Can I modify the existing themes?
You should create a custom theme instead of modifying the source files to ensure you keep original styles intact for future use.
What happens if I don't like the generated custom theme?
You can provide specific feedback on the colors or fonts, and the skill will regenerate the theme based on your updated preferences.
Does this tool work on non-presentation files?
The skill is specifically optimized for slide decks and presentation-style artifacts supported by the theme directory.

How it compares

Unlike manual styling which requires repetitive editing of every slide, this tool applies global changes programmatically based on vetted design configurations, ensuring absolute consistency.

Source & trust

152k stars🕒 Updated 2026-06-09
📄 Full skill instructions — original source: anthropics/skills
# Theme Factory Skill

This skill provides a curated collection of professional font and color themes themes, each with carefully selected color palettes and font pairings. Once a theme is chosen, it can be applied to any artifact.

## Purpose

To apply consistent, professional styling to presentation slide decks, use this skill. Each theme includes:
- A cohesive color palette with hex codes
- Complementary font pairings for headers and body text
- A distinct visual identity suitable for different contexts and audiences

## Usage Instructions

To apply styling to a slide deck or other artifact:

1. **Show the theme showcase**: Display the theme-showcase.pdf file to allow users to see all available themes visually. Do not make any modifications to it; simply show the file for viewing.
2. **Ask for their choice**: Ask which theme to apply to the deck
3. **Wait for selection**: Get explicit confirmation about the chosen theme
4. **Apply the theme**: Once a theme has been chosen, apply the selected theme's colors and fonts to the deck/artifact

## Themes Available

The following 10 themes are available, each showcased in theme-showcase.pdf:

1. **Ocean Depths** - Professional and calming maritime theme
2. **Sunset Boulevard** - Warm and vibrant sunset colors
3. **Forest Canopy** - Natural and grounded earth tones
4. **Modern Minimalist** - Clean and contemporary grayscale
5. **Golden Hour** - Rich and warm autumnal palette
6. **Arctic Frost** - Cool and crisp winter-inspired theme
7. **Desert Rose** - Soft and sophisticated dusty tones
8. **Tech Innovation** - Bold and modern tech aesthetic
9. **Botanical Garden** - Fresh and organic garden colors
10. **Midnight Galaxy** - Dramatic and cosmic deep tones

## Theme Details

Each theme is defined in the themes/ directory with complete specifications including:
- Cohesive color palette with hex codes
- Complementary font pairings for headers and body text
- Distinct visual identity suitable for different contexts and audiences

## Application Process

After a preferred theme is selected:
1. Read the corresponding theme file from the themes/ directory
2. Apply the specified colors and fonts consistently throughout the deck
3. Ensure proper contrast and readability
4. Maintain the theme's visual identity across all slides

## Create your Own Theme
To handle cases where none of the existing themes work for an artifact, create a custom theme. Based on provided inputs, generate a new theme similar to the ones above. Give the theme a similar name describing what the font/color combinations represent. Use any basic description provided to choose appropriate colors/fonts. After generating the theme, show it for review and verification. Following that, apply the theme as described above.

How to Use This Skill Unit

Option A: Project-Specific (Recommended)

  1. Click "Download" above
  2. In your project, create the directory: .agent/skills/theme-factory/
  3. Save the file as SKILL.md
  4. The agent will automatically discover the skill based on its description.

Option B: Global Installation (All Agents)

Save the file to these locations to make it available across all projects:

  • Claude Code: ~/.claude/skills/anthropics/skills/theme-factory/SKILL.md
  • Cursor: ~/.cursor/skills/anthropics/skills/theme-factory/SKILL.md
  • Antigravity: ~/.gemini/antigravity/skills/anthropics/skills/theme-factory/SKILL.md

🚀 Install with CLI:
npx skills add anthropics/skills

Read the Master Guide: Mastering Agent Skills

Related Skill Units

Recommended Rules

View more rules

Recommended Workflows

View more workflows

Recommended MCP Servers

View more MCP servers

Take It Further

Maximize your productivity with these powerful resources

📋

Define Your Standards

Set up coding standards to ensure this workflow produces consistent, high-quality results.

Browse Rules Library
📖

Master Workflows

Learn how to create custom workflows, use Turbo Mode, and build your automation library.

Complete Guide

How to use this Skill in Claude Code & Cursor

For Claude Code (CLI)

To use this skill in Claude Code, copy the rule content into your project's custom instructions or follow our Add-Skill CLI guide. This ensures Claude follows your standards during every code generation.

For Cursor & Windsurf

For Cursor or Windsurf, individual skills are best used in the "Rules for AI" section. This specific unit helps the agent avoid ui/ux design issues, leading to cleaner, more efficient code.

Why the skill format matters: the standardized Agent Skills format lets your AI agent load detailed instructions only when they are relevant, keeping your prompt clean while improving results.

Source & attribution

This skill is categorized under UI/UX Design and is published by Anthropic, maintained in anthropics/skills.

← Browse All Agent Skills
Sponsored AI assistant. Recommendations may be paid.