skills.rest
Jack5316
Jack5316COMMUNITY
Explore all skills by this author →
WebsiteGitHub

theme-factory

Generate custom themes for slides, documents, and HTML landing pages.

Updated Aug 23, 2026
Search Tags:#design#branding#theming#css#styling#fonts
One-click install
npx skills add https://github.com/Jack5316/Obsidian --skill theme-factory-jack5316
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: theme-factory
Source: https://github.com/Jack5316/Obsidian/tree/main/.claude/skills/theme-factory
Command: npx skills add https://github.com/Jack5316/Obsidian --skill theme-factory-jack5316

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a toolkit for styling various artifacts like presentations, documents, and web pages, ensuring a consistent and professional visual identity.

Core Features & Use Cases

  • Pre-set Themes: Apply one of 10 curated themes, each with specific color palettes and font pairings.
  • Custom Theme Generation: Create unique themes based on mood, key color, and industry.
  • Use Case: A marketing team needs to create a new landing page. They can use the 'Sunset Boulevard' theme to ensure the page's colors and fonts align with their brand's warm and vibrant aesthetic.

Quick Start

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

Frequently Asked Questions about theme-factory

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

FAQPage Schema
How do I style HTML landing pages and documents with a consistent visual identity?▼

To style HTML landing pages and documents with a consistent visual identity, apply pre-set themes or generate custom styles using CSS variables and Google Fonts for color and font pairings.

Can I generate a custom CSS theme based on a specific mood or industry?▼

Yes, you can generate a custom CSS theme based on mood, key color, and industry. This creates unique color palettes and font pairings on the fly for your slides and reports.

What is the best way to apply pre-set themes to web pages and presentations?▼

The best way to apply pre-set themes to web pages and presentations is selecting from 10 curated themes, which automatically style artifacts using defined color palettes and font pairings.

Does this theming approach support styling for both slides and report documents?▼

Yes, this theming approach supports styling for both slides and report documents. It provides a toolkit that ensures a professional visual identity across various artifact formats.

How do CSS variables work when applying custom themes to artifacts?▼

CSS variables work by defining dynamic color and font values that can be swapped instantly. This allows custom themes to be applied uniformly across HTML pages and documents.

Are there limitations to generating themes on the fly for branding artifacts?▼

Generating themes on the fly for branding artifacts is limited to combinations of mood, key color, and industry inputs. It utilizes Google Fonts and CSS variables but does not support external stylesheet imports.

Related Skills

Explore More Design & Creative Skills→
Prat011Prat011
1.5k

theme-factory

Apply curated color and font themes to presentations and documents.

Community
Basic
xu-mengnanxu-mengnan

frontend-design

Guide creation of distinctive web interfaces with custom typography and cohesive color themes.

Community
Intermediate
iadr-deviadr-dev
2

theme-factory

Apply curated color palettes and typography pairings to presentations and documents.

Community
Basic
mrdonleemrdonlee

theme-factory

Apply pre-set or custom themes with color palettes and font pairings to slides, documents, reports, and HTML pages.

Community
Intermediate