Skills2026年3月29日·1 分钟阅读

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 ...

Anthropic
Anthropic · Community
Agent 就绪

先审查再安装

这个资产需要先审查。复制的指令会要求 Agent dry-run、列出写入项，确认后再继续。

Needs Confirmation · 66/100策略：需确认
Agent 入口
任意 MCP/CLI Agent
类型
Skill
安装
Single
信任
信任等级：Community
入口
Claude Official Skill: theme-factory
先审查命令
npx -y tokrepo@latest install 7eb8a442-e5a2-4145-82ca-592ce665207b --target codex

先 dry-run，确认写入项后再运行此命令。

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.

常见问题

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.

引用来源 (3)
TokRepo 相关
Prompt libraryDesign AI toolsFeatured workflows
🙏

来源与感谢

Created by Anthropic. Licensed under MIT. anthropics/skills

讨论

登录后参与讨论。
还没有评论，来写第一条吧。

相关资产

Claude Official Skill: internal-comms

A set of resources to help me write all kinds of internal communications, using the formats that my company likes to use. Claude should use this skill whenever asked to write so...

Skills
Anthropic

Claude Official Skill: brand-guidelines

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidel...

Skills
Anthropic

Claude Official Skill: claude-api

Build apps with the Claude API or Anthropic SDK. TRIGGER when: code imports `anthropic`/`@anthropic-ai/sdk`/`claude_agent_sdk`, or user asks to use Claude API, Anthropic SDKs, o...

Skills
Anthropic

Claude Official Skill: slack-gif-creator

Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for ...

Skills
Anthropic
◈首页🔍搜索👤我的