Theme Factory
Purpose
Provides a toolkit for applying consistent visual themes to various artifacts including presentations, documents, reports, and web pages. Offers pre-set themes and the ability to generate custom themes with coordinated colors, typography, and styling.
When to Use
- Applying consistent branding to presentations or documents
- Styling HTML pages with professional color schemes
- Creating custom themes from brand guidelines
- Converting plain artifacts to themed versions
- Generating color palettes for new projects
- Ensuring accessibility in color choices
- Creating dark/light mode variations
- Styling reports and data visualizations
Quick Start
Invoke this skill when:
- Applying consistent branding to presentations or documents
- Styling HTML pages with professional color schemes
- Creating custom themes from brand guidelines
- Converting plain artifacts to themed versions
- Generating color palettes for new projects
Do NOT invoke when:
- Designing UI components from scratch → use ui-designer
- Building complete web applications → use frontend-design
- Creating visual art or graphics → use canvas-design
- Applying Anthropic brand specifically → use brand-guidelines
Decision Framework
Theming Need?
├── Corporate Branding → Use brand colors + approved fonts
├── Quick Professional → Apply pre-set theme
├── Custom Theme → Generate from primary color + style
├── Accessibility → Ensure WCAG contrast ratios
├── Dark Mode → Invert with adjusted colors
└── Print-Friendly → Optimize for paper outputCore Workflows
1. Apply Pre-set Theme
- Select target artifact (slides, doc, HTML)
- Choose from available pre-set themes
- Extract current content structure
- Apply theme colors to headings, text, backgrounds
- Set typography (fonts, sizes, weights)
- Adjust spacing and layout to theme
- Verify visual consistency
2. Generate Custom Theme
- Gather brand inputs (primary color, logo, guidelines)
- Generate complementary color palette
- Select font pairing (heading + body)
- Define spacing scale and component styles
- Create theme configuration file
- Apply to target artifact
- Iterate based on feedback
3. Multi-Format Theme Application
- Define theme as abstract tokens (colors, fonts, spacing)
- Create format-specific implementations (CSS, PPTX styles, docx styles)
- Apply appropriate implementation per artifact type
- Ensure visual consistency across formats
- Document theme usage guidelines
Best Practices
- Start with accessible color contrast ratios (WCAG AA minimum)
- Limit color palette to 3-5 colors for cohesion
- Use consistent spacing scale (4px, 8px, 16px, etc.)
- Pair fonts intentionally (contrast or complement)
- Test themes on actual content, not lorem ipsum
- Provide light and dark mode variants when possible
Anti-Patterns
- Too many colors → Limit to primary, secondary, accent + neutrals
- Ignoring contrast → Always verify accessibility ratios
- Inconsistent spacing → Use defined spacing scale
- Random font pairing → Choose fonts with intentional relationship
- Theme without content → Always test with real content