mcpField
E
experience-system-blueprint

experience-system-blueprint

github.com/gtmagents设计与 UI42863 次安装30 周前更新
代码仓库

关于 experience-system-blueprint

这项技能用于规划以品牌策略为基础的体验系统,适用于产品、网站和活动。它将原则、组件、感官规范、渠道适配与质量检查整合为可复用蓝图。

主要功能

  1. 01品牌与无障碍原则
  2. 02可复用组件库
  3. 03视觉与感官规范
  4. 04渠道适配矩阵
  5. 05质量检查与衡量清单
  6. 06蓝图和审核模板

适用场景

  1. 01构建可扩展的设计系统
  2. 02向产品或活动团队交接品牌概念
  3. 03检查触点的无障碍性与一致性

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/gtmagents/gtm-agents --skill experience-system-blueprint

安装后在 Claude Code 中输入/experience-system-blueprint确认已加载。

详细介绍

体验系统蓝图技能

适用场景

  • 创建以品牌战略为基础、可扩展的设计系统。
  • 将品牌概念交接给产品、Web 或活动团队。
  • 审核各个触点的一致性和无障碍性。

框架

  1. 系统原则 – 设计准则、无障碍标准、包容性承诺。
  2. 组件库 – 英雄区块、CTA、动态效果、环境元素等模块。
  3. 感官规范 – 视觉、动态、音频、触觉指南,并附有正反示例。
  4. 渠道适配 – 展示组件如何针对不同渠道/设备灵活调整的矩阵。
  5. 质量保证与衡量 – 检查清单和埋点钩子,用于跟踪执行一致性和影响。

模板

  • 蓝图演示文稿,展示原则 → 组件 → 渠道之间的映射。
  • Figma/Notion 文档,概述规范、设计令牌和使用规则。
  • 质量保证工作表,用于在发布前审核实施方案。

提示

  • 对蓝图进行版本控制,让团队明确哪个系统是权威版本。
  • 尽早融入无障碍最佳实践,避免后期改造。
  • 搭配 design-multi-channel-brand-experience 命令,获取开箱即用的工具包。

评论

支持 Markdown