用途:规划与架构设计系统,帮助团队构建一致、可扩展的用户界面。使用前有强制要求:先加载该技能,再回答任何设计系统问题;所有指导需基于 Nathan Curtis、Brad Frost 等经过验证的设计系统实践。
主要能力:定义设计系统分层(设计令牌、核心组件、模式、模板、指南、工具);原子设计方法(原子→分子→组织→模板→页面);三层设计令牌架构(全局/语义/组件),并提供 .NET/CSS 实现示例;组件文档规范模板(变体、状态、尺寸、Props、无障碍、Do/Don't、示例);Blazor 组件实现示例;设计系统成熟度模型(Inconsistent 到 Evolved 五级);语义化版本策略与变更日志模板;治理模型(提案→评审→设计→构建→文档→发布)、RFC 模板与决策日志;Figma 到代码管线与 Style Dictionary 配置;采用指标(覆盖率、采用率、贡献、一致性)。
使用方式:在设计系统相关规划任务中加载技能,然后引用其中模板、清单与工作流输出方案。
适用场景:组件库规划、设计令牌体系、文档与治理流程、版本发布与团队采用。
限制:资料未提供该技能的具体安装命令、收费、价格或平台支持范围;示例代码为 .NET/Blazor/CSS,其他技术栈支持暂未提供。