Claude Code Plugins

Community-maintained marketplace

Feedback

theme-factory

@Holo00/IdeaForge
0
0

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reports, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact, or generate a new theme on-the-fly.

Install Skill

1Download skill
2Enable skills in Claude

Open claude.ai/settings/capabilities and find the "Skills" section

3Upload to Claude

Click "Upload skill" and select the downloaded ZIP file

Note: Please verify skill by going through its instructions before using it.

SKILL.md

name theme-factory
description Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reports, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact, or generate a new theme on-the-fly.

Theme Factory

A curated collection of professional font and color themes for consistent styling across various artifact types.

Available Themes

1. Ocean Depths

  • Primary: #1a365d (Deep Navy)
  • Secondary: #2b6cb0 (Ocean Blue)
  • Accent: #63b3ed (Sky Blue)
  • Background: #ebf8ff (Pale Blue)
  • Headers: Montserrat
  • Body: Open Sans

2. Sunset Boulevard

  • Primary: #744210 (Burnt Orange)
  • Secondary: #dd6b20 (Sunset Orange)
  • Accent: #fbd38d (Warm Yellow)
  • Background: #fffaf0 (Cream)
  • Headers: Playfair Display
  • Body: Lato

3. Forest Canopy

  • Primary: #22543d (Forest Green)
  • Secondary: #38a169 (Leaf Green)
  • Accent: #9ae6b4 (Mint)
  • Background: #f0fff4 (Pale Green)
  • Headers: Merriweather
  • Body: Source Sans Pro

4. Modern Minimalist

  • Primary: #1a202c (Charcoal)
  • Secondary: #4a5568 (Slate)
  • Accent: #e53e3e (Red Pop)
  • Background: #ffffff (White)
  • Headers: Inter
  • Body: Inter

5. Golden Hour

  • Primary: #7b341e (Terracotta)
  • Secondary: #c05621 (Amber)
  • Accent: #f6e05e (Gold)
  • Background: #fffff0 (Ivory)
  • Headers: Abril Fatface
  • Body: Nunito

6. Arctic Frost

  • Primary: #2c5282 (Ice Blue)
  • Secondary: #90cdf4 (Frost)
  • Accent: #bee3f8 (Snow Blue)
  • Background: #f7fafc (Ice White)
  • Headers: Raleway
  • Body: Roboto

7. Desert Rose

  • Primary: #702459 (Deep Rose)
  • Secondary: #d53f8c (Rose Pink)
  • Accent: #fbb6ce (Blush)
  • Background: #fff5f7 (Rose White)
  • Headers: Cormorant Garamond
  • Body: Poppins

8. Tech Innovation

  • Primary: #0d1117 (Tech Black)
  • Secondary: #238636 (Matrix Green)
  • Accent: #58a6ff (Electric Blue)
  • Background: #161b22 (Dark Gray)
  • Headers: JetBrains Mono
  • Body: SF Pro Text / Inter

9. Botanical Garden

  • Primary: #276749 (Sage)
  • Secondary: #68d391 (Spring Green)
  • Accent: #f6ad55 (Marigold)
  • Background: #faf5f0 (Natural)
  • Headers: Libre Baskerville
  • Body: Work Sans

10. Midnight Galaxy

  • Primary: #1a1a2e (Space Black)
  • Secondary: #4a0e82 (Nebula Purple)
  • Accent: #ff6b6b (Star Red)
  • Background: #16213e (Deep Space)
  • Headers: Orbitron
  • Body: Exo 2

How to Use

1. View Theme Showcase

Review the themes above or ask to see visual examples.

2. Select Theme

Choose a theme that matches your content's tone:

  • Professional/Corporate: Modern Minimalist, Arctic Frost
  • Creative/Artistic: Sunset Boulevard, Desert Rose
  • Tech/Development: Tech Innovation, Midnight Galaxy
  • Nature/Wellness: Forest Canopy, Botanical Garden, Ocean Depths
  • Luxury/Premium: Golden Hour

3. Apply Theme

Provide the theme name when creating artifacts. The colors and fonts will be applied consistently throughout.

Custom Theme Creation

For requirements not met by pre-set themes, provide:

  1. Mood/Feeling: What emotion should the design evoke?
  2. Industry: What sector is this for?
  3. Key Colors: Any specific brand colors to incorporate?
  4. Typography Style: Modern, classic, playful, professional?

A custom theme will be generated with:

  • Primary, secondary, and accent colors
  • Background color
  • Header and body font pairings
  • Contrast ratios for accessibility

Application Guidelines

Contrast Requirements

  • Body text: minimum 4.5:1 contrast ratio
  • Large text/headers: minimum 3:1 contrast ratio
  • Interactive elements: minimum 3:1 contrast ratio

Font Pairing Rules

  • Headers: Display or serif fonts for impact
  • Body: Sans-serif for readability
  • Limit to 2-3 fonts per artifact

Color Usage

  • Primary: Main headings, key CTAs
  • Secondary: Subheadings, navigation
  • Accent: Highlights, links, buttons
  • Background: Page/section backgrounds