mcpField
T
theme-factory

theme-factory

github.com/partme-ai设计与 UI71772 次安装3 周前更新
代码仓库

关于 theme-factory

用于为幻灯片、文档、报告和落地页统一应用配色与字体主题的技能，支持预览预设主题、创建自定义主题，并在应用前审阅。

主要功能

  1. 01预览 10 种预设主题
  2. 02自定义配色与字体选择
  3. 03统一应用主题
  4. 04对比度与字体搭配指导

适用场景

  1. 01为幻灯片应用主题
  2. 02重新设计报告或落地页风格
  3. 03选择前比较预设主题
  4. 04根据风格描述创建主题

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/partme-ai/full-stack-skills --skill theme-factory

安装后在 Claude Code 中输入/theme-factory确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

LICENSE.txt
themes/
arctic-frost.md
botanical-garden.md
desert-rose.md
forest-canopy.md
golden-hour.md
midnight-galaxy.md
modern-minimalist.md
ocean-depths.md
sunset-boulevard.md
tech-innovation.md

详细介绍

何时使用此技能

在用户希望执行以下操作时，使用此技能：

  • 为幻灯片、文档、报告或落地页应用统一的配色和字体主题
  • 在选择主题前预览可用主题
  • 根据描述生成自定义主题（例如“温暖的企业风格”或“活泼的初创公司风格”）
  • 为现有作品更换主题，赋予其不同的视觉风格

如何使用此技能

工作流
  1. 展示主题集锦 - 显示 theme-showcase.pdf，让用户直观比较全部 10 个主题
  2. 询问用户的选择 - 让用户选择主题，或描述自定义主题
  3. 等待确认 - 应用前获得明确批准
  4. 应用主题 - 从 themes/ 读取主题文件，并统一应用配色和字体
可用主题
#主题风格主色
1海洋深处专业、沉静海洋蓝
2日落大道温暖、鲜明橙色／珊瑚色
3森林树冠自然、沉稳大地绿
4现代极简简洁、现代灰度色系
5黄金时刻浓郁、温暖秋日金色
6北极霜雪清冷、明快冬日蓝
7沙漠玫瑰柔和、雅致灰粉色
8科技创新大胆、现代电光蓝
9植物花园清新、有机花园绿
10午夜星系戏剧化、宇宙感深紫色
应用主题（示例）
/* Example: Ocean Depths theme applied via CSS variables */
:root {
  --color-primary: #1B4F72;
  --color-secondary: #2E86C1;
  --color-accent: #AED6F1;
  --color-background: #EBF5FB;
  --color-text: #1C2833;
  --font-heading: 'Playfair Display', serif;
  --font-body: 'Source Sans Pro', sans-serif;
}
生成自定义主题

如果没有合适的预设主题，请创建自定义主题：

  1. 询问用户喜欢的氛围或描述（例如“充满活力的科技初创公司风格”）
  2. 生成由 4-5 种协调十六进制颜色组成的调色板
  3. 选择相配的标题字体和正文字体
  4. 为主题取一个能体现其风格的名称
  5. 展示供用户审阅，然后应用

最佳实践

  1. 检查对比度 - 确保文字与背景的搭配符合 WCAG AA 对比度标准
  2. 保持一致 - 将相同的主题标记应用于每张幻灯片／每个页面，切勿混用主题
  3. 搭配字体 - 标题使用一种展示字体，正文使用一种易读字体
  4. 谨慎使用强调色 - 强调色用于突出内容和行动号召按钮，不用于大面积区域

关键词

主题、样式、调色板、字体搭配、幻灯片、演示文稿、设计、视觉风格、主题、配色、样式

评论

支持 Markdown