


设计
设计外观统一、人人都好用的网页界面(UI)
设计或检查网站页面时使用。确定最先突出的内容、间距、文字大小、颜色、可复用的按钮等组件和点击后的反馈,并在发布前用明确的数字检查无障碍和加载速度。
按设计规则构建并更新 UI 组件库
在让 AI 为带类型的 UI 组件库新增或修改组件时使用。它会先读规范,使用统一的设计值,测试键盘操作和无障碍能力,同步文档和演示,并跑完全部检查。
做重大决定前,用短期冲刺做出原型并让用户试用(设计冲刺)
当重要决定因对体验、服务或信息的不确定而卡住时使用。先定好问题和一位决策人,各自独立画出方案,做出逼真的原型,请用户逐一试用,再决定下一步。
按想要的氛围选模板,制作 HTML 演示文稿
想根据内容提纲制作幻灯片时使用。先询问使用场合和想要的氛围,用真实内容做出三个标题页预览,再保持选定模板的原有样式完成每一页,并在浏览器中逐一查看后交付。
开发AI智能体用的设计工具,并整理好命令和检查
在构建或更新AI智能体使用的设计工具时使用。先读取项目设置,询问设计是面向品牌还是应用界面,然后让每个命令只对应一份资料,遵守颜色和文案规则,把发布新版本与日常修改分开,并先写测试再添加新的设计检查。
修改界面组件库,并检查有没有改坏
当AI要修改集中放在一个代码仓库(单一代码仓库)里的可复用界面组件时使用。它会遵守仓库规定的命令和软件包划分,写出说明怎样修复的错误信息,像真实用户一样测试组件,检查无障碍和截图,并重新生成API文档。
设计残障人士也能使用的应用和网站(无障碍)
设计应用或网站时使用。找出在视觉、听觉、行动和理解方面会卡住任务的地方,检查对比度、辅助工具、字幕、键盘操作和闪烁,并在发布前测试。
让同时提供应用和命令行的产品,代码库保持整齐有序
当AI在一个通过应用和命令行使用的产品的大型代码库中工作时使用。它会按顺序阅读规则文件,把各部分的代码放在各自的位置,把每个新功能同时加到应用和命令行中,用最轻的测试检查改动,并在发布前检查要发出的版本。
编写设计系统文档,并让它保持最新
团队需要把设计系统整理成文档时使用。先确定要写的范围,从大家最困扰的地方开始分页编写,按“是什么、为什么、何时用、怎么用”说明每个组件,并在发布前确认文档、设计和代码一致。
构建 AI 能用好的设计系统,并检查 AI 做出的组件
构建或修改供 AI 制作界面的设计系统时使用。它会先读当前分支的文档,只使用样式工具真正支持的 CSS,让文档与实现保持一致,并测试 AI 能否正确做出组件。
制定品牌规范,让品牌在任何地方都能被认出
在打造或更新品牌的外观和语气时使用。从品牌的目的和价值观出发,制定包括易读性在内的标志、颜色、字体和版式规范,把素材集中在一处方便团队使用,并通过检查和数据不断改进规范。
规划设计调研,让能力和语言不同的人也能参与
在为做设计决定而找用户调研之前使用。把目标和决策联系起来,选定方法和分工,招募能力和语言不同的人,保护参与者并支付酬谢,记录时保护个人信息。
把客户从认识到续约的体验画成旅程图,并为改进排出优先顺序
客户很早流失、或某类客户满意度偏低时使用。先询问业务类型、要画的客户群和范围,再按阶段写出客户在想什么、有什么感受、在哪里卡住,并给出标明负责人、排好优先级的改进建议。
