skills.rest
spuneiartur
spuneiarturCOMMUNITY
Explore all skills by this author →
GitHub

theme-factory

Apply predefined color and font themes to slides, docs, and web pages.

1|Updated Mar 21, 2026
Search Tags:#branding#fonts#theme#tailwind#design-system#css-variables
One-click install
npx skills add https://github.com/spuneiartur/claude-agent-specs --skill theme-factory-spuneiartur
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: theme-factory
Source: https://github.com/spuneiartur/claude-agent-specs/tree/main/next-js/skills/skills/theme-factory
Command: npx skills add https://github.com/spuneiartur/claude-agent-specs --skill theme-factory-spuneiartur

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design teams and developers often struggle to apply consistent branding across slides, docs, and web pages. Theme Factory provides a curated collection of professional font and color themes that can be applied quickly to any artifact, ensuring cohesive visual identity.

Core Features & Use Cases

  • A library of 10 predefined themes with cohesive color palettes and typography for quick styling across presentations, documentation, and Next.js projects.
  • A straightforward workflow to review themes (via theme-showcase.pdf), select a theme, and apply its colors and fonts to artifacts.
  • Scalable theming guidance that outputs Tailwind CSS extensions, CSS variables, font-loading instructions, and basic site config so teams can automate branding.

Quick Start

Choose a theme from the showcase and apply it to your project to switch its styling.

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 branding and consistent themes across Next.js projects and presentations?▼

You can apply cohesive branding by selecting from ten predefined themes that output Tailwind config extensions, CSS variables, and font loading guidelines for consistent styling across web pages and presentations.

What is the best way to generate Tailwind config extensions and CSS variables for a design system?▼

The best way to generate Tailwind config extensions and CSS variables is by defining themes via markdown files, which outputs scalable theming guidance including site configuration metadata and font loading instructions.

Can I use predefined font and color themes for marketing materials and documentation?▼

Yes, predefined font and color themes provide cohesive color palettes and typography for quick styling across marketing materials, documentation, and slides to ensure a cohesive visual identity.

How do I review and select a professional theme before applying it to my web pages?▼

You review and select a professional theme by examining a theme-showcase.pdf, which displays curated color palettes and typography so you can evaluate them before applying them to your web pages.

Does this theming workflow support adding custom fonts and site configuration metadata?▼

Yes, the theming workflow supports adding custom fonts and site configuration metadata by outputting font loading guidelines and basic site config alongside CSS variables and Tailwind CSS extensions.

Why use markdown files to define themes for CSS variables and Tailwind extensions?▼

Using markdown files to define themes provides a straightforward workflow to review, select, and apply cohesive colors and fonts, enabling teams to automate branding across slides, docs, and web pages.

Related Skills

Explore More Design & Creative Skills→
zaid-khan-codezaid-khan-code
3

shadcn-setup

Configure shadcn/ui and Tailwind CSS v4 for Next.js and React projects.

Community
Advanced
spuneiarturspuneiartur
1

brand-guidelines

Apply Anthropic brand colors, typography, and CSS variables to design artifacts.

Community
Intermediate
junwonpjunwonp

geist

Configure Geist fonts in Next.js projects using next/font and CSS variables.

Community
Intermediate
xiaobuliukunxiaobuliukun

theme-factory

Apply predefined or custom color palettes and fonts to slides, documents, and reports.

Community
Intermediate