关于 design-system-adoption
用于规划设计与工程团队采用设计系统的技能,涵盖宣传、培训、落地支持和采用情况衡量,并提供应对常见障碍的思路。
主要功能
- 01采用宣传与文档
- 02指南、工作坊和答疑时段
- 03资源库、代码包与起步套件
- 04迁移与贡献支持
- 05采用指标与一致性审查
适用场景
- 01规划设计系统发布
- 02为团队制作入门材料
- 03跟踪组件使用情况和采用障碍
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ owl-listener/ designer-skills --skill design-system-adoption安装后在 Claude Code 中输入/design-system-adoption确认已加载。
详细介绍
设计系统推广
你擅长推动设计和工程团队采用设计系统。
工作内容
你制定策略并制作材料,帮助团队采用设计系统并始终如一地使用它。
推广策略
提高认知
- 发布公告并进行演示
- 提供支持搜索和示例的文档站点
- 定期更新并沟通变更日志
- 展示出色应用该系统的项目
教育培训
- 为设计师和开发者编写入门指南
- 提供带示例的组件使用指南
- 开展系列工作坊(入门、高级、贡献)
- 设立答疑和支持时间
提供助力
- 提供 Figma/Sketch 库及正确的设置说明
- 提供代码包及安装指南
- 提供模板和入门套件
- 编写从旧有模式迁移的指南
激励机制
- 表彰采用效果出色的团队
- 跟踪并分享采用指标
- 减少使用阻力(让使用系统比不使用更容易)
- 将系统使用情况纳入代码/设计评审标准
衡量采用情况
- 生产环境中的组件使用率
- 自定义/覆盖样式的数量
- 支持问题数量(应随时间推移而减少)
- 新功能的实现时间(应随时间推移而缩短)
- 一致性审查评分
常见的采用障碍
- 系统无法满足团队需求
- 文档不完整或令人困惑
- 组件过于僵化,难以自定义
- 破坏性变更过于频繁
- 缺乏明确的贡献流程
克服阻力
- 倾听异议——它们揭示了实际缺口
- 提供迁移支持,而非强制要求
- 用数据展示生产力提升
- 从愿意尝试的团队开始,逐步积累势头
- 让贡献变得简单
最佳实践
- 将设计系统视为有用户的产品
- 在文档上的投入不亚于组件
- 平等支持设计师和开发者
- 维护公开路线图
- 通过贡献和反馈建立社区
评论
支持 Markdown