返回项目

Product Design System

如用 AI 做产品设计时每次都要重复说一遍团队规范,或 AI 产出风格不统一,可以采用这个仓库。

Product Design System 是一套面向产品经理的 AI 辅助产品设计工作流框架。作者原文定位是:「一套面向产品经理的 AI 辅助产品设计工作流,将 AGENTS.md 作为系统提示词,让 AI 成为你的设计协作伙伴。」

它要解决的问题很具体:用 Claude / ChatGPT / Cursor 做产品设计时,每次都要跟 AI 重复说一遍团队的设计规范、交互模式、文档格式。说了也不一定记住,下次还要说。产出风格不统一,不同人用 AI 写出来的 PRD 和交互稿格式五花八门。

这个仓库的做法是把团队的设计规则、文档标准、交互模式写成结构化的 Markdown 文件,其中 AGENTS.md 作为核心系统提示词,直接灌给 AI。之后 AI 每次产出都会遵循这套规范,不需要重复说明。

工作方式

  1. Fork 这个仓库
  2. AGENTS.md 里填入你的产品信息、设计规范、文档模板
  3. AGENTS.md 粘贴到 AI 工具的 system prompt / 自定义指令里
  4. 后续让 AI 做设计相关产出时,它会自动遵循你定义的规范

随着使用不断补充和修正规范,这套知识库会越来越准确,相当于一个持续进化的团队设计手册。

核心文件结构

  • AGENTS.md:系统提示词,定义 AI 的协作方式和设计约束
  • 设计规范文件:交互模式、组件规范、文案规则等
  • 文档模板:PRD、需求文档、交互稿的标准格式
  • 示例文件:产出样例,帮 AI 理解"合格产出长什么样"

适用场景

  • 产品团队用 AI 辅助写 PRD、交互稿、需求文档,希望产出格式统一
  • 一个人做独立产品,用 AI 当设计搭档,想让它记住你的产品上下文
  • 团队新人上手,把设计规范灌给 AI 后可以快速产出符合团队标准的文档
  • 用 Cursor / Claude Code 做前端时,希望 AI 生成的 UI 代码遵循已有的设计系统

不适用的情况

  • 团队已经有成熟的 design system 文档且不需要 AI 辅助产出
  • 只是偶尔问 AI 一个设计问题,不涉及持续产出
  • 需要的是视觉设计工具(Figma 插件等),这个仓库侧重文档和流程层面

安装

bash
git clone https://github.com/vigorX777/product-design-system.git
cd product-design-system

或者直接在 GitHub 上 Fork,然后按自己的产品情况修改 AGENTS.md 和规范文件。不需要安装依赖,核心就是 Markdown 文件。

License:MIT。

语言

HTML

分类

Vibe Coding

许可证

MIT

更新时间

4/12/2026

标签

product-managerdesign-systemai-workflowagents-mdprdclaudecursorprompt-engineeringdocumentation
~/安装方式

# source

$git clone https://github.com/vigorX777/product-design-system.git

# usage

$Fork 仓库 → 修改 AGENTS.md → 粘贴到 AI 工具的 system prompt