mcpField
T
theme-factory

theme-factory

github.com/partme-aiDesign & UI71772 installsUpdated 3w ago
Repository

About theme-factory

A skill for applying consistent color and font themes to slide decks, documents, reports, and landing pages. It supports previewing presets, creating a custom theme, and reviewing it before application.

Key features

  1. 01Preview of 10 preset themes
  2. 02Custom palette and font selection
  3. 03Consistent theme application
  4. 04Contrast and typography guidance

Use cases

  1. 01Applying a theme to a slide deck
  2. 02Restyling a report or landing page
  3. 03Comparing presets before choosing
  4. 04Creating a theme from a visual description

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/partme-ai/full-stack-skills --skill theme-factory

After installing, type/theme-factoryin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

LICENSE.txt
themes/
arctic-frost.md
botanical-garden.md
desert-rose.md
forest-canopy.md
golden-hour.md
midnight-galaxy.md
modern-minimalist.md
ocean-depths.md
sunset-boulevard.md
tech-innovation.md

Details

From the project README

When to use this skill

Use this skill whenever the user wants to:

  • Apply a consistent color/font theme to a slide deck, document, report, or landing page
  • Preview available themes before choosing one
  • Generate a custom theme from a description (e.g., "warm corporate" or "playful startup")
  • Re-theme an existing artifact with a different visual identity

How to use this skill

Workflow
  1. Show the theme showcase - Display theme-showcase.pdf so the user can visually compare all 10 themes
  2. Ask for their choice - Let the user pick a theme or describe a custom one
  3. Wait for confirmation - Get explicit approval before applying
  4. Apply the theme - Read the theme file from themes/ and apply colors/fonts consistently
Available Themes
#ThemeStylePrimary Color
1Ocean DepthsProfessional, calmingMaritime blues
2Sunset BoulevardWarm, vibrantOrange/coral
3Forest CanopyNatural, groundedEarth greens
4Modern MinimalistClean, contemporaryGrayscale
5Golden HourRich, warmAutumnal golds
6Arctic FrostCool, crispWinter blues
7Desert RoseSoft, sophisticatedDusty pinks
8Tech InnovationBold, modernElectric blues
9Botanical GardenFresh, organicGarden greens
10Midnight GalaxyDramatic, cosmicDeep purples
Applying a Theme (example)
/* Example: Ocean Depths theme applied via CSS variables */
:root {
  --color-primary: #1B4F72;
  --color-secondary: #2E86C1;
  --color-accent: #AED6F1;
  --color-background: #EBF5FB;
  --color-text: #1C2833;
  --font-heading: 'Playfair Display', serif;
  --font-body: 'Source Sans Pro', sans-serif;
}
Custom Theme Generation

When no preset fits, create a custom theme:

  1. Ask the user for a mood/description (e.g., "energetic tech startup")
  2. Generate a palette of 4-5 harmonious hex colors
  3. Select complementary heading and body fonts
  4. Name the theme descriptively
  5. Show for review, then apply

Best Practices

  1. Contrast check - Ensure text/background combinations meet WCAG AA contrast ratios
  2. Consistency - Apply the same theme tokens to every slide/page, never mix themes
  3. Font pairing - Use one display font for headings and one readable font for body text
  4. Accent sparingly - Use accent colors for highlights and CTAs, not large surfaces

Keywords

theme, styling, color palette, font pairing, slides, presentation, design, visual identity, 主题, 配色, 样式

Comments

Markdown supported