SkillVisual Design

Theme Factory

Anthropic45.5k

10 pre-set professional themes with colors and fonts for slides, docs, reports, and landing pages. Apply consistent styling or generate custom themes on-the-fly.

How to install

npx skills add github.com/anthropics/skills/tree/main/skills/theme-factory --skill theme-factory

Installs to .cursor/skills/

Manual install
  1. Copy SKILL.md below
  2. .cursor/skills/theme-factory/SKILL.md
Cursor docs

Skill finder

Not sure this is the right skill? Compare matches by role and goal.

Open skill finder

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

# Theme Factory Skill

This skill provides a curated collection of professional font and color themes. 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

1. **Show the theme showcase**: Display available themes visually
2. **Ask for their choice**: Ask which theme to apply
3. **Wait for selection**: Get explicit confirmation
4. **Apply the theme**: Apply selected theme's colors and fonts

## Themes Available

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

## Application Process

After a preferred theme is selected:
1. Read the corresponding theme specifications
2. Apply the specified colors and fonts consistently
3. Ensure proper contrast and readability
4. Maintain the theme's visual identity across all elements

## Create your Own Theme

To handle cases where none of the existing themes work, create a custom theme. Based on provided inputs, generate a new theme with appropriate colors/fonts. Give the theme a similar name describing what the font/color combinations represent.

Skills, agents & workflow notes

Weekly SKILL.md-style workflows, Cursor and Claude Code tips, and AI interface craft on Substack - no spam, unsubscribe anytime.

Subscribe on Substack