theme-factory

Apply cohesive color and typography themes from themes/ to artifacts.

Updated Jan 1, 2026
One-click install
npx skills add https://github.com/Ditto190/modme-ui-01 --skill theme-factory-ditto190
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: theme-factory
Source: https://github.com/Ditto190/modme-ui-01/tree/main/agent/skills_ref/installed/theme-factory
Command: npx skills add https://github.com/Ditto190/modme-ui-01 --skill theme-factory-ditto190

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a ready-to-use theming toolkit to quickly and consistently style artifacts such as slides, docs, HTML landing pages, and reports, reducing design time and decision fatigue.

Core Features & Use Cases

  • Preset Themes: Ten+ pre-defined themes with cohesive color palettes and typography that can be applied to any artifact.
  • Custom Theming: Create new themes in themes/ and apply them to match brand guidelines.
  • Use Case: Brand a marketing deck with Ocean Depths or Sunset Boulevard, then reuse the same theme across presentations and documents.

Quick Start

  1. Browse the themes/ directory to preview available themes.
  2. Choose a theme and apply its color palette and typography to your artifact using the Theme Factory.
  3. If needed, add or modify a theme under themes/ and apply it.

Frequently Asked Questions about theme-factory

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

FAQPage Schema
How do I apply a consistent color palette and typography across my slides and HTML pages?

To apply a consistent color palette and typography across slides and HTML pages, use Theme Factory to read a pre-defined theme from the themes directory and apply it to your artifact, ensuring branding consistency.

Can I create custom themes to match my brand guidelines for documents and presentations?

Yes, you can create custom themes to match brand guidelines for documents and presentations. You add or modify a theme definition under the themes directory, then apply its specific colors and typography to your target artifact.

What is the best way to quickly style an HTML landing page without design decisions?

The best way to quickly style an HTML landing page without design decisions is to use a ready-made theming toolkit. Theme Factory offers ten plus pre-defined themes with cohesive color palettes and typography to reduce design time.

Do I need any external dependencies to apply preset themes to my artifacts?

No external dependencies are required to apply preset themes to your artifacts. The Skill operates independently using its internal themes directory to read and apply cohesive color palettes and typography to your target artifacts.

How many preset themes are available for branding marketing decks and reports?

There are ten plus pre-defined themes available for branding marketing decks and reports. Each preset theme includes a cohesive color palette and typography setup that can be directly applied to maintain branding consistency across different artifacts.