视觉风格

创建、提取和应用可移植的视觉设计系统。一个 visual-style.md 文件在一个文件中定义了颜色、字体、布局、动效和情绪，任何 AI 工具都可以使用。

快速参考

默认工作流程

创建

1. 收集氛围 — 询问情绪、时代、参考、灵感
2. 定义颜色 — 主色（2种以上）、强调色、中性色，包含十六进制值和用途
3. 设置字体 — 展示字体、正文字体、注释字体家族 + 字重/样式规则
4. 布局与动效 — 网格系统、过渡、节奏
5. 生成 — 使用 references/templates/minimal.visual-style.md 或 references/templates/full.visual-style.md 输出完整的 visual-style.md
6. 预览 — 展示一个小的 HTML 色样或描述视觉结果
7. 可选应用 — 询问用户是否要与连接器一起使用

要批量提问的问题：

1. 想要什么样的氛围？（情绪关键词、时代、参考）
2. 有特定的颜色吗？（或从氛围中推导？）
3. 字体偏好？（简洁、编辑风、技术感、俏皮？）
4. 你打算在哪个工具中使用它？（HeyGen、幻灯片、paper.design、Figma？）

提取

1. 接收源文件 — URL、图片、视频或 PDF
2. 加载提取器 — 阅读相应的提取器参考文件
3. 分析 — 识别颜色、字体、布局、动效、情绪
4. 生成 — 输出包含 source_url 的完整 visual-style.md
5. 验证 — 确保所有必需字段都存在

应用

1. 读取样式 — 加载 visual-style.md 文件
2. 询问使用哪个连接器 — 或从上下文中检测
3. 加载连接器 — 阅读相应的连接器参考文件
4. 转换 — 将样式字段映射到工具特定格式
5. 生成输出 — 生成工具就绪的指令或代码

图库

1. 列出样式 — 显示 references/gallery/ 中的可用样式
2. 预览 — 描述所选样式的视觉特征
3. 加载 — 读取完整的 visual-style.md
4. 应用 — 与连接器一起使用

格式快速参考

必需字段

name: "样式名称"
version: "1.0"
style_prompt_short: "1-2 句话的电梯游说"
style_prompt_full: "详细的生成提示词 — 最重要的字段"
colors:
  primary:
    - name: "颜色名称"
      hex: "#000000"
      role: "此颜色的用途"

style_prompt_full 是核心。 如果一个工具只能读取一个字段，它就会读取这个字段。其他所有内容都是为需要更精细控制的工具提供的结构化数据。

完整规范：references/spec.md

参考文件

连接器（应用模式）

提取器（提取模式）

图库（预制样式）

模板与规范

• references/templates/minimal.visual-style.md — 最低限度模板
• references/templates/full.visual-style.md — 包含所有字段的完整模板
• references/spec.md — 完整格式规范

最佳实践

1. style_prompt_full 是核心 — 始终可以作为独立的生成提示词使用
2. 一个样式，一个文件 — 不要捆绑多个样式
3. 资源是 URL — 永远不要嵌入二进制数据
4. 展示，而不是讲述 — 创建样式时生成预览
5. 有主见的默认值，灵活的扩展 — 核心模式是固定的；使用 x_* 进行特定工具配置