theme-factory

Generate custom color and typography themes using CSS variables.

11|4|Updated Feb 9, 2026
One-click install
npx skills add https://github.com/wpank/ai --skill theme-factory-wpank
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: theme-factory
Source: https://github.com/wpank/ai/tree/main/skills/design-systems/theme-factory
Command: npx skills add https://github.com/wpank/ai --skill theme-factory-wpank

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides a curated collection of professional color and typography themes to ensure consistent and visually appealing styling across various artifacts like slides, documents, and web pages.

Core Features & Use Cases

  • 10 Pre-built Themes: Offers a variety of professional themes (e.g., Ocean Depths, Modern Minimalist, Tech Innovation).
  • Theme Application Guides: Provides instructions for applying themes to slide decks, HTML pages, and documents.
  • Custom Theme Creation: Includes a workflow for creating custom themes with palette harmony rules and contrast guidelines.
  • Use Case: You need to create a presentation for a tech startup. You can use the "Tech Innovation" theme to quickly apply a bold, modern, and high-contrast visual identity to all your slides.

Quick Start

Apply the 'Ocean Depths' theme to the current presentation.

Frequently Asked Questions about theme-factory

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I apply consistent color palettes and typography across presentation slides and web pages?

You can apply consistent color palettes and typography across presentation slides and web pages by using pre-built professional themes. These themes are applied via CSS variables to ensure consistent visual branding across digital artifacts like documents and HTML pages.

Can I create a custom design system theme following palette harmony and contrast guidelines?

Yes, you can create a custom design system theme following palette harmony and contrast guidelines. The custom theme creation workflow helps you generate tailored visual identities while maintaining professional color contrast standards for your digital artifacts.

What pre-built styling themes are available for styling digital artifacts like documents?

There are 10 pre-built styling themes available for digital artifacts, including Ocean Depths, Modern Minimalist, and Tech Innovation. Each offers a distinct professional visual identity for styling documents, web pages, and presentation decks.

Does theme-factory support styling a tech startup presentation with a high-contrast visual identity?

Yes, it supports styling a tech startup presentation with a high-contrast visual identity. You can use the Tech Innovation theme to quickly apply a bold, modern visual branding style across all your presentation slides.

How do I use CSS variables to style HTML pages with curated color palettes?

You style HTML pages with curated color palettes by applying themes through CSS variables. Theme application guides provide specific instructions for mapping these variables to your HTML elements, ensuring consistent typography and styling across web pages.

What is the best way to ensure visually appealing typography across various slide decks and documents?

The best way to ensure visually appealing typography across slide decks and documents is to apply a curated professional theme. This provides a cohesive color and typography system that maintains visual consistency across all your presentation artifacts.