Theme Factory¶
Purpose: Apply consistent, professional styling to artifacts (slides, docs, reports, landing pages) using curated font and color themes. Includes 10 pre-set themes and support for custom theme generation.
When to Use¶
| Trigger | Description |
|---|---|
| Styling Artifacts | Applying themes to slide decks, documents, or reports |
| Consistent Branding | Ensuring cohesive visual identity across outputs |
| Presentation Design | Styling presentation slides with professional palettes |
| Custom Themes | Generating new themes when pre-sets don't fit |
Process¶
Step 1: Choose a Theme¶
Select from 10 pre-set themes:
| # | Theme | Description |
|---|---|---|
| 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 |
Step 2: Apply the Theme¶
- Read the corresponding theme file from
assets/themes/ - Apply colors and fonts consistently throughout the artifact
- Ensure proper contrast and readability
- Maintain the theme's visual identity across all elements
Step 3: Custom Themes (Optional)¶
If none of the pre-sets work:
- Provide a basic description of the desired look
- AI generates a new theme with appropriate colors and fonts
- Review and verify the generated theme
- Apply as described above
Theme Contents¶
Each theme includes:
- Cohesive color palette with hex codes
- Complementary font pairings for headers and body text
- Distinct visual identity suitable for different contexts and audiences
See Also¶
- CLI Reference: skill - Full command reference
- The .claude Directory - Where skills live
- Frontend Design - Design-driven frontend development