SuperAPI AI 工具集

visual-style

设计与创作

查看项目

更新于 11-08 16:05

技能介绍

用途

visual-style 用于创建、提取和应用可移植的视觉设计系统。它把颜色、字体、布局、动效和氛围集中定义在一个 visual-style.md 文件中,任何 AI 工具都可以读取该文件并据此生成视觉内容。

主要能力

该技能提供四种工作模式:

  • 创建(Create):通过引导式提问从零构建风格。流程包括收集氛围(情绪关键词、年代、参考)、定义颜色(主色 2 个以上、强调色、中性色,含十六进制值和角色)、设定字体(展示、正文、说明字体族及字重/样式规则)、布局与动效(网格系统、过渡、节奏),然后基于模板生成完整的 visual-style.md,并展示预览。
  • 提取(Extract):从 URL、图片、视频或 PDF 分析来源,识别颜色、字体、布局、动效和氛围,生成带 source_url 的完整 visual-style.md,并校验必填字段。
  • 应用(Apply):读取 visual-style.md,选择或检测连接器,将风格字段映射为工具特定格式,生成工具可用的指令或代码。
  • 画廊(Gallery):列出 references/gallery/ 中的可用风格,描述其视觉特征,加载完整文件并配合连接器使用。

使用方式

通过自然语言触发对应模式,例如“Create a visual-style.md for...”“Extract a visual-style.md from [URL/image/video]”“Apply this visual-style.md to [tool]”“Show me available visual styles”。

格式方面,必填字段包括 name、version、style_prompt_short、style_prompt_full 以及 colors.primary(含 name、hex、role)。其中 style_prompt_full 是最重要的字段,如果工具只能读取一个字段,就读取它;其余为结构化数据,供需要更精细控制的工具使用。完整规范见 references/spec.md。

连接器(应用模式)包括:HeyGen Video Agent(AI 视频生成)、HTML Slides(网页演示)、paper.design(设计文档)、Figma(设计工具样式)。提取器(提取模式)支持:网站 URL、视频关键帧、PDF/品牌指南。画廊预置风格包括:Müller-Brockmann Swiss(1950s–70s)、Neville Brody Industrial(1980s 末–90s)、Saul Bass Cinematic(1950s–60s)、Game Boy Color(1998–2003)、HeyGen AI Video(2020s)。模板与规范文件包括 minimal.visual-style.md、full.visual-style.md 和 spec.md。

适用场景

适用于需要为 AI 视频生成、网页演示、设计文档或 Figma 等工具建立统一视觉风格的场景;也适用于从现有网站、视频、PDF 或品牌指南中提取设计系统,或浏览使用预置历史风格。

限制

资料未提供该技能的收费、价格、平台兼容性、效果保证或具体使用步骤的更多细节。最佳实践要求:style_prompt_full 始终可作为独立生成提示;一个风格一个文件,不打包多风格;资源以 URL 形式引用,不嵌入二进制数据;创建风格时生成预览;核心模式固定,工具特定配置使用 x_* 扩展。