关于 experience-system-blueprint
这项技能用于规划以品牌策略为基础的体验系统,适用于产品、网站和活动。它将原则、组件、感官规范、渠道适配与质量检查整合为可复用蓝图。
主要功能
- 01品牌与无障碍原则
- 02可复用组件库
- 03视觉与感官规范
- 04渠道适配矩阵
- 05质量检查与衡量清单
- 06蓝图和审核模板
适用场景
- 01构建可扩展的设计系统
- 02向产品或活动团队交接品牌概念
- 03检查触点的无障碍性与一致性
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ gtmagents/ gtm-agents --skill experience-system-blueprint安装后在 Claude Code 中输入/experience-system-blueprint确认已加载。
详细介绍
体验系统蓝图技能
适用场景
- 创建以品牌战略为基础、可扩展的设计系统。
- 将品牌概念交接给产品、Web 或活动团队。
- 审核各个触点的一致性和无障碍性。
框架
- 系统原则 – 设计准则、无障碍标准、包容性承诺。
- 组件库 – 英雄区块、CTA、动态效果、环境元素等模块。
- 感官规范 – 视觉、动态、音频、触觉指南,并附有正反示例。
- 渠道适配 – 展示组件如何针对不同渠道/设备灵活调整的矩阵。
- 质量保证与衡量 – 检查清单和埋点钩子,用于跟踪执行一致性和影响。
模板
- 蓝图演示文稿,展示原则 → 组件 → 渠道之间的映射。
- Figma/Notion 文档,概述规范、设计令牌和使用规则。
- 质量保证工作表,用于在发布前审核实施方案。
提示
- 对蓝图进行版本控制,让团队明确哪个系统是权威版本。
- 尽早融入无障碍最佳实践,避免后期改造。
- 搭配
design-multi-channel-brand-experience命令,获取开箱即用的工具包。
评论
支持 Markdown