theme-factory

✓Verified·Scanned 2/19/2026

Theme Factory provides 10 curated visual themes and guidance for applying them, reading theme files from themes/ and supplying CSS and contrast rules. The package includes installation commands such as npx add https://github.com/wpank/ai/tree/main/skills/design-systems/theme-factory and cp -r ~/.ai-skills/skills/design-systems/theme-factory .cursor/skills/theme-factory that invoke shell and network actions; no secret access or obfuscated code is present.

from clawhub.ai·v34715fb·13.7 KB·0 installs
Scanned from 1.0.0 at 34715fb · Transparency log ↗
$ vett add clawhub.ai/wpank/theme-factory

Theme Factory

Curated collection of 10 professional color and typography themes for styling artifacts — slides, docs, reports, landing pages. Apply consistent, professional styling to any artifact using pre-built or custom themes.

What's Inside

  • 10 curated themes (Ocean Depths, Sunset Boulevard, Forest Canopy, Modern Minimalist, Golden Hour, Arctic Frost, Desert Rose, Tech Innovation, Botanical Garden, Midnight Galaxy)
  • Theme application guides for slide decks, HTML pages, and documents
  • Custom theme creation workflow with palette harmony rules
  • Contrast guidelines for WCAG compliance
  • CSS variable mapping for theme integration

When to Use

  • Styling slide decks, reports, or documents with a cohesive visual identity
  • Applying color palettes and font pairings to HTML pages or landing pages
  • Choosing a pre-built theme for quick professional styling
  • Creating a custom theme when none of the presets fit

Installation

npx add https://github.com/wpank/ai/tree/main/skills/design-systems/theme-factory

Manual Installation

Cursor (per-project)

From your project root:

mkdir -p .cursor/skills
cp -r ~/.ai-skills/skills/design-systems/theme-factory .cursor/skills/theme-factory

Cursor (global)

mkdir -p ~/.cursor/skills
cp -r ~/.ai-skills/skills/design-systems/theme-factory ~/.cursor/skills/theme-factory

Claude Code (per-project)

From your project root:

mkdir -p .claude/skills
cp -r ~/.ai-skills/skills/design-systems/theme-factory .claude/skills/theme-factory

Claude Code (global)

mkdir -p ~/.claude/skills
cp -r ~/.ai-skills/skills/design-systems/theme-factory ~/.claude/skills/theme-factory

Related Skills

  • design-system-patterns — Token architecture and theming infrastructure
  • distinctive-design-systems — Aesthetic documentation and unique visual identity

Part of the Design Systems skill category.