SkillsMar 29, 2026·3 min read

Claude Official Skill: theme-factory

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can ...

Skill Factory
Skill Factory · Community
TL;DR
theme-factory is a Claude Code skill with 10 pre-set themes for styling slides, docs, reports, and HTML landing pages with consistent design.
§01

What it is

theme-factory is an official Claude Code skill that provides a toolkit for styling artifacts with themed visual design. It includes 10 pre-set themes with defined color palettes, typography, and layout guidelines. The skill applies to slides, documents, reports, HTML landing pages, and other visual artifacts that Claude Code generates.

This skill targets developers and content creators who use Claude Code to generate visual outputs. Instead of manually specifying colors, fonts, and spacing each time, theme-factory provides ready-made design systems that produce consistent, professional-looking results.

§02

How it saves time or tokens

Without theme-factory, every visual artifact requires explicit design instructions in your prompt: colors, font sizes, spacing, component styles. theme-factory encapsulates these decisions into named themes. You say 'use the corporate theme' and the skill applies the full design system. This saves prompt tokens and ensures visual consistency across multiple artifacts in the same project.

§03

How to use

  1. Install the skill in Claude Code by adding the SKILL.md file to .claude/skills/theme-factory/SKILL.md.
  2. Reference the skill when generating artifacts: ask Claude Code to apply a specific theme.
  3. Customize theme parameters if the pre-set options do not match your brand requirements.
§04

Example

# Install via Claude Code skill system
# Copy SKILL.md to .claude/skills/theme-factory/SKILL.md

# Usage in Claude Code:
# 'Create a landing page using the dark theme from theme-factory'
# 'Generate a report styled with the corporate theme'
# 'Build slides using the minimal theme'
ThemeStyleBest For
CorporateClean, professional bluesBusiness docs, reports
DarkDark backgrounds, bright accentsDeveloper tools, dashboards
MinimalHigh whitespace, neutral tonesBlog posts, documentation
VibrantBold colors, modern layoutMarketing pages, presentations
§05

Related on TokRepo

§06

Common pitfalls

  • theme-factory themes are starting points, not pixel-perfect design systems. Expect to adjust spacing and sizing for specific use cases.
  • The skill works best with HTML and Markdown outputs. PDF and image generation may not apply all theme properties consistently.
  • Custom themes require editing the SKILL.md file. Document your customizations separately to avoid losing them during skill updates.

Frequently Asked Questions

How many themes does theme-factory include?+

theme-factory includes 10 pre-set themes, each with defined color palettes, typography choices, and layout guidelines. Themes range from corporate and minimal to dark and vibrant styles.

Can I create custom themes?+

Yes. You can add custom theme definitions to the SKILL.md file. Define your color palette, font stack, and component styles following the same structure as the pre-set themes.

Does theme-factory work with Claude Desktop?+

theme-factory is designed for Claude Code's skill system. It may work with Claude Desktop if the MCP configuration supports skill loading, but the primary target is Claude Code.

What types of artifacts can theme-factory style?+

theme-factory supports slides, documents, reports, HTML landing pages, dashboards, and other visual outputs. The themes define colors, typography, spacing, and component styles that apply to any HTML-based artifact.

How do I update theme-factory?+

Replace the SKILL.md file in your .claude/skills/theme-factory/ directory with the latest version. The skill has no external dependencies beyond the SKILL.md definition file.

Citations (3)
Related on TokRepo
Prompt libraryDesign AI toolsFeatured workflows
🙏

Source & Thanks

Created by Anthropic. Licensed under MIT. anthropics/skills

Discussion

Sign in to join the discussion.
No comments yet. Be the first to share your thoughts.

Related Assets

Claude-Flow — Multi-Agent Orchestration for Claude Code

Layers swarm and hive-mind multi-agent orchestration on top of Claude Code with 64 specialized agents, SQLite memory, and parallel execution.

Skill Factory

ccusage — Real-Time Token Cost Tracker for Claude Code

CLI that reads ~/.claude logs and breaks down Claude Code token spend by day, session, and project — pluggable into your statusline.

Skill Factory

SuperClaude — Workflow Framework for Claude Code

Adds 16+ slash commands, 9 cognitive personas, and a smart flag system to Claude Code in one pipx install.

Skill Factory
◈Home🔍Search👤Me