关于 design-system-adoption
design-system-adoption 是帮助设计和工程团队推广并持续使用设计系统的技能。它涵盖沟通、培训、工具支持、迁移和采用情况衡量,也关注团队反馈与贡献机制。
主要功能
- 01制定设计系统推广策略
- 02准备文档、培训和使用指南
- 03支持库、代码包与迁移材料
- 04衡量采用率及使用障碍
- 05建立反馈与贡献机制
适用场景
- 01团队推出设计系统并规划推广
- 02设计师和开发者需要学习组件用法
- 03团队从旧有模式迁移到设计系统
- 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