theme-factory

Applies cohesive design themes to slides, docs, and dashboards via themes/*.md definitions and swatch generation scripts.

7|3|Updated Mar 8, 2026
One-click install
npx skills add https://github.com/BaiGanio/aperio --skill theme-factory-baiganio
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: theme-factory
Source: https://github.com/BaiGanio/aperio/tree/main/skills/theme-factory
Command: npx skills add https://github.com/BaiGanio/aperio --skill theme-factory-baiganio

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires sharp, and includes scripts (resource) components.

What problem does it solve?

Designing and maintaining cohesive visuals across slides, docs, dashboards, and UI components is time-consuming and error-prone. Theme Factory provides a curated set of ready-to-use themes and a simple workflow to consistently apply styling.

Core Features & Use Cases

  • Curated color palettes and typography pairings to establish a distinctive visual identity.
  • Themes defined in themes/*.md with an easy path to preview, customize, and apply to artifacts.
  • Generate and view swatch sheets for quick theme selection, and apply chosen theme across decks, pages, and components.

Quick Start

Run node skills/theme-factory/scripts/swatches.js swatches.png to generate the swatch sheet and view available themes.

Frequently Asked Questions about theme-factory

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

FAQPage Schema
How do I apply cohesive design themes across slides, docs, and dashboards?

Theme Factory applies cohesive design themes across slides, docs, and dashboards by reading theme definitions from themes/*.md files and applying curated color palettes with typography pairings to your artifacts for consistent visual identity.

Do I need Node and sharp installed to generate theme swatches?

Yes, you need Node and sharp installed to generate theme swatches. The Skill requires sharp for image rendering when running the swatches.js script to produce and view available color palettes and typography pairings as a swatch sheet.

Can I customize and preview color palettes before applying them to frontend components?

Yes, you can customize and preview color palettes before applying them to frontend components. Themes are defined in themes/*.md files, providing an easy path to preview swatch sheets, customize definitions, and apply chosen styles across pages and components.

What's the best way to maintain branding consistency across marketing materials and presentations?

The best way to maintain branding consistency across marketing materials and presentations is to use a curated set of ready-to-use themes with cohesive color palettes and typography pairings, applying them consistently across all visual artifacts.

How do I generate a swatch sheet to preview available themes for my presentation?

To generate a swatch sheet and preview available themes for your presentation, run the script node skills/theme-factory/scripts/swatches.js swatches.png, which renders the color palettes and typography pairings into a viewable image file.

Are markdown files used for defining branding themes and typography pairings?

Yes, markdown files are used for defining branding themes and typography pairings. Theme Factory reads theme definitions directly from themes/*.md files, allowing you to easily preview, customize, and apply these styles to your dashboards and documents.