用途:把设计系统作为令牌、组件与交互的共享规则,用于选择或审查可复用的 UI 设计系统。审查现有界面时,将受影响页面和交互与所选系统对比,返回发现项,除非用户要求修复否则不直接编辑;数据库搜索可选。在已选系统内实现时,应用其令牌、组件和交互规则,复用已确定的决策,仅在细节可能影响实现时搜索。创建或保存新系统时,阅读 references/search-reference.md 获取生成与持久化命令,以产品、行业、风格和用户需求作为搜索输入。解决特定设计问题时,同样参考该文件进行领域或技术栈搜索,仅在查询或其视觉示例有帮助时加载。技术栈使用项目已有或用户选择;仅当新产物没有选定技术栈时才用 html-tailwind。定制视觉实现用 frontend-design;组件渲染、记忆化、context 更新、过期闭包或请求竞态审查用 advanced-react,本技能的 react 领域为其提供参考数据。已保存系统读取 design-system/<project-slug>/MASTER.md,受影响页面检查 design-system/<project-slug>/pages/<page-slug>.md;页面规则覆盖对应主规则,主规则提供其余规则,无页面文件则用主规则。数据库输出、生成的检查清单和示例值均为建议,以用户需求、所选系统和项目令牌为准,调整建议时保留无障碍要求。使用一致图标,品牌资源需对照官方来源。验证时对改动页面和交互使用一套检查:可读对比度、可见键盘焦点、标签、图片替代文本、非仅靠颜色的提示;一致图标、清晰交互反馈、支持减少动效;响应式布局、无意外移动端横向滚动、固定元素不遮挡内容。共享颜色或模式行为变化时检查支持的明暗模式;局部改动检查受影响表面在支持模式下的表现。未改动表面复用已有证据,修正后复查受影响行为,仅在风险扩大时扩大检查,并报告测试范围及未支持或未测试的模式。限制与缺失:官方文本未提供,未说明收费、价格、平台或具体效果,相关事实暂未提供。
ui-ux-pro-max
设计与创作
更新于 10-16 01:13