这两个概念虽然都是用来"调教"AI 的,但它们的作用机制完全不同。

简单来说:Knowledge 是"内功心法"(静态知识),Workflows 是"外功招式"(动态指令)。

为了让你更直观地理解,我们可以把 AI 想象成一个厨师

Knowledge (知识库) = 厨师的"参考书"与"口味偏好"

  • 性质静态的、被动的

  • 作用:它告诉 AI "是什么""喜欢什么"

  • 内容

    • 你的技术栈偏好(如:只用 React,不用 Vue)。
    • 项目的背景文档(如:API 接口文档、数据库结构图)。
    • 代码风格指南(如:变量命名规范、缩进习惯)。
  • 触发方式自动触发。只要你提问,AI 就会先去翻阅这些"书",确保回答符合你的规范。

  • 你的场景:你在 `knowledge` 目录里写"必须响应式",AI 写代码时就会潜意识地加上媒体查询,不需要你每次都喊口号。

Workflows (工作流) = 厨师的"标准作业程序"

  • 性质动态的、主动的

  • 作用:它告诉 AI "怎么做""步骤是什么"

  • 内容

    • 具体的执行步骤(如:第一步先搜索配色,第二步再生成代码)。
    • 调用的外部工具(如:运行 Python 脚本、执行 Shell 命令)。
    • 复杂的逻辑判断(如:如果报错,就自动重试)。
  • 触发方式手动触发(通常通过斜杠命令)。你需要明确喊出 `/ui-ux-pro-max`,AI 才会启动这一套复杂的流程。

  • 你的场景:`UI-UX Pro Max` 就是一个 Workflow。它不仅仅是知道"要好看",而是实际运行了一个 Python 脚本去搜索配色方案,然后把结果填入代码中。

总结对比表

维度 Knowledge (知识库) Workflows (工作流)
核心逻辑 上下文注入 任务自动化
比喻 员工手册、设计规范文档 自动化流水线、专用工具
AI 的行为 哦,原来老板喜欢这样,我记住了 收到指令!开始执行操作步骤
文件形式 .md 文档、.txt 文本 .md (带指令格式)、.json 配置
前端应用 规定用 Tailwind、TypeScript 自动搜索配色、运行测试脚本
典型指令 (无,自动生效) /ui-ux-pro-max, /test, /deploy

针对你的建议

作为前端工程师,这两者你是都要用的,它们互补:

  1. 用 Knowledge 打底
    在 `knowledge` 目录里写好你的《前端规范》(React + Tailwind + 响应式)。这样,哪怕你只是随口问一句"写个按钮",它生成的代码也是符合你项目标准的。
  2. 用 Workflows 攻坚
    当你需要做一个非常复杂、需要特定流程的任务时(比如"帮我设计一套全新的设计系统"),这时候调用 `/ui-ux-pro-max` 这个 Workflow,让它去跑脚本、查资料、生成全套方案。

一句话总结:Knowledge 决定了 AI 的"下限"(不会写出烂代码),Workflows 决定了 AI 的"上限"(能帮你干复杂的大活)。