浏览文档

来源已核对8a1541c4a3ff

Theme Factory - Claude 的 Artifact 主题技能

Theme Factory 技能用 10 套预置的配色+字体主题装点任何 Claude artifact,也能即时生成新主题——工作原理解读。

Anthropic · Theme Factory

保留既有编辑内容,当前固定版本的官方参考另标为英文;旧译文不代表最新源文件的全文翻译。

这里保留既有编辑译文;如有最新完整官方参考,会在下方独立提供英文原文。

源码在这里作为文档呈现。本站尚未执行或测试这些工作流程。

本页目录

概览

官方描述:"Toolkit for styling artifacts with a theme - slides, docs, reports, HTML landing pages. 10 pre-set themes, or generate a new theme on-the-fly."

这个技能如何工作

工作流刻意保持简单:选一个主题(或生成一个),然后把它的配色和字体组合应用到 Claude 刚做好的 artifact 上。SKILL.md 覆盖使用说明、主题目录、每个主题的细节、应用流程,以及预置都不合适时如何自建主题。

内置的 10 套主题

每套主题都是 themes/ 下的一份独立 markdown 规格:

arctic-frost、botanical-garden、desert-rose、forest-canopy、golden-hour、midnight-galaxy、modern-minimalist、ocean-depths、sunset-boulevard——外加一份并排预览全部主题的展示 PDF(theme-showcase.pdf)。

技能文件夹里有什么

  • SKILL.md - 选择与应用逻辑
  • themes/*.md - 10 份主题规格(颜色、字体、样式注记)
  • theme-showcase.pdf - 所有预置主题的视觉预览
  • LICENSE.txt

对你自己写技能的启示

  • 把数据做成文件(10 份主题规格)而不是全部内联,能压缩技能的上下文占用——Claude 只加载需要的那份。
  • 附一份视觉展示资产,让用户凭观感选择,而不是读十六进制色值。

在 GitHub 查看

skills/theme-factory

当前官方参考 · 英文8a1541c4a3ff

以下英文原文对应上方固定版本,只作为文档展示。相关脚本与资源仍由上游仓库提供,单篇文字不等于完整安装包。

Theme Factory Skill

This skill provides a curated collection of professional font and color themes themes, each with carefully selected color palettes and font pairings. Once a theme is chosen, it can be applied to any artifact.

Purpose

To apply consistent, professional styling to presentation slide decks, use this skill. Each theme includes:

  • A cohesive color palette with hex codes
  • Complementary font pairings for headers and body text
  • A distinct visual identity suitable for different contexts and audiences

Usage Instructions

To apply styling to a slide deck or other artifact:

  1. Show the theme showcase: Display the theme-showcase.pdf file to allow users to see all available themes visually. Do not make any modifications to it; simply show the file for viewing.
  2. Ask for their choice: Ask which theme to apply to the deck
  3. Wait for selection: Get explicit confirmation about the chosen theme
  4. Apply the theme: Once a theme has been chosen, apply the selected theme's colors and fonts to the deck/artifact

Themes Available

The following 10 themes are available, each showcased in theme-showcase.pdf:

  1. Ocean Depths - Professional and calming maritime theme
  2. Sunset Boulevard - Warm and vibrant sunset colors
  3. Forest Canopy - Natural and grounded earth tones
  4. Modern Minimalist - Clean and contemporary grayscale
  5. Golden Hour - Rich and warm autumnal palette
  6. Arctic Frost - Cool and crisp winter-inspired theme
  7. Desert Rose - Soft and sophisticated dusty tones
  8. Tech Innovation - Bold and modern tech aesthetic
  9. Botanical Garden - Fresh and organic garden colors
  10. Midnight Galaxy - Dramatic and cosmic deep tones

Theme Details

Each theme is defined in the themes/ directory with complete specifications including:

  • Cohesive color palette with hex codes
  • Complementary font pairings for headers and body text
  • Distinct visual identity suitable for different contexts and audiences

Application Process

After a preferred theme is selected:

  1. Read the corresponding theme file from the themes/ directory
  2. Apply the specified colors and fonts consistently throughout the deck
  3. Ensure proper contrast and readability
  4. Maintain the theme's visual identity across all slides

Create your Own Theme

To handle cases where none of the existing themes work for an artifact, create a custom theme. Based on provided inputs, generate a new theme similar to the ones above. Give the theme a similar name describing what the font/color combinations represent. Use any basic description provided to choose appropriate colors/fonts. After generating the theme, show it for review and verification. Following that, apply the theme as described above.