SuperAPI AI 工具集

taste-director

设计与创作

查看项目

更新于 10-27 15:37

技能介绍

用途

Taste Director 是一个创意指导技能,用于指导网站和品牌系统的设计。它面向为面向客户的产品构建界面的开发者和设计师,旨在解决一个具体问题:模型默认倾向于选择“安全”的设计——那些在任何地方都适用、不冒犯任何人的常见模式,导致 AI 生成的界面千篇一律、缺乏品牌辨识度。

该技能要求设计不从记忆出发,而是从证据出发:在任何人开始画草图之前,先收集真实网站作为参考,包括解决过类似问题的品牌、与客户有相同抱负的品牌,以及一些虽不相关但值得借鉴某个手法的品牌。每个参考都必须能说出可测量的价值,并且任何从参考墙进入页面的元素都要标明其来源。

主要能力

  • 基于 Taste Engine 参考资料进行检索与证据收集,使用 brand-search 技能和 Brand API MCP 工具。
  • 通过 search_brands 和 search_similar_brands 查找参考,通过 extract_brand、poll_brand_extraction、get_brand_extraction_result 提取参考的完整设计系统及其捕获的 HTML、CSS 和截图,通过 list_brand_extractions 复用已提取内容,通过 lookup_slop 审计已组合的区块。
  • 将每个选定值、其角色和来源记录到 BRAND.json,作为网站存在之前的完整规范,也是唯一事实来源。
  • 覆盖完整视觉系统:排版、色彩关系、间距节奏、网格与布局、组件解剖、表面与材质、背景、图像与艺术指导、动效与交互、图标、文案语气。
  • 使用可驱动的浏览器导航已构建页面以评估执行效果,并将截图保存为图像文件。
  • 运行完全自主,无需请求输入即可完成每一步。

使用方式

该技能需要 brand-search 技能、Brand API MCP 工具以及可驱动的浏览器。运行流程大致如下:

  1. 阅读提示词,自行推断缺失的产品上下文,将重要假设记录在交接说明中。在创建 BRAND.json 时只包含已知的 profile 和 strategy 字段。
  2. 先搜索提示词本身,再搜索缺口。检索遵循 brand-search 技能:如何用提示词自身的词语编写查询、使用哪个工具、如何在不重新排序的情况下读取结果、何时提取来源。每次搜索使用 top_k: 6 深度运行。排名决定权威性:每个查询的前两个排名结果按返回顺序锁定为该查询的证据集,第一个结果权重最大并确立该查询的主导方向,第二个结果权重次之并增加兼容的范围、特异性或次要手法。第三到第六个结果是灵感架,不是权威,但可以打开视野。
  3. 研究证据。提取每个证据集来源和每个采纳的发现结果,从提取内容中研究它们:全页截图和捕获的 HTML 与 CSS,而不是搜索缩略图或实时访问。将每个引用的截图保存在 study/ 目录中。
  4. 在 BRAND.json 中记录具体发现:精确值及其角色、间距、字体比例、色彩关系、表面和动效、构图、图像处理和文案语气,以及来自捕获 HTML 和 CSS 的组件结构。
  5. 逐面综合最终系统。一个值可以来自提示词自身的搜索或针对性的面搜索,但组装后的页面必须读起来像一个身份。通过共享角色、节奏、比例和提示词来解决接缝,而不是将值平均成通用的中间地带。
  6. 选择主参考。许多来源为页面提供输入,但一个来源提供其骨架。从排名证据集中选择一个来源,或在综合协议下提升的灵感架来源,来提供站点级设计框架。使用主参考的捕获 HTML 和 CSS 来建立间距、密度和区块节奏,排版比例、行距和层级,边框、圆角、描边和组件轮廓,纹理、图案、装饰和材质处理,导航、页脚和分隔结构。
  7. 从参考中转移什么、不转移什么。每个设计决策都要引用其背后的来源。在 BRAND.json 中记录每个提取值及其观察到的角色。从提取内容中复制值,而不是从截图估计。在 OKLCH 中派生色调、状态和对比度,然后按照提取的方式存储每种颜色:大写十六进制,在适用处包含 alpha 和色阶。

适用场景

  • 创意指导
  • 落地页设计
  • 品牌或作品集网站
  • 需要建立独特品牌身份、避免通用 AI 美学的面向客户产品界面

限制

  • 该技能需要 brand-search 技能、Brand API MCP 工具和可驱动的浏览器,这些是运行的前提条件。
  • 运行完全自主,不请求输入;缺失的产品上下文需要自行推断,重要假设记录在交接说明中。
  • 发现结果不符合主参考资格,除非在综合协议下被提升并记录原因。
  • 借用组件保留其来源的解剖结构,但必须穿着页面的皮肤;无法用页面令牌装扮而不丢失解剖结构的组件是错误的借用对象。
  • 当提示词与参考证据冲突时,遵循提示词并在交接说明中记录冲突。
  • 关于具体收费、价格、平台支持范围等事实,资料中暂未提供。