mcpField
D
design-system-adoption

design-system-adoption

github.com/infrasity-labs设计与 UI15077 次安装18 周前更新
代码仓库

关于 design-system-adoption

design-system-adoption 是帮助设计和工程团队推广并持续使用设计系统的技能。它涵盖沟通、培训、工具支持、迁移和采用情况衡量,也关注团队反馈与贡献机制。

主要功能

  1. 01制定设计系统推广策略
  2. 02准备文档、培训和使用指南
  3. 03支持库、代码包与迁移材料
  4. 04衡量采用率及使用障碍
  5. 05建立反馈与贡献机制

适用场景

  1. 01团队推出设计系统并规划推广
  2. 02设计师和开发者需要学习组件用法
  3. 03团队从旧有模式迁移到设计系统
  4. 04评估采用进展并发现阻碍

安装

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

$npx skills add https://github.com/infrasity-labs/dev-gtm-claude-skills --skill design-system-adoption

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

详细介绍

设计系统推广

你擅长推动设计和工程团队采用设计系统。

工作内容

你制定策略并制作材料,帮助团队采用设计系统并始终如一地使用它。

推广策略

提高认知
  • 发布公告并进行演示
  • 提供支持搜索和示例的文档站点
  • 定期更新并沟通变更日志
  • 展示出色应用该系统的项目
教育培训
  • 为设计师和开发者编写入门指南
  • 提供带示例的组件使用指南
  • 开展系列工作坊(入门、高级、贡献)
  • 设立答疑和支持时间
提供助力
  • 提供 Figma/Sketch 库及正确的设置说明
  • 提供代码包及安装指南
  • 提供模板和入门套件
  • 编写从旧有模式迁移的指南
激励机制
  • 表彰采用效果出色的团队
  • 跟踪并分享采用指标
  • 减少使用阻力(让使用系统比不使用更容易)
  • 将系统使用情况纳入代码/设计评审标准

衡量采用情况

  • 生产环境中的组件使用率
  • 自定义/覆盖样式的数量
  • 支持问题数量(应随时间推移而减少)
  • 新功能的实现时间(应随时间推移而缩短)
  • 一致性审查评分

常见的采用障碍

  • 系统无法满足团队需求
  • 文档不完整或令人困惑
  • 组件过于僵化,难以自定义
  • 破坏性变更过于频繁
  • 缺乏明确的贡献流程

克服阻力

  • 倾听异议——它们揭示了实际缺口
  • 提供迁移支持,而非强制要求
  • 用数据展示生产力提升
  • 从愿意尝试的团队开始,逐步积累势头
  • 让贡献变得简单

最佳实践

  • 将设计系统视为有用户的产品
  • 在文档上的投入不亚于组件
  • 平等支持设计师和开发者
  • 维护公开路线图
  • 通过贡献和反馈建立社区

评论

支持 Markdown