Agent Skills
返回列表
主题样式师

主题样式师

设计多媒体 更新于 2026.08.30

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,安装 @u_8ee34d77/theme-stylist-cn 到你的 AI 助手中,然后按 SKILL.md 的工作流执行主题选择、主题应用与一致性检查。

技能介绍

要解决的问题

PPT、DOCX/MD、数据报告和 HTML 落地页在协作产出时常面临三个具体问题:

  • 风格漂移:不同人手工改配色与字号,导致同一章节内的标题色、图表系列色和正文字体混乱。
  • 重复劳动:每来一份新文档都要重新挑选主色、辅助色、强调色和中英文字体,缺少可沉淀的主题配置。
  • 缺少一致性检查:60-30-10 比例、规定字体和统一间距往往靠人工目测,遗漏后很难在后期统一修正。

核心能力与关键步骤

主题样式师面向 PPT、DOCX/MD、数据报告和 HTML 落地页,提供一条从主题选择到交付的主题化流程。内置 10+ 套预设主题,例如企业蓝 Corporate、极简黑白 Minimal、暖橙活力 Warm、自然绿 Nature、优雅紫 Elegant、科技深色 Tech、杂志风 Editorial、活泼多彩 Playful、单色专业 Mono、日落渐变 Sunset。每套主题包含主色、辅色、强调色的 HEX 值,以及西文、中文字体组合。

处理过程按五个步骤执行:

  1. 主题选择:先判断产出物类型,再分析内容调性(专业 / 活泼 / 优雅 / 科技 / 温暖),推荐 2-3 个适配主题并由用户确认。
  2. 主题应用:把主题映射到标题、背景、正文、强调色,并统一图表系列色序列、表格表头与交替行、边框,以及标题 / 副标题 / 正文 / 注释的字号、字重、行高与字距;同时约束边距、内距和间隔。
  3. 自定义主题生成:输入品牌主色 HEX 后,基于色轮理论生成辅色、强调色、功能色(成功 / 警告 / 错误 / 信息)和中性灰阶 50-900,并给出中英文字体组合。
  4. 一致性检查:核对 60-30-10 色彩比例、是否只使用规定字体、各页面间距是否统一,以及图表配色是否与主题一致。
  5. 输出与交付:生成 theme.json(可复用配置)、variables.css(Web 变量)、preview.png(预览图)和对应 PPT / 文档 / HTML 的应用示例。

适用边界与注意点

它不适用于复杂 UI/UX 交互流程与信息架构(用 Figma/Sketch)、Logo 与品牌标识设计(用 Illustrator)、图片编辑合成(用 Photoshop)、视频动效(用 After Effects)、完整品牌 VI 体系,也不处理 CMYK 印刷色彩,只输出 RGB 数字色彩方案。部分功能需要通过环境变量配置 API Key,禁止硬编码;命令执行仅走白名单,避免拼接用户输入。

遇到品牌色非 HEX、主色与背景对比度不足或输出格式不支持时,应按异常响应表先转换格式、复核对比度或更换受支持扩展名后再重试。

使用场景

  • 给季度经营分析 PPT 应用企业蓝主题,统一标题、正文和图表系列色
  • 给数据周报的图表统一配色,让不同来源的图表保持同一色板
  • 用品牌主色 HEX 生成自定义主题 JSON,覆盖 Web 落地页和宣传物料
  • 交付 HTML 落地页前检查 60-30-10 色彩比例与字体规范

适合人员

  • 咨询顾问,常做季度经营汇报 PPT,想统一标题与图表配色
  • 数据分析师,每周产出多份数据报告,想把图表系列色固定为可复用色板
  • 前端工程师,维护品牌官网和产品落地页,需要从品牌主色生成 CSS 变量
  • 技术文档工程师,需美化多个 DOCX/MD 文件,希望共用一套主题样式表